No items found.
No items found.
No items found.
No items found.
No items found.

Increasing the Conversion Rate of the ASOS Mobile App

Case Study
Redesign
Ecommerce

During a 1-week sprint, I conducted a series of research methods aimed at transforming data into insights. This process enabled me to redesign the main pages of ASOS, a popular ecommerce clothing store's iOS mobile app. The primary objective was to enhance the conversion rate of users who regularly visit the app.

A screenshot of web page

1. Intro

Many people use the ASOS mobile app, that is an important resource of income for the company. But how could we increase the conversion rate in the product funnel? First, to better understand our app, let's compare it to others by conducting a Competitive Analysis of 5 similar applications.

2. Competitive Analysis

The Zara mobile app offers an elegant and minimalist shopping experience with intuitive navigation and the ability to explore its high-quality fashion collections.
The H&M mobile app provides users with a wide range of affordable and constantly updated fashion options, presented in a simple and appealing design.
With its mobile app, Mango stands out by offering a smooth and visually appealing shopping experience, where users can discover the latest trends and access a wide selection of clothing.
The Pull & Bear mobile app is geared towards a young audience, with a modern and playful design. It offers options for casual and relaxed clothing, along with straightforward navigation.
Stradivarius focuses on young and cutting-edge women's fashion in its mobile app. It provides an inspiring and creative shopping experience, with a design that reflects its fresh and modern approach.

Conclusion

At first glance, we can observe that these apps share common characteristics, which could help improve our app.

  • Homepage featuring new arrivals or discounts
  • Easily visible "Add to Bag" button
  • Clear user interaction when adding a product to the bag
  • Indication of free shipping in the bag
  • Clear product photos with detailed product information
  • Bag preview before logging inIndication of free shipping for a minimum purchase amount
  • Compatibility with Apple Pay
  • Registration after starting the checkout process

3. User Flow

What else do these apps have in common? Let's see it in a simple User Flow that covers the key aspects from all of them to improve our conversion rate.

If we highlight the most important steps through the competition, we can see that all the apps have the following key elements:

  • Homepage
  • Product Listing
  • Product Page
  • Shopping Cart
  • Checkout Page

4. UX Review / Heuristic Evaluation

Now that we have a clearer picture of the user flow in our competitors, let's examine our app by conducting a Heuristic Evaluation to identify the most severe usability issues in the user experience.

Nielsen's 10 heuristics will allow us to detect errors and improve the conversion rate.

As we can see, our app already follows a similar flow to the other applications. Therefore, we will proceed to identify issues in greater detail within our own application.

5. User Testing

So far, through the UX Review, we have identified issues primarily on the product page, the shopping cart, saved items, and the checkout process.

But what do the actual users think about our app? After conducting User Testing, we will examine the results and the problems they have encountered.

We organized sessions with questions that would help us better understand the users and identify usability issues through their experience. These sessions were conducted remotely, and we interviewed at least 3 users.

We asked them to complete tasks such as:

  • Add a T-shirt to the shopping cart in size M.
  • Add the same T-shirt once more in a different size and then go to the shopping cart.
  • Remove any product from both and then proceed to checkout.
  • Search for another product, add it to saved items, and then move it to the shopping cart before going to the cart.
  • Search for a product by its name.

Additionally, we asked them questions trying not to lead their answers, such as:

  • "What do you think of the amount of information on this page?"
  • "What do you think of the product presentation?"
  • "How about the findability of the the button “add to cart? How easy was to find it?"
  • "How would you compare the saved items page to the shopping cart page?"
After the user sessions, we have categorized their feedback based on the most important pages in our app's flow. Now, let's see what they have said and how we can address their comments to improve their experience.

User Testing Results

Let's start with more general conclusions, and then we will review their responses for each section of the app that we are interested in.

  • All participants in the sessions are more or less accustomed to clothing shopping apps like ours.
  • None of the users pay much attention to banners on the homepage, but they would use a discount code if they see it at the right moment.
  • When they need to find a specific product instead of browsing, they find it more challenging.
  • All participants prefer to browse for clothing through category cards and don't use the search function as much unless it's necessary.

Now let's see the detailed results per page:

6. Redesign

Now that we have reviewed the issues affecting how people use our app and their feedback, we have the information to enhance the experience and increase the conversion rate, meaning more visitors may purchase our products.

Based on the insights, we will focus on redesigning the Product Listing, the Product Page, and the Cart, as these areas contain the most severe problems.

The offers now feature a more prominent label next to the price. Filters are more accessible through a floating button that maintains its position when scrolling. Next to the sorting option, the user can select how many results to view per page.
The visibility of free shipping and returns has been improved from the beginning. The save icon aligns with the price to save space. The "Add to Bag" button is now sticky. A new "View the Look" button has been added for easy access to the product list, located above the "Add to Bag" button.
Now, the total price and details for getting free shipping are close to the two main actions and are easier to see than before. Instead of displaying an irrelevant suggested product, we have added a section of products from the look that the user has not yet added to their bag.

Conclusion

Based on all the data collected from the UX Review, Competitive Analysis, and User Testing, we have redesigned the three main pages that influence the shopping experience of users visiting our app.

We believe that thanks to the design changes we have implemented, we will be able to increase the conversion rate by at least 2%.

Next Steps

  • Conduct further User Testing to confirm the results and discover new insights about their experience.
  • Perform data analysis based on the existing Analytics within our application.
  • Ensure design consistency by documenting all components used from the Design System.
  • Prepare all necessary components and screens to be ready for handoff to the developers.

About Me

In 2018, I began my career at a Digital Marketing Agency, where my interest in Product Design quickly emerged. Actively seeking growth, I attended meetups, read design books, and participated in hackathons.

In 2021, when I joined a Product Design Studio in Thessaloniki, Greece, I quickly found my interest in Design Systems. Since then, I've contributed to improve the UX for over 10 projects across diverse industries like PropTech, FinTech, HealthTech, Agriculture Technology, and Transport & Mobility, while creating a Design System for a Business Intelligence product.

Adapting to remote and in-person collaboration with people from various backgrounds, I've improved my skills in UX Design, Research, while learning how to collaborate with the Engineering and other teams better.

To fuel my passion for learning, I am currently enrolled in a specialised Product Design learning path. Sharing my knowledge is also important to me.

In my free time, I pursue creative hobbies and continuously enhance my Spanish language skills. With 5 years of study, I now speak the language fluently.

I'm currently based in Athens, Greece, open to new challenges and projects. If my story resonates with you, let's connect!