project thumbnail

PROJECT OVERVIEW

ROLE

Product Design lead

Led end-to-end design from research and design to branding, motion design, iterative prototyping, and QA testing.

PRODUCT

iOS

TEAM

1 Designer (Me)

1 Project Manager

1 UX Researcher

Development Agency

TOOLS

Sketch, Protopie, Zeplin

DURATION

6 months

PROBLEM

AI-powered nail sizing is unfamiliar to users, requiring clear guidance.
However, the existing text-based tutorial failed to engage users, leading to low learning effectiveness and high measurement failure rates.

SOLUTION

"Introducing a tutorial page with motion graphics to provide intuitive guidance."

INSIGHT FROM UT

Weak information delivery due to text-heavy tutorials

User validation

User confused the tutorial page with the measurement page.

Thumb measurement

User measured the thumb without placing it on the table.

Arrow pointing down
"Text-based tutorials fail to capture attention
and do not effectively convey the correct way to measure nails."

FIRST ITERATION

Tutorial with illustration for better visual clarity.

First iteration

USABILITY TEST

Conducted UT with 11 participants to assess the effectiveness of the tutorial page.

SUS Score

System Usability Scale (SUS) score: Increased from 46.7 to 90.

average duration on tutorial page

However, the average time spent on the tutorial page is less than 3 seconds.

Arrow pointing down
"Static illustration failed to capture user attention"

FINAL DESIGN

1. Finger: Measure from the edge of the table.

Final finger tutorial page

2. Thumb: Clearly show correct and incorrect way to measure in sequence.

Final thumb tutorial page

IMPACT

Meet 89 loyal customers through QA testing.

sucess rate
Clarity of app directions

NEXT PROJECT