APPLE E-COMMERCE
STYLE GUIDE
UI | UX
OVERVIEW:
As Design Principal on a large-sized team, I was involved in the Discovery > Define > Design > Testing phases of the project as outlined below. I was responsible for the art direction and creation of the user interface, which manifested in the form of a component-based Design System in Figma. Additional tasks included the creation of wireframes, and high fidelity mockups,
The goal was to create an Apple branded UI experience that worked across the e-commerce platform for various Apple Authorized Resellers. I defined my approach by keeping three core values in mind; scaleability, accessibility, and consistency. To achieve this I focused on building an Atomic Design System that contained all UI components. The key challenge of Apple’s request was, “Making it look like Apple, but not Apple.”
User Flow:
Wireframes:
Atoms:
Molecules:
Organisims:
Co-branding Guidelines:
High Fidelity Mockups: