PROJECT
Evoke: Shopify Experience Design
COMPANY
Eight for Shopify
ROLE
UI designer
TEAM
Product team at Eight
TOOL USED
Figma
Overview
About this project
This project showcases my expertise in e-commerce website design through the creation of a demo store on Shopify for the athleisure brand, Evoke. In revitalizing the website, I seamlessly integrated new sections and templates while maintaining the brand's identity and existing design and coding framework.
Reserch
Competitor research / Market research / User persona / (User journey / Paper sketch and prototype / Information Architecture)*
Initial design exploration
Low-Mid fidelity Wireframe / Mood board / (User Flow based on IA)*
Design system / High fidelity design
High fidelity design / Design system / Colour system / Font system / Layout grid / Component system / Imagery and visuals direction / Art direction / Logo / Imagery and visuals direction
Test/Review/Launch
Design hand over / Review with team / Check real-life consumer’s review
Design Process
Research
Low fidelity wireframes
Design system / High fidelity
Test/Review/Launch
Design setting and system
Fonts ans Typography Colour Spacing Container Margin/Max width Key components/Exmaple
Moodboard
Homepage
Product page
Stock level indicator: Key improvement on product page
Detailing configuration settings and design choices for the stock counter bar, including an animated feature. The animation dynamically shortens the bar from its full length to effectively highlight the decreasing stock levels.
Product page/Pre-Order
About page
