App Vans

Designing a scalable mobile experience for a Top 20 App Store app

Year

2023

Scope

Scope

Design System, UI Design

Timeline

16 weeks

App Store

Year

2023

Scope

Design System, UI Design

Timeline

16 weeks

App Store

TheVansappwasdesignedtobringthebrand'sidentityintoamobileexperiencewhilesupportingamoderncommercejourney.Alongsidetheinterfacedesign,IdevelopedaDesignSystemthatestablishedconsistentfoundationsfortheproduct,enablingscalabledesigndecisionsandasharedlanguagebetweendesignandengineering.
TheVansappwasdesignedtobringthebrand'sidentityintoamobileexperiencewhilesupportingamoderncommercejourney.Alongsidetheinterfacedesign,IdevelopedaDesignSystemthatestablishedconsistentfoundationsfortheproduct,enablingscalabledesigndecisionsandasharedlanguagebetweendesignandengineering.
Background

Vans had built a strong and recognizable brand across physical retail, but its mobile experience still had room to better reflect that identity. The project focused on creating an app that felt consistent with the brand while establishing the foundations of a scalable Design System.

Challenge

Every screen needed to balance brand expression with usability. The interface had to feel familiar to Vans customers while remaining fast, intuitive, and consistent across the entire product. In parallel, the Design System had to support both the initial launch and future product growth.

Process

The project combined interface design and Design System development from day one. Design principles were translated into reusable components, helping maintain consistency, simplify collaboration with engineering, and accelerate future iterations as the product evolved.

PHASE 1

Brand Understanding

PHASE 2

Design System Foundation

PHASE 3

Interface Design

PHASE 4

Design Refinement

PHASE 5

Product Launch

Measured impact and results

0k+

App Store Reviews

Maturity Score

0.9

Average App Store rating

Variables adoption

Top0

App Store Ranking

System Coverage

Thanks for scrolling