My role
Interaction design
Prototyping
Interface design
Tools I used
FramerJS
Axure
Sketch
As a group of six, we designed a desktop and mobile website to engage fashionistas by inspiring them with combinations of fashion and Swatch watch images allowing them to explore fashion and watch based on location and style. This creates a seamless experience from digital to physical with emphasis on exploration, storytelling and self expression.
The website on the video is created with Axure.
We identified Swatch’s business problems through research, and the analyzation of the Swatch Group annual financial reports.
We defined our challenges by questioning these fundamental questions:
Adding onto Swatch’s existing customers segment, our primary target customers are the 20s to 30s street fashionistas who express their identity through fashion, and are provocative about fashion trends and activities.
Creating a stronger connection between Swatch and street fashion people by building the relationship through relevant interest and empower them to express themselves.
Books read for the project.
Whiteboard sessions.
Sketches for dial interaction.
Sketches for UI.
Created dial interaction where users can choose certain city and style. This dial interaction was initially inspired by the shape of watch. I created this dial interaction using Framer.js.
Before working on the visual design of the UI, I created mobile website prototype with Framer.js.
Final UI of Swatch mobile website.