
A sustainable fashion website design


Challenge
Role
Duration
Deliverable
Making a user-friendly and minimal fashion design. It should let the users know why they need to pay the price for the products
Interview, Survey, Heuristic evaluation, Competitive analysis, Usability test
User researcher,
Interaction designer, photo editor, UI designer
Three weeks
Project time

About

As a student at UX Land, I was assigned to design a sustainable fashion website.
Fashion is the third biggest industry in the world and has a major impact on the environment. Nowadays there is more tendency among many people to use more natural with less footprint on the environment. So, my goal was to create a friendly and encouraging design for those users.
Challenge
Fast fashion products are cheaper and can sell faster compared with the same sustainable clothes. How to nudge the users into buying such products was the most important challenge in this project.
My first step to solve the problem was doing wide research about suitability in the fashion world and finding their users, lifestyle, goals, and values. I found 4 facts that shape the core of sustainable fashion products:




Natural material
1
2
Carbon neutral shipping
3
Ethical factory
4
Recyclable packaging
Because of these reasons, some people have chosen to use sustainable products and I need to make the designs for the users.
Persona
To help communicate information about the users that I collected during research, I created a persona.

"I miss my childhood time in the nature. Now, everywhere is surrounded by the building and noises of cars".
Flora, 35 years old
Lives in San Francisco
Works in a tech company
GOALS & NEEDS:
She loves spending time in nature. She looks for cloths made from natural material and less harmful for the environment
CHALLENGES:
* Doesn't have much time to go shopping and need to find her clothes easily on the website
* She Needs to learn more about the products and the materials before shopping
* She would like to have some ideas for setting her clothes
HOW WE HELP:
* Providing necessary information about the product
* Minimal design with the organic color theme
* Smooth and easy shopping process
* Recommendation and new offer
Sketch
To make my storyboard and empathize with the users I made some sketches. As a visual thinker, it helps me to connect with my users and understand their feelings deeper.







Moodboard
Based on the user research we had research to find inspiring images, words, and colors. We were looking for images that remind nature materials.


UI Kit
Our goal for making the UI kit was to design a website with a clean minimal and informative shopping system. Blew are the logo designs and UI kit.



Iteration
I conducted a usability test with 6 users asking them to shop for a hat. I observed their behavior and interviewed them after the task. The below change is the result of the tests
.png)
Because of importance of the "About Us", it is placed on the left side of the navbar.
"New Release" section appeases immediately after the hero image to give more accessibility
The arrow icon helps the users to go top easily without scrolling.
Some user would like to continue shopping so, in the final step of shopping the bottom takes them to the page they did the last shopping.
During usability test, I found many users go to the next step with the default size. The new design does not activate the "Next" bottom until they select the size. It helps preventing errors.
High Fidelity Wireframe
.png)
