Open Fashion

Services

Product Designer

Industry

eCommerce

eCommerce

Category

Boutique E-commerce Store

Client

Figma · FigJam

Duration

8 Weeks

8 Weeks

Portfolio project image

My Role

As the sole UX researcher and product designer, I led the entire design process from discovery through to final high-fidelity screens. This included planning and conducting user interviews, synthesising research insights, mapping information architecture, creating wireframes, building a scalable design system, and iterating based on usability feedback. Working independently across all phases gave me full ownership of every design decision — and accountability for justifying each one back to the user research.

Context

This project was created to address a noticeable gap in the luxury fashion mobile experience. While high-end brands invest heavily in in-store and editorial experiences, their mobile apps often feel disconnected from that premium positioning — cluttered, slow, and generic. Open Fashion was conceptualised as a response to that tension: a mobile-first eCommerce app that matches the elegance of the brands it sells, while remaining genuinely easy to use. The goal was to design something that felt as considered as the clothing itself — from the moment a user opens the app to the moment their order is confirmed.

Before opening Figma, I sketched initial wireframes on paper to rapidly explore layout ideas without getting distracted by visual details. This lo-fi approach let me quickly map out key screens — including the home feed, product detail, checkout flow, and navigation structure — and identify layout problems early. Once the paper sketches were validated, I moved into Figma to create low-fidelity digital wireframes, refining spacing, hierarchy, and user flows before committing to the final visual design.

User Flow — From Onboarding to Purchase:

Interactive Prototype

To bring the design to life, I built an interactive prototype in Figma connecting the full user journey — from onboarding through to checkout.

The prototype covers every key flow: a new user landing on the onboarding screen, signing in or registering, browsing the home feed and new arrivals, filtering by category, viewing a product detail page, adding to bag, completing checkout, and exploring the editorial blog, About, and Contact pages. Linking all screens together revealed navigation gaps and transition inconsistencies that weren't visible in static designs — allowing me to catch and fix usability issues before finalising the UI. The prototype was also used during usability testing, giving participants a realistic experience of the app without needing a live build.

Interactive Prototype

To bring the design to life, I built an interactive prototype in Figma connecting the full user journey — from onboarding through to checkout.

The prototype covers every key flow: a new user landing on the onboarding screen, signing in or registering, browsing the home feed and new arrivals, filtering by category, viewing a product detail page, adding to bag, completing checkout, and exploring the editorial blog, About, and Contact pages. Linking all screens together revealed navigation gaps and transition inconsistencies that weren't visible in static designs — allowing me to catch and fix usability issues before finalising the UI. The prototype was also used during usability testing, giving participants a realistic experience of the app without needing a live build.

Available for Work

Back to top

Back to top

Let's create
something
extraordinary
together.

Let’s make an impact

Avatar of the website author

Pruthvina S

UIUX/ Product-Designer

Hit me up if you’re looking for a fast, reliable Product-designer who can bring your vision to life

Pruthvina S.

Copyright © Web Design and Development, 2024

Available for Work

Back to top

Back to top

Let's create
something
extraordinary
together.

Let’s make an impact

Avatar of the website author

Pruthvina S

UIUX/ Product-Designer

Hit me up if you’re looking for a fast, reliable Product-designer who can bring your vision to life

Pruthvina S.

Copyright © Web Design and Development, 2024

Available for Work

Back to top

Back to top

Let's create
something
extraordinary
together.

Let’s make an impact

Avatar of the website author

Pruthvina S

UIUX/ Product-Designer

Hit me up if you’re looking for a fast, reliable Product-designer who can bring your vision to life

Pruthvina S.

Copyright © Web Design and Development, 2024

Create a free website with Framer, the website builder loved by startups, designers and agencies.