MONASH UNIVERSITY
WARDROBE WIZZ
UI/UX - Storyboarding - Front-End Coding
Project Overview
As part of our UX/UI design course at Monash University, we developed an innovative wardrobe app, putting our six months of knowledge into practice. Collaborating closely with three peers, we designed the app to help users organise their wardrobes and generate daily outfit ideas.This project allowed us to apply our theoretical knowledge to real-world challenges, focusing on user experience, intuitive interfaces, and aesthetic design.
My Contributions
In this project, I played a key role in bringing our wardrobe app to life. While one of my peers came up with the initial idea, we all collaborated on various aspects of the project, including conducting interviews, running user testing sessions, and creating a style guide. My primary contributions involved designing the app in Figma and developing the prototype both in Figma and through coding in HTML/CSS. Despite the tight timeline of under three weeks, we successfully created a functional and visually appealing app.
The Narrative
Kate wakes up in the morning, feeling happy and refreshed. She is standing near the wardrobe and doesn’t know what to wear. Kate then gets frustrated with trying to find an outfit for today. After choosing an outfit that she wore last week, she goes to work feeling upset and sad. She complained to her colleagues as she didn't know it was going to rain today. It took her ages to find the right clothes.
The Problem
People often struggle to choose the right outfit in the morning due to unpredictable weather, varying moods and style preferences. Without a quick and efficient system to match outfits with current conditions, stress and frustration can arise which sets the tone for the reminder of the day.
The Solutions
We created a WardrobeWizz app (with AI-integration), which aims to simplify outfit selection based on weather forecast and user’s inputs regarding their mood and style preference for the day, making people feel content and confident in their clothing choices.
User Research
We gathered qualitative and quantitative user research to ensure a comprehensive understanding of user needs and behaviors. Our findings revealed that most users relied heavily on the weather when selecting clothes and typically only remembered their outfits from the past 2-3 days. Additionally, 42.9% of users took 10-20 minutes to get ready, while 28.6% required 20-30 minutes.
Key Insights
1. People cannot clearly recall all clothing pieces that they own in the last three days.
2. It is hard to remember what they wore in recent past, but it is important for them not to repeat their outfits often.
3. It is important to express themselves through sense of personal style and mood on a particular day but picking the right outfit is time consuming i.e., changing from one style to another to find the right fit and match can last long.
4. Feeling frustrated trying to match what 'feels right' with the weather conditions.
User Persona
We created a user persona to better empathise with and understand our target audience, allowing us to design a more user-centered product. This helped us tailor the WardrobeWizz app’s features and functionality to meet real user expectations and ensure a more engaging and relevant user experience.
Definition & Ideation
We began by defining a Problem Statement to address the stress users face when selecting outfits daily. We then developed a Value Proposition that focused on simplifying wardrobe decisions with personalised, weather-adaptive suggestions. Through Ideation & Brainstorming sessions, we generated and prioritised ideas using a matrix based on impact and feasibility. A Competitor Analysis further refined our strategy, identifying market gaps and opportunities. Finally, we created Wireframes to visualize the app's structure and ensure a seamless, intuitive user experience.
Prototyping & Testing
Once the wireframes were finalised, we developed interactive prototypes using Figma to bring our design to life. These prototypes allowed us to simulate the user experience and identify potential issues early on. We then conducted usability testing with real users, gathering feedback to refine the app's interface and functionality. This iterative process ensured that our final design was both intuitive and responsive to user needs, leading to a polished, user-centered product.
Low Fidelity Prototype
Mid Fidelity Prototype
High Fidelity Prototype
Image 1

|-------------------------------

Image 2

--------    Figma Prototype    --------

Image 3

--------------------------------|

Image 4

|--------    Coded Prototype    --------|

The Conclusion
We believe that by developing an app that recommends outfits based on users' emotional states, real-time weather conditions, and personalised style preferences, we can significantly reduce decision fatigue and empower users to make better decisions throughout the day, with less stress on mundane tasks.
Next Steps
Through iterative design and user testing, we aim to continuously refine the WardrobeWizz app, ensuring it adapts to users' evolving needs and preferences. By adding functionalities that consider factors like body type, skin tone, and personal style, we will create a more robust algorithm, ultimately delivering a more intuitive and delightful user experience.
EXPLORE MORE
COLLABORATIVE UX/UI WORK
Creating seamless experiences where design meets smart solutions.

PUMA

UX-UI

TRACTOR DESIGN SCHOOL

UX/UI

TRAVELEZY

UX-UI

COLLINGWOOD FARM

UX/UI

NUTRIPAW

UX-UI

AUSTRALIA POST

UX-UI
I'm only a email away
GET IN TOUCH
Let's bring your vision to life! Whether you have an exciting project in mind or simply want to connect, I'm here to collaborate and create something extraordinary. Drop me a line, and let's start a conversation.