Improving User Experience for FLEXSNKRS: My UX/UI Design Journey

FLEXSNKRS

Welcome to my projects! In this blog, I'll walk you through the UX/UI design project I completed for FLEXSNKRS, a premier app for sneaker enthusiasts. This project showcases my ability to analyse user behaviour, create intuitive interfaces, and ensure a seamless user experience. I hope this journey will demonstrate the skills and insights I bring to the table as a prospective employee.

The 3-Click Rule: Fact or Fiction?

Basics

One of the first challenges I tackled was the infamous 3-click rule. This rule suggests that users will abandon a task if it takes more than three clicks to complete. While this isn't universally backed by data, it serves as a useful guideline for minimising interaction costs.

more data

To see this in action, I referred to Jakob Nielsen’s usability tests. These tests found a 600% increase in product findability on an e-commerce site after reducing the required clicks from four to three. This inspired me to analyse competitors' apps—StockX, GOAT, and KLEKT—and their click requirements for purchases.

competitor analysis

Here's what I discovered:

  • StockX: 5-6 clicks, depending on user account status.

  • GOAT: 4 clicks.

  • KLEKT: 5 clicks.

In comparison, I designed FLEXSNKRS to require just 3-4 clicks, depending on the user’s account setup. This efficiency significantly enhances the user journey and satisfaction.

Creating Detailed Buyer Personas

Understanding our users was crucial to the design process, so I developed detailed buyer personas to represent our diverse audience. These personas guided every design decision, ensuring we met their specific needs and preferences.

    • Age: 14-19

    • Location: Los Angeles

    • Lifestyle: Online shopping for expensive clothes, renting cars, socialising, gaming.

    • Brands: NIKE, SUPREME, JORDAN

    • Age: 24-32

    • Location: New York

    • Occupation: Marketing specialist

    • Income: Over $75,000

    • Hobbies: Reselling branded goods

    • Age: 30-40+

    • Location: Norway

    • Occupation: ERP programmer

    • Income: €77,000

    • Hobbies: Collecting trainers, attending fashion shows

if you want to get more information about the app don’t hesitate and click on a button below to open my research project.

Enhancing the UX/UI of FLEXSNKRS

ux/ui design

  • The first step for any user is the login or signup page. I designed these pages to allow one-tap switching with a smooth dissolve animation, making the process intuitive and user-friendly. Including social media signup options below the main button further simplified the process.

    • Main Page (In Stock): This endless scroll page showcases products in stock. Tapping a product opens a detailed page with a slide-up animation, leading to the purchase page where users can enter delivery details and payment methods.

    • Upcoming Page: Displays products that will soon be available. Users can tap the "notify me" button to get updates, and the button changes colour to confirm the notification.

  • A static bottom navigation bar provides easy access to the home page, account mail, and profile page, ensuring users can navigate without losing their place.

  • Customisation is key for a personalised experience. Users can add a profile picture, change personal details, set shopping preferences, view purchase history, manage payment methods, and enter delivery information. Features like TouchID for login and online chat support further enhance usability.

  • Located between the main and upcoming pages, the search bar opens with an ease in-out animation, providing a quick way for users to find specific products.

Next

BodyFix Website