Case Study: Retro Resale

vintage resale app

Overview: UX/UI Design of a potential mobile app for buying & selling vintage clothes. Created for User Interface Immersion course at CareerFoundry.

Retro Resale image 1
Retro Resale icon camera

project brief:

Design the user interface for a vintage clothing app. Target audience is primarily 25 to 34 year olds who want to buy and sell vintage clothing online.

Retro Resale image 2
Retro Resale icon question mark

competitor research:

Resale Apps Explored: Vestiaire Collective, ASOS Marketplace, Etsy, Vinted and Poshmark.

Design principles researched: Jakob’s Nielsen’s 10 Usability Heuristics for Interaction Design.

Retro Resale image 3
Retro Resale icon confetti

mood board:

The overall mood of Retro Resale brings to mind an eclectic vintage vibe from the 50s, 70s, 90s and beyond, with many eras of fashion represented.

Retro Resale image 4
Retro Resale icon preview

colors:

The color palette is a mix of pastels and earth tones often seen in 50's, 70's and 90's product, decor and design.

Retro Resale image 5
Retro Resale icon thumbs up

typography:

The incentive for picking Century Gothic was finding a font that spanned multiple decades but still looked retro.

Retro Resale image 6
Retro Resale icon heart

logo & icons:

The logo is inspired by mid-century modern motifs. The largest icons were modeled after 90s computer graphics.

Retro Resale image 7
Retro Resale image 8
Retro Resale icon loader

user flow chart:

The User Flow was sketched out based on the app's key functionalities:
1. Create a profile
2. Upload items to sell
3. Leave reviews for other sellers
4. Browse product for sale
5. Save items to buy
6. Add items to shopping cart

Retro Resale image 9
Retro Resale icon identity card

low fidelity wireframes:

Initial wireframes were sketched out by hand with moderate detail to visualize the layout.

Retro Resale image 10
Retro Resale icon hand point

high-fidelity wireframes:

A realistic prototype was created in Figma that would closely resembling the final app design.

Click the button below to test out the app yourself!


Retro Resale image 12
Retro Resale icon

summary:

Retro Resale's final wireframes and assets were exported into proper file formats for hand-off to a web developer.

Retro Resale image 11