Role 👩🏻💻
UX|UI Designer
About Tou
Tou is an iOS app designed to enhance your shopping experience, allowing users to personalize their shopping feed. Click here to see it.
Purpose Of Tou.com
The purpose of Tou.com is to serve as a marketing platform aimed at encouraging users to download the Tou app and to inform people about Tou’s services. This is achieved by ensuring accessibility across various platforms.
Success Metric
On Tou.com, the business goal is to ensure that most visits to the website are converted into app downloads.
Competitor Analysis
I've performed competitor analyses on four distinct websites and compiled a list of the advantages and disadvantages for each segment.
Headspace Marketing Web
Nara Baby Marketing Web
Mojo Marketing Web
Shop Marketing Web
User Needs
The user needs from Tou.com to get more info about Tou and understand whether is app will improve their shopping experience
Key Features
Based on the user needs these are the key features needed on Tou.com :
CTA for downloading the app
Social proofs
Summary of benefits
Footer including social links
Real visuals of the app
Brands that work with Tou
Sketches
Created three different layouts including all the key features needed, and having pros and cons for each sketch.
1. Benefit and feature-focused
2. Graphic and mockup focused
3. Combination of two
Affinity Mapping
Grouped pros and cons from each sketch under key features so I would know what I want and don’t want for each section.
Wireframes
Created two versions of grayscale wireframes in Figma.
Mood Board
Based on my research/UI board I wanted the mood board to be:
modern
artsy
sleek
I created my mood board and gathered images to showcase my desired vibe.
UI Exploration
Explored various colors from the mood board and diverse shapes and tested the accessibility of each at every stage.
Prototype
Responsive & Break-points