Waa. Studio Website E-commerce 🏷️ Business Concept
Ownership
100%
Role
Research
UX design
UI design
Year
2023
Timeline
Overall: 6 weeks
Discovery and
Research: 1 week
Design & testing: 5 weeks
-
Waa was founded in 2021, and then growing as the leading footwear and accessory brand that speaks out for the voice of new youth.
-
Waa.’s vision is to become the leading minimal footwear & accessory brand in Vietnam embracing both youth energy and classic splendor.
-
One professional platform is essential to build brand identity.
-
Waa. Studio Website is the online solution serving the Vietnamese local brand: Waa.
The platform offers a systematic scheme of Waa’s information.
-
Vietnamese who is comfortable in her/his skin
-
Gender-neutral
-
Age: 15-40
-
Waa plans to expand the target audience segmentation: Kids from 5-10 years old. In the near future, the brand’s website is essential to organize all products.
The brand reaches its target audience via social media online platforms such as Facebook, Instagram, and online shopping platforms such as Shopee and Lazada.
A customized website facilitates access to build high-fidelity and customer loyalty.
All products, essential product information, and key guidelines are well arranged. Hence, the E-commerce drive is built with a clear buying and checkout process.
The first step is to expand Waa’s customer base internationally.
Above all, raising brand awareness is the long-term journey that the brand aims for. The brand’s story, philosophy, and key link to social media sources are well presented.
“I want to look at the brand as big picture”.
-
Personal Information
Age: 29
Education| Work: Business Consultant
Gender: Male
-
Goal
Look for a website representing footwear with a true minimal vibe
Take an interest in Waa. studio’s products
Find Waa. studio’s products matching his own vibe
-
Frustrations
Social Media of brand: Facebook and Instagram represent the newest. It takes time to scroll to look for whole products and information.
"I wanna wear products representing my characteristics"
-
Personal Information
Age: 22
Education| Work: Model
Gender: Female
-
Goal
Refer to the right price of Waa.’s products rather than other E-commerce platforms
Hunt the special promo code from the brand
Surfing Waa’s own website as a reference for minimal vibe and modeling inspiration.
-
Frustrations
E-commerce platforms somehow mislead my wish list. A website with an archived wish list facilitating my want-to-save items for the next buying/order.
The Style Guide was built, and then published to Figma Library with Color, Typography, Icons, Components, and Grid
-
Color scheme
The brand research led to the color scheme of the brand's primary, secondary, and tertiary colors. Two main tones of brown (alternative light brown & alternative dark brown) were added to Color Styles. These brown tones are based on Waa. studio's product color and visual concept.
The gradient tone was also styled for background and element visual cases.
The palette of various tones for the brand's primary, secondary, tertiary colors
and alternative light brown, alternative dark brown were styled as the neutral codes.
For the status color palettes in UI: Information, Error, Warning, and Successful
were created with blue, red, yellow, and green respectively.
-
Typography
The minimalism style and elegance of the typeface were based on Waa. studio logo. Moreover, the overall vibe of the website prioritizes clean and lean effects to produce legible interface.
-
Components
The components such as Variants, Input, Image Slider, Header Set, etc are added to the library to boost the design process.
