Norwegian Redesign



SCOPE
Web Redesign / Strategy / Brand Refresh
SUMMARY
For this massive redesign over a multi-year partnership, we created a new digital brand system, a library of modular UI components,  and adaptive templates for hundreds of unique detail pages.

To establish a solid foundation for the interactive experience, I first led an effort to modernize the existing brand into a digital-native system of styles and patterns.



BRAND REFRESH






DESTINATION PAGES




PLANNING PAGES





ADAPTIVE INTERFACES
Few industries blur the line between marketing and product design as much as travel – people spend weeks researching, browsing, purchasing, and configuring vacation itineraries.

Whatever stage of the journey a visitor is in, our design system made sure content was interactive when it needed to be, and out of the way when it wasn’t:

  • an expanded type system gives hierarchy to product details and pricing information

  • responsive components adapt to any content size or state

  • standardized language for dates, cities, and prices, ensure consistency throughout 



ACTIVITY PAGES




DETAIL PAGES





CONTENT STRATEGY



CONTENT-CENTRIC
Content strategy was the core of this redesign, and the success of the resulting design system.

We audited thousands of pieces of unique content that could appear in the front end, to categorize, standardize, and determine the min, max, and average sizes the UI would need to accommodate.






We designed responsive containers that intelligently adapt to content, making the layout look appropriate no matter how many items the API returns.





SEARCH + ENJOY
We explored discovery across all touch-points, making search less daunting and more fun by letting people explore in any mode: by date, destinations, climate, activity, or vibe.




DESIGN SYSTEM


DESIGN SYSTEM
Informed by content and UX findings, I led the effort to implement a new digital design system by making sure it’s useful to everyone, not just designers. I partner with development teams to understand their framework constraints, with marketing teams to understand their CMS authoring experience, with product managers to understand how pain points with the old system.

The new design system documented the naming, accessibility, responsive behavior, theme variants, and interactivity of hundreds of UI components.


▲ Selected documentation from the design system






OUTCOMES



NO EDGE CASE LEFT BEHIND
As exciting as vacation content is, one of our highest-priority goals of the redesign was to simplify the UI for booking, checkout, and payment flows. The existing experience was critical to sales, and one that customers had described as similar to filing taxes.



We audited the flows, analyzed the data, optimized around technical constraints, and user-tested relentlessly to deliver a purchase and configuration experience that was faster and less error-prone than ever.








MY ROLE(S)
Creative Direction/Art Direction
UX + UI Design
Design System/Digital Brand System
Web Prototypes

DESIGN TEAM UX Direction: David Brahler
Design Direction: Sean Kelly
Design: Clarissa Vu, Lindsay Farrell, Jon Burke, David Mitchell
Agency: Critical Mass







Interested in working together? Get in touch to schedule a walk-through of my work.




WORK /



Capabilities



Design Systems Digital brand & UI systems

Mobile + Fintech Mobile payments, PFM

Web Design Collected web design

Product



Norwegian Redesign Ecomm UX/UI

Amex Serve Apps Product design UX/UI

Bellhop Assistant Voice Chat/TV UX/UI

Nike+ Running App Mobile UX/UI


Brand



Wove Brand identity system

With/Stand Brand identity

Leaps Experiential activation

Logos+Lettering Custom type & graphics