← Back

Redesigning an Award-Winning Luxury Automotive Website

Creating scalable, interactive components that modernized INFINITI’s global digital presence and established a new standard for luxury automotive UX.
Senior UX Designer
September 2024
Live Website →
[01]

Summary

Over two years, I collaborated with the UX Lead and Creative Director at Critical Mass London to evolve INFINITI’s digital presence across its global and regional websites. My role focused on designing a system of reusable, strategically driven components, including navigation, video storytelling, progressive disclosure, social content, and audio experiences, that reshaped user engagement and enabled the brand to scale its digital identity with consistency and impact.

Executed under two-week sprints, this project not only delivered measurable improvements in site performance but also won the IAC Award for Best Automotive Website and Creativepool Silver Award in 2024.

[02]

Process

  • Designed multiple interaction concepts per component, presenting prototypes to UX and creative leadership for alignment.

  • Iterated through stakeholder feedback cycles and translated decisions into detailed documentation for developers and UI teams.

  • Developed component specifications, motion rules, and accessibility guidelines, ensuring scalability.

  • Audited existing pages post-delivery and strategically recommended component placement across the site using data-driven insights.

  • Designed post-implementation usability testing (card sorting and task-based evaluations) to measure performance and inform ongoing improvements.

[03]

Solution

Navigation

Created an immersive navigation system with hover-triggered vehicle previews and streamlined mobile cards, enabling fast access to model information while reinforcing brand excitement.

Try in live website →

Video Storytelling

Developed eight initial video interaction concepts, refined into two core components:

  • Story Showcase: scroll-controlled storytelling with multiple visual variations.

  • Panning Reveal: hover/swipe interaction designed to drive exploration.

View Live Example →

Progressive Disclosure

Designed a scroll-based overlay system that presents information in stages, minimizing cognitive load while increasing user engagement with deeper content.

View live example →

Social Content Modules

Created horizontally scrolling carousels for media content that evolved into a flexible system for showcasing both user-generated stories and the full INFINITI lineup.

Audio Immersion Component

Designed an audio module allowing up to three soundbites per section, enabling sensory engagement through vehicle sounds and narrative cues.

View Live Example →

[04]

Impact

  • 11% increase in site traffic and a 5% decrease in bounce rate following component rollout

  • Component-based design system in preparation to be adopted across multiple global markets as the new standard

  • Project success helped secure a dedicated yearly budget for user testing and continuous UX enhancement, confirming INFINITI’s long-term investment in this design system

  • Awarded Best Automotive Website (IAC Awards 2024) and Silver in Web Category (Creativepool Awards 2024)

View IAC Award →

View Creative Pool Award →

[05]

Learnings

Agile Workflow Adaptation

Delivered high-quality design under tight timelines by embracing rapid iteration and clear prioritization.

Designing for Developers

Strengthened my ability to create detailed, developer-friendly documentation that streamlined handoff and reduced implementation errors.

Testing for Continuous Improvement

Refined my user testing approach to blend task-based evaluation with qualitative feedback—ensuring insights weren’t just measured, but actionable

Contact

Ready to turn ideas into a brilliant reality?