Fabletics My Account

Category
UX/UI Design
Client
Fabletics
Release
February 2021

Fabletics My Account

The Fabletics my account redesign was an initiative to take the current desktop and mobile experience and enhance the user experience visually, functionally and technically.

Problem

The previous my account section was not a responsive experience and presented a desktop experience for users on a mobile device. The interface was outdated and complex. Users struggled to accomplish their desired tasks which lead to membership retention issues.

How might we utilize qualitative and quantitative data to design an account experience that will promote a personalized shopping experience and will guide users seamlessly through account management?

Data

I began the project by reviewing user feedback we have received from VIP members regarding the difficulty of navigating the my account section of the website on mobile devices. From this analysis it was determined that users are unable to complete their desired tasks on mobile devices because they have to navigate around a desktop experience on a mobile screen. This resulted in user frustration and the feeling of experiencing a dark user experience that leaves them feeling tricked.

Discovery

I identified the pain point areas of the flow and defined the major issues that needed to be addressed in the redesign. After getting a good understanding of the technical limitations I created mocks that aligned with the business and technical goals shared to me from stakeholders. We also determined which features we were keeping from the original version and which features need a bit more love due to user interaction needs.

Some questions we were looking to answer:
  • How can we utilize components we already have to create a more user friendly and responsive experience in the shortest amount of time?
  • How can we create a cohesive experience among all devices?

Persona

Once learning more about what technical limitations there are, the personas were able to be determined in order to promote a more aligned direction. These personas helped with content development as well as what features the user experience should focus on.

Competitor Analysis

After gaining a better understanding around what technical and resourcing limitation there were around redesigning the my account flow I looked to competitors and other brands at the company for ways to better improve the most used features.

Some questions we were looking to answer:
  • How can we match competitor's return and exchange flow without increasing development time and scope? Takeaway – we had the technical ability to support both the typical exchange and return flow
  • How is information being displayed on competitor's payment and shipping detail page? Takeaway – we had technical limitation with being able to change the type of selection interactions to match the majority of industry standards
  • Does any information differ between brand's mobile and web experiences? Takeaway – most brands had similar experiences on both web and mobile and did not sacrifice user experience for device type

Solution

The Fabletics my account redesign was a success as it brought more ease to the user experience through the new responsive design that is consistent on both web and desktop. The modern UI creates a more direct visual hierarchy that helps indicate to the user where to navigate and how to interact with the website. Data surrounding the solution and the metrics of improvement are still being collected.

Profile

The profile section includes membership and account information. In addition to basic user information we give the users the ability to add their size preferences in so we can create a more customized shopping experience.

My VIP

The My VIP section is an opportunity for the user to learn more about their VIP perks and share how to best contact a company representative.

Orders & Returns

The orders and returns section was a huge focus. Not only was this an area of frustration for users but there were also technical limitation set in place that I needed to overcome and compromise with. In the end we were able to improve the users experience within the restrictions we had placed in a seamless manner.


don't hesitate to reach out

Let's create something great together!

Contact Me

Let’s Talk!

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Get in Touch

alexisbbieda@gmail.com
818.585.0800