top of page
Blue Skies

VFC/The North Face
X
 Bentley HFID

Streamlining the returns process
for online purchases through an

improved mobile experience

TIMELINE: 5 weeks

TEAM: 4 graduate students in the Bentley HFID Master's Program; HF710: Managing a User-Centered Design Team

MY ROLE: Design concepting and prototyping, client presentation design, research support

 

TOOLS: Figma, Miro

The Challenge

VFC is the parent company of a family of prominent e-commerce brands, including The North Face.

Representatives presented our class at Bentley with the challenge of improving the returns process for products purchased on their online platforms. 

Screen Shot 2022-08-07 at 10.31.37 AM.png

Slide from VFC's presentation displaying highly critical customer feedback about their current returns process 

We were asked to consider quick wins in the digital space that would reduce customer churn, reduce customer service call volume, and increase customer lifetime value. The most challenging aspect of this project was its open-ended nature as our team had the freedom to take any direction that we felt suited these general business goals. 

The Solution

After considering these constraints, our team created an updated mobile-first return flow to simplify the digital returns process, focusing on The North Face as one of VFC's most widely known brands. Major factors considered in this solution included:

Screen Shot 2023-01-10 at 7.57.33 PM.png
Screen Shot 2023-01-10 at 7.57.29 PM.png
Screen Shot 2023-01-10 at 7.54.51 PM.png

Matching mental models established by other leading competitors

Emphasizing flexibility and customer control with convenient options

Providing transparency into the returns process 

Blue Skies

The Journey

In investigating best practices for returns in the digital space, we found that the process should be:

FAST & EASY

  • Frictionless

  • Intuitive

  • Seamless

Screen Shot 2023-01-10 at 7.57.29 PM.png

TRANSPARENT

  • Display user's status

  • Set expectations

  • Explain the process

Screen Shot 2023-01-10 at 7.57.33 PM.png

FORWARD-THINKING

  • Mobile-first

  • Paperless

Screen Shot 2023-01-10 at 7.57.24 PM.png

We researched returns best practices demonstrated by leading companies including Amazon, Patagonia, Nordstrom, REI, Walmart, and GILT Group for design inspiration.

Screen Shot 2023-01-05 at 10.50.54 AM.png

We conducted five user interviews to discover the most important factors in the returns process for consumers. Key points that arose in these interviews were in line with findings from our general research on returns. 

  • Everyone wants returns to be easy.

  • It is important to set timeline and process expectations; the customer should not be confused about how long it will take to receive their refund or where they are in the process.

  • Many people choose to return their item in-store because they find the process to return by mail so inconvenient.

  • No one likes printing!

Screen Shot 2023-01-06 at 1.30.04 PM.png

After identifying a mobile-first solution as the best direction for our project, we evaluated the current mobile returns experience for The North Face based on User Experience design heuristics. This allowed us to identify specific areas for improvement. 

noun-complex-249373.png

SIMPLICITY

  • Confusing directions on how to make a return 

  • Unclear expectation setting

  • Too many numbers to keep track of 

noun-invisible-1596016.png

TRANSPARENCY

  • Not clear where the user is in the returns process 

  • Lack of status updates

Design Process

Our preliminary research narrowed our focus to create a design that meets the following criteria:

Screen Shot 2023-01-10 at 7.54.51 PM.png

MATCHES

EXPECTATIONS

Screen Shot 2023-01-10 at 7.57.24 PM.png

MOBILE

FIRST

Screen Shot 2023-01-10 at 7.57.29 PM.png

CONVENIENT OPTIONS

Screen Shot 2023-01-10 at 7.57.33 PM.png

TRANSPARENT

PROCESS

Each team member developed sketches demonstrating an idealized flow through the returns process based on these principles. 

Screen Shot 2023-01-10 at 8.22.26 PM.png
Screen Shot 2023-01-10 at 8.22.42 PM.png
Screen Shot 2023-01-10 at 8.23.07 PM.png
Screen Shot 2023-01-10 at 8.22.55 PM.png

We created a prototype in Figma, bringing together several components from our sketches.

 

We conducted testing with five new users to determine any changes that should be made to the design to finalize it for presentation to the client. 

Screen Shot 2023-01-31 at 3.25.12 PM.png
Blue Skies

The Final Product

Our final design incorporates the following updates to improve the returns process from the perspective of the user and client. 

Simplified Account

VFC_ACCOUNTSCREEN.png

Our design keeps things simple and minimal. It reflects a familiar mental model for online accounts (e.g. Amazon). Users can see the current status of their orders and critical information about each immediately. 

Improved

Task Menu

VFC_ITEMOPTIONS.png

When the user selects an order to view additional information, they are taken to this simplified menu. A lack of clutter makes it easy to understand how to proceed with the appropriate task, and options are tailored to reflect the most likely tasks the user might want to complete at this stage.

Guiding &

Supporting 

Users

Screen Shot 2023-01-09 at 10.57.08 AM.png

When the user chooses to return an item, a friendly approach guides them through the process. We were careful to highlight the benefits of in-store returns as this option is preferable from a business standpoint and results in a faster refund for the user. We also included an online exchange option which emerged as a desired feature in our interviews. 

New Return

Reasons

Interface

Screen Shot 2023-01-10 at 1.26.47 PM.png

After the user selects their preferred return method, the next screen asks about the reason for the return. This updated interface was received positively by our users as a more delightful alternative to a traditional drop down. We also pared down the choices to reflect users’ desire for a simplified list of reasons. 

Clear

Refund

Options

Screen Shot 2023-01-10 at 1.35.54 PM.png

The next screen includes important details about each refund option. The “Instant Credit” option incentivizes users to keep their money within North Face, and a concrete refund timeline for the original method of payment sets appropriate expectations. 

Modern

Returns

Screen Shot 2023-01-10 at 1.40.30 PM copy.png

The final screen reiterates all the details the the user has provided, restates the refund timeline for transparency, and includes clear instructions on how to complete the return. To reduce waste and inconvenience, a QR code is provided in lieu of a return label, similar to an Amazon return. The user can save the code or add it to their wallet and then simply bring the code along with their item to the post office to have their return packaged and shipped for them.

TRANSPARENCY & EXPECTATION SETTING

Screen Shot 2023-01-10 at 2.26.37 PM.png

We created a visualization across the journey of the return that will be available in the user’s account. This fulfills an expectation for clear insight into where the package is and when the refund will be issued. 

Simplified Account

VFC_ACCOUNTSCREEN.png

Our design keeps things simple and minimal. It reflects a familiar mental model for online accounts (e.g. Amazon). Users can see the current status of their orders and critical information about each immediately. 

Improved

Task Menu

VFC_ITEMOPTIONS.png

When the user selects an order to view additional information, they are taken to this simplified menu. A lack of clutter makes it easy to understand how to proceed with the appropriate task, and options are tailored to reflect the most likely tasks the user might want to complete at this stage.

Guiding &

Supporting 

Users

Screen Shot 2023-01-09 at 10.57.08 AM.png

When the user chooses to return an item, a friendly approach guides them through the process. We were careful to highlight the benefits of in-store returns as this option is preferable from a business standpoint and results in a faster refund for the user. We also included an online exchange option which emerged as a desired feature in our interviews. 

New Return

Reasons

Interface

Screen Shot 2023-01-10 at 1.26.47 PM.png

After the user selects their preferred return method, the next screen asks about the reason for the return. This updated interface was received positively by our users as a more delightful alternative to a traditional drop down. We also pared down the choices to reflect users’ desire for a simplified list of reasons. 

Clear

Refund

Options

Screen Shot 2023-01-10 at 1.35.54 PM.png

The next screen includes important details about each refund option. The “Instant Credit” option incentivizes users to keep their money within North Face, and a concrete refund timeline for the original method of payment sets appropriate expectations. 

Modern

Returns

Screen Shot 2023-01-10 at 1.40.30 PM copy.png

The final screen reiterates all the details the the user has provided, restates the refund timeline for transparency, and includes clear instructions on how to complete the return. To reduce waste and inconvenience, a QR code is provided in lieu of a return label, similar to an Amazon return. The user can save the code or add it to their wallet and then simply bring the code along with their item to the post office to have their return packaged and shipped for them.

Transparency

& Expectation

Setting

Screen Shot 2023-01-10 at 2.26.37 PM.png

We created a visualization across the journey of the return that will be available in the user’s account. This fulfills an expectation for clear insight into where the package is and when the refund will be issued. 

bottom of page