Narvar Website Redesign and Transformation by Gabriel HernandezNarvar Website Redesign and Transformation by Gabriel Hernandez

Narvar Website Redesign and Transformation

Gabriel Hernandez

Gabriel Hernandez

A Website Redesign Powered by Design Systems

A forward-thinking redesign that positions Narvar at the forefront of AI innovation. Powered by a scalable design system built with Figma and Webflow, using shared tokens, templates, and components for rapid expansion.

The Opportunity

Narvar's outdated site was misaligned with our current strategy and product vision, multi-language pages were expensive and cumbersome to maintain, and slow landing page deployment was killing our agility. With just three months to meet crucial fiscal and event deadlines, we needed more than a redesign—we needed a complete transformation.

My Role

Creative Direction
Brand Strategy
Wireframes
Design
Copywriting
Project Management

Data-Driven Foundation,Vision-Aligned Execution

Great design starts with understanding what's actually happening. I initiated a comprehensive data audit analyzing site traffic, conversion patterns, and SEO signals to identify user drop-off points and optimization opportunities. This research shaped our content strategy and informed a more intuitive site architecture. Simultaneously, I facilitated cross-functional branding workshops to align leadership on messaging and design direction, ensuring our website redesign seamlessly extended across sales decks, trade show materials, and digital campaigns. Creating a unified brand experience at every touchpoint.

Strategic Leadership Through Systematic Delivery

Complex projects need clear vision and flawless execution. As Design Director, I orchestrated a phased rollout from rough concepts to interactive prototypes, maintaining creative vision while hitting aggressive timelines. I strategically empowered senior designers to lead system architecture while guiding junior designers through production and CMS implementation. To accelerate development, I brought in a specialized Webflow agency, managing weekly Figma collaborations that kept prototypes aligned and handoffs seamless. This systematic approach ensured quality at every stage while building team capabilities.

Accessibility Design That Scales

Beautiful design means nothing if it doesn't work for everyone. We considered accessibility early on, conducting a comprehensive color audit and realigning our palette with WCAG guidelines to improve contrast across all states and devices. We architected a Figma component library using constraints, auto layout, and variants to ensure seamless responsiveness across breakpoints. Recognizing mobile-first reality, we prioritized touch-friendly interactions, legible typography scaling, and optimized navigation patterns specifically for small screens directly improving conversion rates and user flow.

Systems Thinking for Long-Term Success

The best design systems bridge the gap between vision and reality. My impact: I established a token-based system that maintained perfect visual consistency between Figma and Webflow, syncing values for color, spacing, and typography. This systematic approach eliminated design drift, accelerated prototyping cycles, streamlined QA processes, and created a foundation built for continuous iteration. The result: a living design system that empowers teams to move fast while maintaining brand integrity
Like this project

Posted Jun 29, 2026

Redesigned Narvar's website using a scalable design system for better alignment and agility.