UX/UI PROJECTS
STEALTH CULTURE
Overview
A streetwear brand entering the digital world of online stores, ecommerce sites, and mobile app. I designed the overall look of the website and also for mobile usage. I started this brand with a friend of mine and I was asked to design this since this is already part of my skillset/field which is UX/UI designing.
Company
Stealth Culture
Duration
1 month
Roles
User Research, Information Architecture, Wireframing, Prototyping, and Project Management. Graphic design, social media management and video editing.
PROCESS
01
USER RESEARCH
My goals for this research are:
– To learn and identify who the users are and learn their motivations in using the website.
– The website’s needs in order to achieve the client’s goal
– To document the pain points and needs of the website and lists solutions/ideas
– Is the website meeting the user’s needs?
02
INFORMATION ARCHITECTURE
This phase is where I organized the data and information I’ve gathered.
Information I gathered:
– Insights (Pain points & needs)
– Analysis (Solution/Ideas)
– Competitor Analysis
– Ideate (Key Features)
– Style Guides
03
WIREFRAMING
I showed them the basic structure and the visual design of the end product.
– Low Fidelity Wireframes
– High Fidelity Wireframes
04
PROTOTYPING
The final representation of the end product and how the website and mobile app will look.
USER RESEARCH
PROBLEM STATEMENT
Do not have any idea how the ecommerce website and mobile app should look like.
BEST SOLUTION
Create a design that visually represents what their brand is all about. Sticking with themes that aligns with their brand identity and compliments their target users/audience.
USER PERSONA
Target audience: age 13-35
Location: Mississauga, Ontario
INFORMATION ARCHITECTURE
STYLE GUIDES
The style guides include color palette, font typography, and logo
WIREFRAMES
Low and high fidelity wireframes for both website and mobile app.
LOW FIDELITY
WEBSITE
MOBILE
HIGH FIDELITY
WEBSITE
MOBILE
PROTOTYPE
This is the final product which shows the website functions.
VIDEO
THANK YOU!
Please look at my other projects