top of page
Modest_header.png

Modest

Client

Bylorush

Role

UX Researcher & Visual Designer

Duration

12 Weeks

Team

3 Designer, 2 BA, 

1 PM, 1 UX Lead

Project Objective

  • Modest are committed to clearing the fog in the fashion industry to help you dress better, protect the planet and improve the lives of the people that make our clothes.

  • Our mission is to achieve consciousness of each product's impact on people and planet and consciousness of each of our customer's preferences for style, sizing, sustainability and lifestyle. 

Design Process

Group 6324.png

Understand

what is the problem we are trying to solve? Is it worth Solving?

Group 6327.png

Visual Design

Designed the user interface & user flows. Define Interactions & build prototype.

Group 6325.png

Research

Who are we solving for? What are the primary use case? 

Group 6328.png

User Testing

Conducting user interviews and test to validate design decisions.

Group 6326.png

Ideation

Ideas, Sketching, Wireframes and Brainstorming.

Group 6329.png

Dev handoff

Asset handoffs. Periodic UX reviews done to make sure product is developed as per design.

Research

The first research strategy I used was to conduct a needs assessment behind the fashion industry and researched about how people find it difficult to find fashionable yet sustainable clothes to fill their wardrobe.Competitive Analysis to gain insight into users’ issues with platforms like these. I also carried out interviews with a people who are focused towards environment which widened my perspective and allowed me several different problems to work upon.

​

Main findings : 

  • Consumers prefer to buy new products from firms that are committed to sustainability over secondhand products from their peers.

  • Consumers are willing to seek out clothing that is manufactured in an environmentally, socially, or ethically sensitive manner.​​

User Personas

Group 12290.png

Problem Insight

The way the fashion industry currently operates, serious concerns are often raised the way fashion industry operate:(exploitative labour, environmental damage, the use of hazardous chemicals, waste, and animal cruelty.)

  • Lack of fashion sense and its hard to select from sustainable outfits.

  • Customers do not have the option to select sustainability preferences for the specific cause they believe in.

  • Customers need a suggestions on the outfits that might go with their complexions, they find is very dfficult to make a choice by themselves.

Group 12289.png

Solutions

Platform that helps you to shop ethically by carefully choosing what we buy, and looking behind the brands, we can choose products that have a positive impact on people, the planet and animals as per their personal values.

  • Sustainable Stylist will help you find products you love and helps us reduce our carbon footprint by reducing returns. ​​

  • sustainability Preferences.

  • sustainable style.

  • choose your style.

  • age range and budget.

  • sustainability preferences.

  • appearances

  • size and fit.​

  • Modest Studio is one such online shopping website that joins the list of platforms that help curate a personalized fashion feed. ​

  • You can Filter the Impact where we can shortlist the kind of clothe you would want by selecting Materials, production, Animal, Fairness, charity Which will help user to select

Storyboarding and Information Architecture

With all of the research approaches used previously, my teammates and I convened with our lead and devised a wide structure. So I opted to work on the information architecture, which allowed me to precisely define all the functionalities and flow of the product.

Site map_modest.png

Sketch up !

This is where we go crazy with the ideas. You can explore absolutely anything, and that’s where brilliant ideas come from anyway.

Wireframing

I believe problem-solving and sketching are interlinked in product design — I say this because I sometimes come up with alternate and better solutions in this phase than the research phase. Each iteration taught me something insightful and helped me create a better version next time.

Wireframe_modest– 1.png

Usability Testing

In product design, I believe problem-solving and sketching are intertwined — I say this because I frequently come up with other and superior answers during this phase rather than during the research phase. Each iteration taught me something new and aided in the creation of a better version the next time around.


Following the testing, I conducted a Heuristic Evaluation, which enabled me to identify various usability issues that users encountered while interacting with the site. The following were the outcomes:

  • Need more options to select complexion to make choice for sustainability preferences.

  • Confused why size and fit consideration option was required.

  • Was confused about Instagram shop and website to place the order.

Style Guide

Color Theme

Hex   #120453

Hex   #1B1C1D

Hex   #FF843A

Typography

Domine

Bold

Regular

Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

Visual Design

We generated final designs for Modest based on those wireframes and what we learned through usability testing. Inspiration came from a variety of places, including existing platforms like Medium, Waggle, and PetBacker, as well as design efforts on Behance and Dribbble.

Visual_modest – 1.png

This project allowed me to practice critical thinking, attention to detail, and human-centered design thinking to consider all the useful features I could add to the platform. It wasn't simple to get the UX of all of these elements just right. Following are some key insights from our process:


What did I discover?

 

  • Data-driven design is essential since it leads to the creation of highly relevant experiences for individuals.

  • To solve the difficulties, particularly the carbon footprint, sustainable options are required.

  • A competent designer has a propensity towards action - he or she fails quickly and iterates quickly!

Key Learnings

Modest_Visual
bottom of page