Coursework · App conceptEcommerce / Interaction design / Iteration

Mountain Warehouse

A focused route to choosing a ski bundle.

Overview

I designed a Mountain Warehouse shopping-app concept to help first-time skiers choose clothing. Building on three years with the brand, I researched the guidance beginners needed, mapped the journey and developed the Figma prototype, with colleague feedback informing the design.

My contribution
Shopping flow, wireframes, interface design & iteration
Context & output
Course-associated app concept · Designed and developed in Figma.
Mountain Warehouse home, ski-bundle listing and size-selection mockups in the supplied three-phone composition.
Discovery

Where did first-time skiers need guidance?

Desk research, forum analysis and informal conversations with colleagues and friends highlighted uncertainty about what first-time skiers needed to bring or buy.

My competitive review looked at onboarding, product discovery, kit lists and guided shopping. I explored a wider kit-planning idea, then developed the clothing-bundle journey shown here.

  1. Observed need

    Uncertainty about what to bring or buy for a first ski trip.

  2. Design interpretation

    Give the shopper an understandable starting set.

  3. Response shown in the prototype

    Group clothing into a pack, retaining an individual size choice for each item.

How my discovery inputs shaped the bundle journey.
Flow & development

How should the bundle journey work?

I mapped a route from home to audience categories, pack selection, basket and checkout, with an option to continue shopping. This kept the bundle connected through the journey.

Shopping-flow diagram from home and audience categories through bundle selection, basket and checkout.
Planned route: find a pack, review it and continue toward checkout.

Work out the choices before the polish.

The earlier camping-bundle layouts compare audience and kit selectors. In the low-fidelity detail and basket views, I put size choices beside the included items and gave the pack one add-to-basket action.

Early paper camping-bundle layouts comparing audience choices, a bundle selector and pack contents.
Earlier camping-bundle sketches compare ways to find a suitable pack.
Early low-fidelity bundle-detail and basket screens with item-level size choices and continue-shopping controls.
Low-fidelity detail and basket views place item sizes within the pack purchase.
Entry

How can shoppers browse or sign in?

I wanted a quick, simple way into the collection. The earlier welcome screen offers sign-in, account creation and “Start exploring”, while the account route uses a focused email-and-password form.

Earlier Mountain Warehouse welcome design with sign-in, account creation and a visible Start exploring browse invitation.
Earlier welcome: account choices and a Start exploring route into browsing.
Earlier Mountain Warehouse sign-in design with email and password fields, account benefits and password recovery.
Earlier sign-in: a focused form with account benefits and password recovery.
Bundle

Choose each size, buy one pack.

I kept the pack as one purchase while retaining a size choice for each item. The basket presents it as one item, then checkout keeps the pack visible beside delivery options. Yellow actions and gradient headers give the screens a consistent visual treatment.

Four composed Mountain Warehouse app mockups showing ski bundles, separate item-size choices, the basket and delivery checkout.
Bundle listing → individual sizes → basket → delivery, with the pack kept together throughout.
Study & revisions

What changed after the shopping tasks?

A task-based Google Doc.

After the first high-fidelity mock-up, I ran an unmoderated usability study using a structured Google Doc. I asked people to reach the home page, find and add a ski bundle, then return home.

Give the browse invitation more emphasis.

The “Start exploring” invitation was missed. I made the link yellow and underlined to give it more emphasis within the welcome message.

Earlier welcome design on the left and revised design on the right, where Start exploring is yellow and underlined.
Earlier → revised: colour and underline emphasise the browse invitation.

Represent the wider ski audience.

The children’s promotion made it unclear whether the bundles were for everyone. I replaced it with broader skiing imagery, connecting the home promotion with the wider collection.

Earlier home design on the left with a children-only ski promotion, and revised design on the right with broader skiing imagery.
Earlier → revised: broader skiing imagery replaces the children-only promotion.
Conclusion

What did the prototype resolve?

The prototype brings ski-clothing selection into one route, with a size choice for each item. Task feedback showed that the route into browsing and the audience of the offer needed clearer communication; the revisions address those two points. Next, I would test the revised entry and return navigation with first-time skiers.

Keep exploring

Next / UX/UIHerbShareAll UX/UI work →

Image detail

View original ↗