← Back to work

FEATURED PROJECT / 2024

Ourfit

A digital wardrobe built around one simple idea: wear more of what you already own.

UX/UI Design Figma HTML CSS JavaScript
Ourfit interface
Ourfit wardrobe interface
Ourfit community interface
DIGITAL WARDROBE / 2024

THE IDEA

Your wardrobe,
seen differently.

How can we encourage people to wear the clothes they already own more often?

Ourfit started as a first-year project around sustainable fashion. Instead of approaching sustainability through buying something new, I wanted to explore how we could make better use of what people already have.

That question eventually became the foundation for Ourfit: a digital wardrobe where other people can create outfits using the clothes you already own.

01 / DISCOVER

Looking beyond
buying less.

THE SHIFT

The problem wasn't always that people needed different clothes.

Sometimes they simply needed to see their existing wardrobe differently.

Finding the real problem.

The project began with design thinking and research into sustainable fashion. We explored the problem, generated possible solutions and used techniques such as dot voting to narrow our ideas down.

One insight became particularly interesting: clothes can already be sitting in someone's wardrobe, yet still barely be worn.

That shifted my focus from helping people find new clothes to helping them rediscover the clothes they already own.

01

Explore the problem

02

Generate ideas

03

Dot voting

04

Define direction

02 / THE CONCEPT

Style what you own.
Through someone else's eyes.

Instead of recommending more clothes to buy, Ourfit turns an existing wardrobe into something collaborative. Other people can create combinations you might never have considered yourself.

Ourfit interface
Ourfit outfit creation
Ourfit wardrobe
01

Share your wardrobe.

Users upload pieces from their wardrobe and can highlight items they specifically want inspiration for.

02

Let someone else style it.

Friends, family or other users can combine those pieces into outfits without needing to own them.

03

Rediscover what you own.

Seeing an unfamiliar combination can give an old piece a completely different context and encourage the owner to wear it again.

03 / FROM CONCEPT TO PRODUCT

Designing it.
Building it.

01 / DESIGN Ourfit UX UI design
01

UX/UI DESIGN

From early flows
to a usable interface.

After defining the concept, I moved through low-, mid- and high-fidelity prototypes. User testing throughout the process helped uncover problems and refine the experience.

Figma UX/UI User Testing
02

DEVELOPMENT

Turning the concept
into something real.

Ourfit was also one of my first projects where design and development came together. I developed the core experience using HTML, CSS and JavaScript.

The outfit builder allowed users to work with wardrobe pieces and create new combinations, turning the concept into an interactive experience.

HTML CSS JavaScript
02 / DEVELOPMENT Ourfit developed interface

04 / THE EXPERIENCE

One wardrobe.
More possibilities.

The experience brings wardrobe organisation, outfit creation and community inspiration together in one concept.

01 WARDROBE
◇

Digital closet

Keep your wardrobe together in one digital space and make the pieces you already own easier to rediscover.

02 CREATE
✦

Outfit creation

Combine wardrobe pieces visually and explore combinations that may not immediately come to mind.

03 COMMUNITY
◎

Community

Let other people approach your wardrobe from a completely different perspective and create outfits for you.

04 INSPIRE
↗

Inspiration pieces

Highlight clothes you struggle to style and use the community to discover new ways of wearing them.

✦

REFLECTION

“My first project where
design met development.”

Looking back, I can see decisions I would approach differently today — from consistency in Figma to the visual language of the interface. But that's exactly what makes Ourfit important to me: it was one of the first projects that showed me how design and development can shape one experience together.

NEXT PROJECT

EQ Solutions