Genie App

A shopping delegation platform to help shoppers access foreign products by connecting them with future travelers
Year
2024
Category
UI / UX Design
Insustry
E-commerce
Client
Genie. inc
Duration
2 months
Role
User research, UI UX design, Brand design, Design system

Genie is a shopping delegation platform designed to connect shoppers with travelers, making it easier to access unique foreign products at reasonable prices. Developed by a Taiwanese startup, Genie addresses the growing demand for regional limited items such as anime goods and K-pop merchandise from Japan and Korea. Currently, consumers often face inflated prices on e-commerce platforms for these products. Genie offers a more affordable and convenient alternative by linking shoppers with Taiwan residents or tourists returning from these countries.

Problems

Context

A team overly focused on the product "Idea" rather than "problems"

Like many startups, this team initially focused on coming up with this product idea by observing the market trend but struggled to clearly know the core problem they aimed to solve for users. To address this, rather than jumping to the design direcrly, I decided to conduct a series of research studies. This approach helped me gain a deeper understanding of the current market and consumer purchasing behavior, allowing me to refine the product’s positioning more effectively.

Zooming Out !
kicking off the project with research to clarify the product value proposition
Industry audit

5 channels for acquire foreign products

In the initial industry research, I conduct a desk research to identify five primary channels for obtaining foreign goods: local physical and online stores, global e-commerce, purchase agents, direct online purchases from foreign shops, and family or friends. Each channel has its own advantages and disadvantages in terms of price, product variety, credibility, and purchasing flexibility.

Meet users

8 users who purchased foreign products in the past one year

To gain a general understanding of people’s shopping behavior—such as their motivation for purchasing foreign goods, reasons for channel selection, and pain points—I conducted a questionnaire to recruit participants. The target group included individuals who had purchased foreign goods at least three times in the past year. Ultimately, I conducted interviews with eight participants, uncovering valuable insights.

User person

Two key user groups in foreign products purchasing

To help the team better understand the audience and make clearer decisions, I created two user personas based on purchasing motivations. The first persona represents individuals who have relocated abroad, driven by cultural preferences to buy goods from their home country, despite challenges like higher costs and uncertain quality. The second persona includes individuals in their home country purchasing foreign goods out of personal interests, such as fans of K-pop or anime, who frequently seek region-specific items to fuel their hobbies.

Meta insight 1

The popularity of products determines people's channel selection

After synthesizing the interview insights, I identified two key meta insights that stand out as especially important. The first is that product popularity significantly influences how people select their shopping channels. In today’s globalized market, popular products are easily accessible on platforms like Amazon or other e-commerce sites. While these options may come at a higher cost, they provide speed and convenience. This underscores the need for Genie App to focus on its core value: connecting users to “unique foreign products,” which form its distinct market position. These include niche local brands and limited-edition, region-specific items.

Meta insight 2

Social pressure and inflexibility reduce people's willingness to ask acquaintances for help

Many interviewees noted that direct purchasing from foreign stores or using purchase agents allows them to shop independently. However, these options often come with high free shipping thresholds or shipping costs that can exceed the product’s value. As a result, they frequently turn to friends or family for help with purchasing foreign goods. However, such opportunities are limited, as it’s not always possible to find someone traveling at the right time. Even when the opportunity arises, they often feel hesitant to ask for favors, worrying about inconveniencing others or disrupting their travel plans, especially since the help is unpaid.

HMW statement

After analyzing user purchasing behaviors and key meta insights, I translated them into a HMW (How Might We) statement to help the team focus on the core issue. Interestingly, this statement aligns in many ways with the team’s original idea of using travelers to bridge the gap in inflexibility while also addressing the mental burden of asking acquaintances for favors without offering compensation.

How might increase the flexibility and ease the pressure of asking for help and  in purchasing unique foreign products?

Solution

System map & user flow

Visualize the UX architecture to communicate with stakeholders

After validating a clear product value proposition, I presented the first version of the system map and user flow to help stakeholders understand my initial product architecture planning.

In the system map, I divided the product into three main tabs: Home, Account, and Chatroom. On the Home page, users can toggle between Request and Traveler modes. The user flow highlighted four main stages users go through: the onboarding process, the matching process, negotiation of price and pickup location, and finally, payment and delivery.

Prioritization

Focus flow : Shoppers matching flow

Like many marketplace platforms such as Uber and Airbnb, Genie’s user flow is complex, involving two distinct user roles with different needs. After outlining a clear product blueprint, the team decided to focus this phase on the shopper-side matching flow to help shoppers easily create requests and connect with suitable travelers.

Low-fi prototype

Visualize key screens of the flow to facilitate further user testing

Next, I began working on the low-fidelity design of the shopper request flow and prepared for the next round of user testing. In this round, I tested the flow with 5 shoppers to evaluate if it allows them to easily create shopping requests and connect with the right travelers.
Additionally, I recruited 3 individuals with experience earning money by purchasing goods for others overseas. While the traveler side isn’t the main focus at this stage, understanding what incentives could increase their willingness to accept requests is essential. After all, if travelers aren’t motivated to participate, the product cannot function effectively

Crucial insight

Product misuse may arise from lack of legal knowledge

During this round of interviews, I uncovered a critical issue: product misuse could put travelers at risk. Many travelers worried about accidentally carrying prohibited items, facing Customs duties, or unknowingly breaking laws due to unclear regulations. I shared this finding with the team and suggested conducting research on Customs and legal guidelines. However, given the timeline for delivering design files, we decided to temporarily deprioritize this for Phase One. Since the app will initially launch in limited regions with fewer requests, the team will implement restrictions and manually review transactions to mitigate risks, with plans to address this more thoroughly in future phases.

3 Key features on shopper request flow

After this round of interviews, I synthesized user feedback into key insights and brainstormed potential solutions. Using the MSCW framework, we prioritized these solutions and identified three key features for the shopper matching flow: “Easy Product Input,” “Reward System,” and “Shopping Request Profiles.”

Final Design

Onboarding

First, after opening the Genie App, users can quickly create an account by entering their name and location. Considering that users might take on the roles of either shopper or traveler depending on different scenarios, the interface will default to the "request" mode upon entering the home page. This allows shoppers to post their foreign shopping requests. When they switch to the "travel" mode, users can create upcoming trips and take shopping requests from their destination.

Feature 1.

Easy product input

Users can click the "post request" card to enter the request creation page. In the first step, the system will prompt users to fill in basic product information, such as category, product title, country, sales channel, and two optional fields: link and description. After clicking "next," the system will automatically search the backend for the product. Users can quickly import the product information if the desired item appears by clicking on it. If not, users can manually upload a photo and include the range of product dimensions and weight to complete the product input.

Feature 2.

Reward System

Next, Genie will ask users to enter the number of items they want, the acceptable price range, and the reward offered to travelers for assistance. If the reward does not attract travelers, users can edit the amounts later to increase interest. This means the reward system will reflect free market dynamics: items that are difficult to purchase, bulky, or high-value may require higher rewards.

Constraints:
To ensure safety, once users click "Create," the request will enter a pending review status. Genie will check for risks and compliance with local laws, preventing requests for contraband, such as drugs, counterfeit goods, illegal weapons, or high-risk items, ensuring traveler safety.

Feature 3.

Shopping request profiles

Once a request is approved, users can view their shopping request profile on the homepage. Clicking the card will display the request details. Users can also click "Explore Traveler" to see travelers who are currently in the product's location but will soon be traveling to the user's area. This feature also shows travelers' past ratings, upcoming travel dates, and the approximate distance between their future stay location and the user.Additionally, travelers can also view the shopping request profile. If they are interested or willing to help, they can contact the user actively.

Usability testing

Tested the design with 10 users to establish metrics for future iterations

Since the product hasn’t launched yet, assessing performance with real data is challenging. However, after designing the flow, I conducted usability testing with 10 users to measure their completion rate and the time spent creating requests. While there’s room for improvement, these results suggest we’re on the right track for Phase One. Additionally, these metrics can serve as a baseline to evaluate improvements in the next iteration

10 users

participated in this round of usability testing

80%

of users completed the flow without asking for help

2.24 min

average time that users spent on completing the request flow