Background

Wish is a ecommerce startup that strives to offer affordable and accessible goods to shoppers around the world. The majority of the items on Wish are unbranded and made in emerging countries. However, as Wish keeps growing, we are trying to branch out our offerings to include discounted local brands, especially in the US market.

In order to bring on brand partners on Wish and drive sales in this new category, the product is in great need for a refreshed brand shopping experience.

↑ Wish Android App

Business Goals

We got the requirements from the BD team that in order to get brand partners on board, we need a refreshed shopping experience that-

Is elegant & versatile that complements any consumer brand;

Emphasizes experience as part of Wish app, but also unique and different.

Understanding the problem

Although we already have a brand tab on Wish since the very beginning, it has a limited inventory and traffic. To fully understand the problem and user’s pain points with the current brands tab, I carried out a preliminary user testing with 7 wish shoppers.

↑ Screenshot of the test on usertesting.com

We were able to validate a few outstanding usability issues of the current brand tab:

1. Shoppers don’t understand the brand tab icon

2. On the brand tab, shoppers have trouble understanding how the experience is different from the popular feed on Wish.

3. Shoppers have trouble exploring brands of interest through the current navigation system.

Design Goals, Metrics and Division

Based on the business and user goals, We identified our design goals for this project. Because this is a big project, we divided the it into two parts: I would focus on the Brands Tab experience, and the other designer focuses on the brand search + product details experience.

Foundational Research

↑ Brand experience on Jet, Aliexpress and Walmart

I researched competitor apps that use brand navigation as a critical part of the shopping flow, and found out three major practices: Surfacing brands on home page, Surfacing hot brands under search results, or under specific categories.

Design exploration

↑ Surface brands on brands tab

↑ Filter by brands under categories

↑ Suggest top brands under categories

Converging & Iteration

After the first round of explorations I discussed solutions with the product manager and converged ideas to maximize the presence of brands both on the tab and within each category. On each brand page, we show the authenticate badge and message on a banner to reassure shoppers that they are looking at merchandises from a trusted merchant.

Sub project 1:
Brand Icon Revamp

In the preliminary user testing, one of the surprising finding was that very few Wish shoppers understand what the brand tab icon means even after being on Wish for at least half a year.

Q: What do you think this icon means? What do you expect to see after tapping on it?

P1: “Not sure, maybe where I can find some special deals”

P2: “There’s a star on the bag, so maybe saved items”

I did an iconographic study on the brand tab icon, to incorporate the authentic badge into the old shopping bag icon, hopefully to bridge the gap we identified.

However, before we experimented the new tab icon, we tried a quick experiment to replace the icon with the word “Brands”, which increased brand tab GMV dramatically. We think the reason is by using a straightforward name, more shoppers with the need to shop branded goods visited the tab. We thus decided to go with text on the tab instead of a redesigned icon.

↑ A picture is worth a thousand words? Not always true.

Sub Project 2:
Redefining categories

Unlike other shopping platforms, Wish users shop primarily through browsing the personalized feed. Others turn to search when they already know what they want. Only a small fraction of Wish shoppers use categories. However, brand products don't show up in the personalized feed, and we don't have an effective way for people to search for brand goods at the moment.

So how would navigating by categories help Wish shoppers on the brands tab?

Assumptions

Through user testing and discussion with the PM, I came up with the following assumptions:

Users navigate by categories when they want to get an understanding of the offerings when they are new to the app;

When they don't know exactly what they want but have certain categories of interest.

Implications

Surface categories of high quality brand stock;

Surface categories with reasonable variety;

Show results under categories that correspond with the category name.

Suggestions

Through a brand search data deep dive, I was able to get a better understanding on Wish shopper's needs for new categories, and the relative importance of each category. Armed with the data and the guiding principles mentioned above, I made the following suggestions for a revised brand category list to the PM, the majority of which was adopted for the final implementation.

↑ Suggestions on Brand Categories

↑ New Brand Categories

Summative User Testing

We again showed the prototype to 7 Wish shoppers to get their reaction and feedback on the new design. The feedback are fairly positive:

All participants noticed the authentic badge on the brand tab and appreciated the meaning;

All preferred the new experience versus the current one. These keywords were used to describe the new experience: clarification, highlight brands, clean, straightforward, easy to understand.

Most participants didn’t shop brand items on Wish before, but when exploring the new design many went straight to shop by brands, and almost all mentioned they like being able to browse by brand.

We also learnt that many shoppers want to be able to further drill down to subcategories, and be able to see product names on the tile to help them identify brand items they want. We were not able to add those features in the first release due to technical constraint, but they are added to the future road map.

Final Design

View Full Prototype on Invision

↑ Design Handoff on Android

Impact

The new design experiment was run on Android for 50% of users for two weeks.

"The New brand tab increases brand tab view to product click/add to cart by about 10%, and gmv per buyer significantly. "

PM Update, July 2019

The data was consistent for the duration of the experiment, but due to small sample size the percentage increase was not not stat significant. However, with the trending positive result and the potential benefit to attract more partners, the team decided to ramp up the new design and port over to iOS and Web.

Porting Over to Web
Iterations
Final Handoff

View Full Prototype on Invision

Looking Forward

Now that we have an established brands experience, the team and I have started to look into further increasing the business impact of brands on Wish. Below are two of the initiatives.

Brands Stories

We experimented with Brands Stories on the homepage of the Wish app to increase visibility and awareness of brands on Wish. We followed a similar stories format as on other social media apps (which are also recently adopted by a variety of apps like Yelp and Googla Map) to reduce friction of entry.

↑ Brands Stories with an entry point on the homepage

↑ Two examples for brands stories

As an MVP, we partnered with some of the popular brands to customize the stories for them. To make Brands Stories scalable, I created templates that could be reusable for all brands assets including static images and videos.

↑ Templates for brands stories

Brands Store Front

As most of our branded goods come from authorized third party sellers and there are usually many sellers for a given brand, the team wants to provide stores a customizable experience to distinguish from each other. This would also help users build trust with a specific store.

↑ Two design concepts for brand store fronts

Thank you for reading!