year
2023
team
Miriam Lundin
role
UX/UI
tools
Figma
BRIEF
Daze, a prominent streetwear retailer offering a curated collection of clothing, shoes, and accessories from diverse brands, is seeking to establish an innovative and inspiring online presence. The goal is to captivate the attention of young adults who are passionate about fashion and skating, delivering a user-friendly platform that not only showcases products but also immerses visitors in the vibrant urban culture that defines the brand.
MoSCoW
I started out by using the MoSCoW method to decide what to include on the website. I made a list of things that were really important (Must Have), things that would be nice to have (Should Have), and some extra things (Could Have).
This method helped me prioritize and make smart choices about what to include on the page. I left out elements that weren't necessary to keep the page looking neat and organized.
This method helped me prioritize and make smart choices about what to include on the page. I left out elements that weren't necessary to keep the page looking neat and organized.
Must have
Breadcrumbs
CTA buttons
Product image gallery
Product name
Product information
Color swatches
Sale badges
Price & reduced price
Price history
Breadcrumbs
CTA buttons
Product image gallery
Product name
Product information
Color swatches
Sale badges
Price & reduced price
Price history
Should have
Rating & Reviews
Purchase USP
Favorite button & Wishlist
Recommended products
Rating & Reviews
Purchase USP
Favorite button & Wishlist
Recommended products
Could have
Stock status
Quickshop
Modules
Stock status
Quickshop
Modules
SEO
In order to enhance the website's performance on search engines and create a good user experience with SEO in mind, I applied the following elements:
Call-to-action (CTA) links prompting visitors to delve deeper into the site and discover more products. This not only encourages user engagement but also supports the site's overall SEO strategy.
Breadcrumbs on the site pages, which also assists search engines like Google in indexing the content while also helping customers to navigate with ease.
Reviews and product rating to improve click-through rates and establish trust with potential customers.
Mobile responsiveness to ensure the site is mobile-friendly.
Call-to-action (CTA) links prompting visitors to delve deeper into the site and discover more products. This not only encourages user engagement but also supports the site's overall SEO strategy.
Breadcrumbs on the site pages, which also assists search engines like Google in indexing the content while also helping customers to navigate with ease.
Reviews and product rating to improve click-through rates and establish trust with potential customers.
Mobile responsiveness to ensure the site is mobile-friendly.
BRANDING
In the process of developing the website, i made the design choice to incorporate rounded corners across a majority of the website's elements. This decision was made to make the website more visually interesting and to convey to the brand identity.
I chose a predominantly black, white, and grey color palette to ensure the spotlight remains on the product images. To add a touch of vibrancy and interaction, I introduced splashes of orange and green in specific elements like the hover effects. These pops of color adds a playfulness to the site and also conveys to the brand identity.
For typography I chose the font "Gordita" to take center stage. It's design evokes a strong visual identity, while retaining good legibility.
I chose a predominantly black, white, and grey color palette to ensure the spotlight remains on the product images. To add a touch of vibrancy and interaction, I introduced splashes of orange and green in specific elements like the hover effects. These pops of color adds a playfulness to the site and also conveys to the brand identity.
For typography I chose the font "Gordita" to take center stage. It's design evokes a strong visual identity, while retaining good legibility.
RESULT
