Project

A Fashion E-commerce Website for Stelle

Date

Dec 2023 - July 2024

Platform

Shopify

Team

Emma (UX Designer),

Zoey(UX Designer),

Cassie (CEO),

Dary(Marketing lead)

My role

User Research /

UI UX design /

Marketing,


A Fashion E-commerce Website for Stelle

Date

Dec 2023 - July 2024

Platform

Shopify

Team

Emma (UX Designer),

Zoey(UX Designer),

Cassie (CEO),

Dary(Marketing lead)

My role

User Research /

UI UX design /

Marketing,


Overview & Goal

Stelle is a e-commerce clothing company on Amazon. When I joined the Stelle team as a UI/UX designer, they were expanding their business from Amazon to their own website. My role involved rebuilding their website from the ground up and establishing a brand voice to attract more customers and improve conversion rate.


Our Goal: Enhance user experience and boost conversion rates by focusing on three critical metrics: Add to Cart Rate / Checkout Reach Rate / Session Conversion Rate.

Result

Build the website from scratch

0-1

Order volume increased 400% in six months.

400%

Add to cart rate improved to

11.28%

Final Design

Explore and shop with stelle at : https://stelleworld.com/

Research

Analyze data & Interview the Internal Teams

Insight 1:
The conversion rate on our old website is below average.

Insight 2:
Most of our sales come from children's products, especially girls' dancewear.

Persona

Review the old website with potential clients

  • * Difficult to navigate between product images * Other color options are hidden, text descriptions of colors are unclear * Checkout button not easily visible in cart

  • * Poor product organization impacts browsing experience * Many product variants (e.g. color options) are hidden

  • 73% customers visit our website for kids' dancewear, our old homepage may confuse users.

Design Process

Cross Team Discussion

We're using two separate backend systems for inventory and orders, so our first step is to determine what we can do and what we cannot.

Competitor Analysis

Examining our main competitors' websites and mobile apps, including interface design, navigation structure, and overall user journey.

Card Sorting

I conducted 10 card sorting sessions to define our navigation system. This process helped organize our product categories more intuitively.

Ideation

Low-Fi

Nav Bar Exploration

Information Architecture

Mid-Fi Ideation (Product Detail Page)

Mood Board


Testing

Task completion rate

100% of users successfully completed the purchase task

Navigation efficiency

85% of users successfully found products within 2 clicks

A/B Testing

Version B received higher user satisfaction scores.

A

B

Solution

Check the website at: https://stelleworld.com/

  • Implement a clear, hierarchical menu structure


  • Add breadcrumbs for easy navigation


  • Add filtering options (color, size etc.)


  • Include quick view functionality


  • Show color swatches on product thumbnails


  • Add a prominent "Quick buy" on product thumbnails

  • Replace the dropdown with clickable color dots, Show all available colors directly on the product page


  • Add a row of clickable thumbnails below the main product image, Enable easy switching between product images


  • Move the cart to side panel, Include a "You May Also Like" section to feature more relevant product

Responsive Design

Other Branding & Marketing Design

Result

At Stelle, I developed a responsive e-commerce website from scratch, featuring streamlined checkout and intuitive navigation. This led to a 400% increase in order volume over six months. Through user testing and A/B testing, I optimized the conversion funnel, improving the add-to-cart rate 5 times in 6 months.

Explore and shop with stelle at : https://stelleworld.com/

Result

Build the website from scratch

0-1

Order volume increased 400% in six months.

400%

Add to cart rate improved by

11.28%