AWS-Grid.png

Grid

After almost two years in design and development, we landed on a Grid where visitors can see a curated list of case finishes and band colors. If customers like what they see, they can click a watch to view more details and make a purchase.

 
AWS-Banner.png

Grid: Studio Banners

If a customer is looking for something different, we added banners at the end of each watch collection where they can jump into the Apple Watch Studio and create their own.

 
AWS-PDP.png

Product Detail

On the Product Detail page, we designed a section where customers can click through different band colors, jump into the design studio, or finalize their watch choices to get a better estimate of their final watch price.

 

Design Studio

In the design studio, we started with an intro that informs the users on how to build their watch, followed by an animation that shows the customer how to use the pill buttons to navigate between three choices; size, case, and band type. Customers can tap, swipe, or use the “jump navs” in the pills to make their choices. When done, they return to the Product Detail page where they can finalize all the decision of their new creation or make more styles for comparison.

 
 

Agency

Huge Inc, via embedded team at Apple


My Role

Designer


Team

Associate Creative Directors: Kirk von Rohr, Kelly Rodgers, Isaiah Andrew
Project Mangers: Keith Foy, Joe Van Acker, Carrol Allen
Copy: Azadeh Ensha
UX: Jonathan Nachum, Peter Kaoud, Tony Nguyen
Art Director: Franchec Crespo
Designers: Zach Parola, Frances Yaramishyn, Aris Gonzales