Hackathon / VirtuDrip

A virtual fitting room that reimagines the online shopping experience. 2nd place hackathon winner πŸ₯ˆ
CONTEXT
HawkHacks 2024
TIMELINE
May 17-19, 2024
role
Lead Designer
team
3 Developers
TOOLS
Figma, Canva, Vite, React, TailwindCSS
CATEGORY
UX Design, User Research, Branding, Hackathon, Business Pitch

PROBLEM

The fashion industry is responsible for the highest number of online returns in the world. Clothing is the #1 most returned online purchase, and the average returns for online apparel orders is triple the amount of returns for in-store purchases.

Online returns are not only inconvenient and costly, but they are also extremely wasteful and environmentally harmful.

We believe this is because customers struggle to visualize products in terms of the look, feel, and fit of items.

SOLUTION

VirtuDrip is a virtual fitting room that is reimagining fashion and personalizing the online shopping experience. Users can try on items from a wide selection of tops, bottoms, and accessories to find their perfect style, fit, and colour in clothes. Our product helps buyers shop online with confidence and avoid unnecessary and wasteful returns.

‍

‍

My second hackathon, first win πŸ₯ˆ

This was only the second hackathon I've done, and I'm thrilled to announce our team came in second place, out of 850+ attendees! So proud of myself and my team for this win πŸ₯³

RESEARCH

As the lead UX Designer, I conducted initial research to validate the problem and empathize with our user: an avid online shopper who is environmentally conscious.

‍Key Findings

  • Clothing is the #1 most returned online purchase,Β with customers sending back up to 40% of garments (Statista, 2024).
  • The top three reasons for online apparel returns in the past 12 months, according to surveyed apparel brands and retailers, are size/fit (53% of respondents), color (16%) and damage (10%) (Coresight, 2023).
  • Fuelled by the rise of fast fashion, clothing returns alone release the same emissions as 3 million cars in the US (Cleanhub, 2024).
  • In 2022 alone, 9.5 billion pounds of returned products were sent straight to landfill (Cleanhub, 2024).

The main struggle with online shopping is that customers struggle to visualize products in terms of the look, feel, and size/fit of items. In other words, the online shopping experience lacks the fitting room experience that customers can only get in store (as of currently).

How might we help online shoppers minimize returns?

IDEATION

We brainstormed how our virtual fitting room would look and function by drawing sketches and agreeing on our must-have and nice-to-have features before starting the design and development process.

Must-have features:

  • Clothing selector and virtual try on
  • Custom clothes (upload your own image)

Nice-to-have features:

  • Landing page
  • Colour analysis with recommended colours to wear
  • Save and share preset outfits
  • Add HawkHacks merch to inventory (to impress the judges)

EXPLORATIONS

Coming Soon!

FINAL DESIGNS

Website Mockups

Landing page
Fitting room (core feature)
Colour analysis
Colour analysis results

Mobile Mockups

‍

MY IMPACT

  1. Led the design of brand identity, features, and user flows.
  2. Created stunning pitch slides that nailed our 3 minute demo.‍
  3. Learned Tailwind CSS and contributed to the front end development.

LEARNINGS

Teamwork makes the dreamwork

I took a risk to team up with 3 total strangers from Ottawa, and even let them sleep in my house. Safe to say, it was the best decision and risk I've taken! Disclaimer: I do not recommend trusting strangers πŸ˜†

Each member of our team showed up, bringing the best of their skills, mindset, and energy. This made our collaboration and team dynamic truly resemble a dream team, and I'm proud to say that we had so much fun throughout the hackathon while working our hardest. After sleepless nights surviving off pure determination (and Indomie ramen 🍜), we managed to finish our MVP from start to finish in just 36 hours.

Practice and perfect your demo pitch

Oftentimes, hackathon teams spend all their time building the project and leave no time to prepare for the demo and practice their presentation. Your idea can be the most innovative and creative project ever, but you need to sell the judges for them to believe it.

Learning from my previous hackathon (Hack The North), I allocated enough time to work on the pitch slides and script for the 3 minute demo.

This resulted in our final demo in front of the judges going super smoothly. The judges seemed impressed with our project as well as presentation, and we left the room feeling confident in our performance.

NEXT STEPS

Some additional features our team would've liked to implement if we had more time:

  • Incorporate accurate sizing guides
  • Make the colour analysis feature functional
  • Allow user hand gestures to swipe between different clothing items
  • Integrate with online shopping sites (maybe a "Buy Now" or "Shop Similar Items" button)
  • Create a browser plugin for custom clothing try-on
  • Add onboarding tooltips or tutorial screens