Atelier

Digital Wardrobe App

<-- Prev

Next -->

The image featured at the top of the about us page #1

Table of Contents

Prototype

Problem

Low-Fi

User Testing

Findings

Take Aways

ROLE

Designer

TIMELINE

5 weeks

PLATFORM

iOS , WatchOS

YEAR

2023

TOOLS

Figma

TEAM

3 Designers, 1 Product Manager

Back To Top

Overview

Atelier is a digital wardrobe solution that catalogs garments and curates personalized outfit recommendations based on the user’s wardrobe and calendar.

I collaborated with two designers, a Product Manager, and Software Developers to design and build this 0→1 product, streamlining outfit planning and enhancing wardrobe organization to help users dress with confidence.

End Product

Challenges

With a team of designers, developers, and a Product Manager from diverse backgrounds, aligning on a shared vision and workflow was a challenge.

Additionally, the tight five-week timeline added pressure to move quickly while maintaining quality.

How We Overcame Them

Teamwork was key. We established dedicated regular meetings, streamlined communication, and divided tasks efficiently to stay on track and deliver a cohesive final product.

Challenges

With a team of designers, developers, and a Product Manager from diverse backgrounds, aligning on a shared vision and workflow was a challenge.

Additionally, the tight five-week timeline added pressure to move quickly while maintaining quality.

How We Overcame Them

Teamwork was key. We established dedicated regular meetings, streamlined communication, and divided tasks efficiently to stay on track and deliver a cohesive final product.

THE PROBLEM

Spending time looking for an outfit is mentally draining and time consuming.

COMPETITIVE ANALYSIS

What's the competition doing?

Initial research, indicated that there were already a few key competitors in the market.

However, the majority of them focused heavily on the cataloging process of clothing items and outfit generation was often overlooked.

So we prioritized these…

Accessory Integration

Seamless Calendar Sync

Calendar Sync

Smartwatch Reminders

LOW-FI PROTOTYPES

Started with sketches and simple mockups

USER TESTING

What do the users think?

To ensure we were on the right track, we engaged on usability testing to find any usability issues, trouble spots, or areas where the functionality and design of the app are unclear.

The key metric was to measure task completion rate.

7 Participants

4 Tasks

2 Channels

What do the users think?

7 Participants

4 Tasks

2 Channels

USER TESTING

FINDINGS

We found the following themes..

Iconography

"The + icon was not intuitive"

General Bugs

"Why can't I find it here?"

Phrasing

"What's the difference?" choose a new outfit and generate a new outfit.

Reminder Flow

“What do you mean, set a reminder, where?” They were unsure how to start the task.

FINAL DESIGN

Making changes

Implementing the changes from the data gathered from our usability testing, the team set out to refine what Atelier looks like as it is prepared for dev handoff.

TAKEAWAYS

Collaboration in design can bridge diverse perspectives

Designing for Real-World Use

Creating a functional and intuitive wardrobe solution required us to deeply understand user behaviors, proving that thoughtful design can simplify daily routines

Designing for Real-World Use

Collaboration is Key

Working with a diverse team reinforced the importance of clear communication, alignment, and adaptability in a fast-paced environment

Collaboration is Key

Time Constraints Drive Focus

With only five weeks make quick decisions, and iterate efficiently, teaching us how to balance speed and quality.

Time Constraints Drive Focus