M

WORK

FUN

ABOUT

M

WORK

WORK

FUN

FUN

ABOUT

ABOUT

M

WORK

WORK

FUN

FUN

ABOUT

ABOUT

Duration

8 weeks

8 weeks

8 weeks

Team

Mingru Qi

Yaxin Ran

Mingru Qi

Yaxin Ran

Mingru Qi

Yaxin Ran

My Role

User Research

UI Design

UX Design

Branding

Digital Prototype

Interaction Design

User Research

UI Design

UX Design

Branding

Digital Prototype

Interaction Design

User Research

UI Design

UX Design

Branding

Digital Prototype

Interaction Design

Tools

Figma

C4D

Illustrator

Photoshop

Figma

C4D

Illustrator

Photoshop

Figma

C4D

Illustrator

Photoshop

Quick Review

Problem:

Cumbersome second-hand transaction process

Solution:

Store and trading in the showcase

Figures stored in the showcase can be traded directly, and will be shipped directly from the platform after the trade.

Figures stored in the showcase can be traded directly, and will be shipped directly from the platform after the trade.

Figures stored in the showcase can be traded directly, and will be shipped directly from the platform after the trade.

Problem:

Resale will lose a lot of money

Solution:

Swap in the showcase

Figures stored in the showcase can be swap with others, This way the seller doesn't lose out badly and gets the figures he wants.

Figures stored in the showcase can be swap with others, This way the seller doesn't lose out badly and gets the figures he wants.

Figures stored in the showcase can be swap with others, This way the seller doesn't lose out badly and gets the figures he wants.

Process

Background

What is Blind Box?

Blind boxes usually include various toys like small figurines, mini collectibles, and cute character models. Produced by popular toy brands or designers, these items may be limited edition, special editions, or exclusive designs, adding to their collectible value.

Blind boxes usually include various toys like small figurines, mini collectibles, and cute character models. Produced by popular toy brands or designers, these items may be limited edition, special editions, or exclusive designs, adding to their collectible value.

Blind boxes usually include various toys like small figurines, mini collectibles, and cute character models. Produced by popular toy brands or designers, these items may be limited edition, special editions, or exclusive designs, adding to their collectible value.

Super poplar in China

Super poplar in China

Here are the sales data of the blind box for 2021 and 2022

Here are the sales data of the blind box for 2021 and 2022

2021

672.8 million

2022

891.7 million

32.5%

Many Questions, Few Solutions

Many Questions, Few Solutions

Quality issues

Heavy loss at second-hand dealings

After-sales issues

Research Insights1

The experienced player is facing more challenges, solving their problems takes higher priority.

The experienced player is facing more challenges, solving their problems takes higher priority.

Survey / I want to know which demographic groups my users belong to and categorize them.

Survey / I want to know which demographic groups my users belong to and categorize them.

Target Audience:

All the users

All the users

Number of People

128

128

Questions:

20-25

20-25

Focus Area:

demographic area and general questions

demographic area and general questions

novice player

Purchase of blind boxes is less than one year

Purchase of blind boxes is less than one year

Unable to obtain timely blind box information

Unable to obtain timely blind box information

Unaware of the potential blind box rules

Unaware of the potential blind box rules

experienced player

Purchase of blind boxes is more than one year

Purchase of blind boxes is more than one year

The second-hand transaction is too cumbersome

The second-hand transaction is too cumbersome

Pay more attention to user experience

Purchase frequency is increasing

Quality issues

loyal user

Affinity Mapping / I want to sort and categorize user information to extract valuable insights

Affinity Mapping / I want to sort and categorize user information to extract valuable insights

My users often trade secondhand because they want to collect all the collections.


My users don't know what to do when they draw a blind box figure they don't like


My users often lose a lot of money in the second-hand transaction.


My users spend a huge amount of money in blind box

My users often trade secondhand because they want to collect all the collections.

My users don't know what to do when they draw a blind box figure they don't like

My users often lose a lot of money in the second-hand transaction.

My users spend a huge amount of money in blind box

My users often trade secondhand because they want to collect all the collections.

My users don't know what to do when they draw a blind box figure they don't like

My users often lose a lot of money in the second-hand transaction.

My users spend a huge amount of money in blind box

Pain Point 1

The second-hand transaction process is cumbersome

The second-hand transaction process is cumbersome

My target audience feels burdened by the second-hand transaction process due to frequent second-hand transactions. This process takes them a long time and invests a large proportion of their time.

My target audience feels burdened by the second-hand transaction process due to frequent second-hand transactions. This process takes them a long time and invests a large proportion of their time.

My target audience feels burdened by the second-hand transaction process due to frequent second-hand transactions. This process takes them a long time and invests a large proportion of their time.

The current second-hand transaction process

Buy blind box online

Send to the user

User wait for a week

Receive it and open it

send to buyer

Someone buy it

Post it online

Don’t like

Pain Point 2

Lose a lot of money in second-hand transaction

Lose a lot of money in second-hand transaction

Since my target audience buys and sells more frequently, they lose more money in second-hand transactions than novice players who do so less frequently.

Since my target audience buys and sells more frequently, they lose more money in second-hand transactions than novice players who do so less frequently.

Since my target audience buys and sells more frequently, they lose more money in second-hand transactions than novice players who do so less frequently.

Experienced player's monthly loss in second-hand transactions

40%

40%

30%

30%

20%

20%

10%

10%

400 ¥

400 ¥

600 ¥

600 ¥

800 ¥

800 ¥

1000 ¥

1000 ¥

Amount of money lost per month

Amount of money lost per month

Percentage of people %

Brainstorm

Initiated the research on potential solutions, taking into account factors like business strategy, objectives, profit models, investment costs, and demand.

Initiated the research on potential solutions, taking into account factors like business strategy, objectives, profit models, investment costs, and demand.

Simplify the second-hand transaction process

Simplify the second-hand transaction process

❌

Concerns

There was some conflict with the original business model, which resulted in losses for the company.

There was some conflict with the original business model, which resulted in losses for the company.

There was some conflict with the original business model, which resulted in losses for the company.

✅

Gain

The process is simpler

The process is simpler

The process is simpler

The market is more active

The market is more active

The market is more active

Save user time

Save user time

Save user time

Other ways to deal with unwanted figures

Other ways to deal with unwanted figures

❌

Concerns

Even if do good deeds, user still lose a lot of money

Even if do good deeds, user still lose a lot of money

❌

Concerns

Everyone’s level of DIY is different, so the output cannot be guaranteed

Everyone’s level of DIY is different, so the output cannot be guaranteed

✅

Gain

Will not lose too much money and can still swap it for the figure you want.

Will not lose too much money and can still swap it for the figure you want.

Solution

How was the issue ultimately resolved?

How was the issue ultimately resolved?

Open the blind box online

If you don’t want it, store in the showcase

Trade and Swap in the showcase

Simplify the second-hand transaction process

Simplify the second-hand transaction process

Users can open blind boxes online to see the figures inside. Unwanted items can be placed in the showcase for potential resale. Successful second-hand transactions on the platform result in the direct dispatch of figures to new buyers, eliminating the need for users to send items home before selling them second-hand.

Users can open blind boxes online to see the figures inside. Unwanted items can be placed in the showcase for potential resale. Successful second-hand transactions on the platform result in the direct dispatch of figures to new buyers, eliminating the need for users to send items home before selling them second-hand.

Users can open blind boxes online to see the figures inside. Unwanted items can be placed in the showcase for potential resale. Successful second-hand transactions on the platform result in the direct dispatch of figures to new buyers, eliminating the need for users to send items home before selling them second-hand.

Other ways to deal with unwanted figures

Other ways to deal with unwanted figures

In addition to second-hand resale, users can also exchange with others, so that users can get the figures they want without losing a lot.

In addition to second-hand resale, users can also exchange with others, so that users can get the figures they want without losing a lot.

In addition to second-hand resale, users can also exchange with others, so that users can get the figures they want without losing a lot.

New transaction process

New transaction process

Swap

New buyer

Resale

Buy blind box

Open it online

Store in the showcase

Send to

Don't like

Design

Collaborative low-fidelity prototyping solves usability issues

Collaborative low-fidelity prototyping solves usability issues

Buy a blind box and open it online

Swap in the showcase

Resale in the showcase

Trade in the showcase

If user don’t like it, store in the showcase

User Testing

Does my design meet the user's needs?

Does my design meet the user's needs?

Target Audience:

10 experienced player

10 experienced player

Test Content

Flow1, Flow2 and Flow3

Flow1, Flow2 and Flow3

Flow 1

Successful rate: 80%

My users can easily purchase blind boxes online and open them online

My users can easily purchase blind boxes online and open them online

My users can easily purchase blind boxes online and open them online

Flow 2

Successful rate: 100%

My users can easily store the figures they just opened but don't want in the showcase.

My users can easily store the figures they just opened but don't want in the showcase.

My users can easily store the figures they just opened but don't want in the showcase.

Flow 3

Successful rate: 100%

My users can easilyswap and resale in the showcase.

My users can easilyswap and resale in the showcase.

My users can easilyswap and resale in the showcase.

Iteration

Too many buttons to confuse the user

Too many buttons to confuse the user

Providing excessive choices can confuse users and lead to prolonged page visits, ultimately diminishing the user experience.

Providing excessive choices can confuse users and lead to prolonged page visits, ultimately diminishing the user experience.

Providing excessive choices can confuse users and lead to prolonged page visits, ultimately diminishing the user experience.

Before

After

Final Design

Three features to address user needs

Three features to address user needs

Open the blind box online

Open the blind box online

Users can purchase a blind box online and open it online to instantly identify its contents.

Users can purchase a blind box online and open it online to instantly identify its contents.

Users can purchase a blind box online and open it online to instantly identify its contents.

Store in the showcase

Store in the showcase

When a user buys a Blind Box that don't like, the user can store it in the platform instead of sending it to themselves, and the Blind Boxes that are stored in the platform will be displayed in the showcase.

When a user buys a Blind Box that don't like, the user can store it in the platform instead of sending it to themselves, and the Blind Boxes that are stored in the platform will be displayed in the showcase.

When a user buys a Blind Box that don't like, the user can store it in the platform instead of sending it to themselves, and the Blind Boxes that are stored in the platform will be displayed in the showcase.

Simplify the process of second-hand transactions

Simplify the process of second-hand transactions

Swap and Resale in the showcase

Swap and Resale in the showcase

Figures stored in the showcase can be traded directly and will be shipped directly from the platform after the trade.

Figures stored in the showcase can be traded directly and will be shipped directly from the platform after the trade.

Figures stored in the showcase can be traded directly and will be shipped directly from the platform after the trade.

Other ways to deal with unwanted figures

Other ways to deal with unwanted figures

Design library

My user is young, fashionable, energetic, and mischievous

My user is young, fashionable, energetic, and mischievous

Brand

To highlight my users' traits, I opted for a bold and vibrant logo design. I tilted the font and transformed one letter into an eye-shaped element to mirror the user's style.

To highlight my users' traits, I opted for a bold and vibrant logo design. I tilted the font and transformed one letter into an eye-shaped element to mirror the user's style.

To highlight my users' traits, I opted for a bold and vibrant logo design. I tilted the font and transformed one letter into an eye-shaped element to mirror the user's style.

icon

To match the logo's style, I opted for a thicker line to convey a stronger impression in the icon.

To match the logo's style, I opted for a thicker line to convey a stronger impression in the icon.

To match the logo's style, I opted for a thicker line to convey a stronger impression in the icon.

Color

Primary Band Color

Brand 1

#0F52FF

Brand 2

#056FFF

Brand 3

#0F52FF 5%

Secondary Color

Auxiliary 1

#FF820F

Auxiliary 2

#FFBC0F

Auxiliary 3

#FF820F 10%

Neutral

Text 1

# 17181A

Text 2

# 5F6B88

Background 1

# DFE3F0

Background 2

# F3F6FC

Background 3

# FFFFFF

Notification

Green 1

# 07D95A

Green 2

# 9CF0BD

# F8183E

Red 2

# FCA3B2

Red 1

Font

Montserrat

X- Height

Ascender

Descender

Headline 1

Size: 22px / Weight: Bold / Line Height: 40px

Headline 2

Size: 20px / Weight: Bold / Line Height: 36px

Headline 3

Size: 18px / Weight: Bold / Line Height: 32px

Headline 4

Size: 16px / Weight: Bold / Line Height: 28px

Body Large

Size: 14px / Weight: Semi Bold/ Line Height: 24px

Body Medium

Size: 14px / Weight: Medium / Line Height: 22px

Body Small

Size: 14px / Weight: Regular / Line Height: 22px

Body Small 2

Size: 12px / Weight: Regular / Line Height: 22px

Button Big

Size: 18px / Weight: Semi Bold

Button Normal

Size: 14px / Weight: Semi Bold

Button Normal

Size: 12px / Weight: Semi Bold

Button Small

Size: 10px / Weight: Medium

Button

Primary Button

Secondary Button

Text Button

Link Button

Status

Button

Button

Button

Normal

Pressed

Disable

Card

Headline

Text

Text

16px

8px

Christmas...

4.7k Want

collected

Headline

Subheading

$66

$130

21

8px

Skullpanda

City of Night

$66

$130

21

16px

16px

44px

132px

Next Step

If I had more time, I would do…

If I had more time, I would do…

Come up with more ideas and do more usability testing

As a UI/UX designer, I am committed to solving the user's problem, taking into account the business model, and maximizing the company's profitability.

So in the next step, I'm going to come up with more ideas and test them out to see which one is more cost-effective for the company but still solves the problem.

Come up with more ideas and do more usability testing

As a UI/UX designer, I am committed to solving the user's problem, taking into account the business model, and maximizing the company's profitability.

So in the next step, I'm going to come up with more ideas and test them out to see which one is more cost-effective for the company but still solves the problem.

Come up with more ideas and do more usability testing

As a UI/UX designer, I am committed to solving the user's problem, taking into account the business model, and maximizing the company's profitability.

So in the next step, I'm going to come up with more ideas and test them out to see which one is more cost-effective for the company but still solves the problem.

Work the the engineers to improve the feasibility

Our current design solves user problems from a design and business perspective, but we don’t know how feasible it is.

I want to work with programmers and PMs and listen to their feedback and suggestions to improve the feasibility of the design in the real world.

Work the the engineers to improve the feasibility

Our current design solves user problems from a design and business perspective, but we don’t know how feasible it is.

I want to work with programmers and PMs and listen to their feedback and suggestions to improve the feasibility of the design in the real world.

Work the the engineers to improve the feasibility

Our current design solves user problems from a design and business perspective, but we don’t know how feasible it is.

I want to work with programmers and PMs and listen to their feedback and suggestions to improve the feasibility of the design in the real world.

Available for Full-time!

M

LinkedIn

mingqi@iu.edu

4083340844

United States EST

13:32:15

Last updated at Oct 15, 2024