JOURNEY TO THE WEST’s PERSONALITY TEST
JOURNEY TO THE WEST’s PERSONALITY TEST
JOURNEY TO THE WEST’s PERSONALITY TEST
UI/UX
UI/UX
STUDENT PROJECT
STUDENT PROJECT
YEAR: 2024
YEAR: 2024
ROLE: UX/UI Designer · Research · Visual Design
ROLE: UX/UI Designer · Research · Visual Design
PLATFORM: Responsive Website
PLATFORM: Responsive Website
TOOLS: Figma, Miro, Adobe Photoshop
TOOLS: Figma, Miro, Adobe Photoshop
the PROBLEM
the PROBLEM
{1}
{1}
Students are stressed with their own identity
Students are stressed with their own identity
Many students feel unsure about their identity and sense of belonging during university. While personality tests are popular, most feel generic and emotionally detached. Students instead seek light-hearted, low-pressure digital experiences that encourage reflection without adding stress.
Many students feel unsure about their identity and sense of belonging during university. While personality tests are popular, most feel generic and emotionally detached. Students instead seek light-hearted, low-pressure digital experiences that encourage reflection without adding stress.
This sparked the question - How might we use the story of Sun Wukong in an interactive way to help students aged 18–35 explore their identity in a stress-relieving experience?
This sparked the question - How might we use the story of Sun Wukong in an interactive way to help students aged 18–35 explore their identity in a stress-relieving experience?
the SOLUTION
the SOLUTION
{2}
{2}
An interactive personality test website
An interactive personality test website
Narrative-driven test inspired by the trickster character Sun Wukong from Journey to the West
Narrative-driven test inspired by the trickster character Sun Wukong from Journey to the West
Chinese Ink Illustrations
Chinese Ink Illustrations
Inspired by traditional Chinese ink painting to reflect the Journey to the West theme
Expressive, minimal visuals that support storytelling without overwhelming users
Calm visual tone designed to reduce stress and encourage immersion
Inspired by traditional Chinese ink painting to reflect the Journey to the West theme
Expressive, minimal visuals that support storytelling without overwhelming users
Calm visual tone designed to reduce stress and encourage immersion
Gamify Experience
Gamify Experience
Progression through Sun Wukong’s journey creates a sense of play and discovery
Different possible outcome base on the user’s actions
Hidden secrets and “easter eggs” for the user to find
Progression through Sun Wukong’s journey creates a sense of play and discovery
Different possible outcome base on the user’s actions
Hidden secrets and “easter eggs” for the user to find
Responsive & Accessible
Responsive & Accessible
Optimised for desktop, tablet, and mobile use
Clear hierarchy and readable typography for ease of navigation
Optimised for desktop, tablet, and mobile use
Clear hierarchy and readable typography for ease of navigation
DESIGN PROCESS
{3}
Process Overview
Using the Double Diamond’s design process as guideline.
Cultural appropriation considerations
Interaction and choices
Refine Illustrations
KICK OFF!
Brief
Choosing trickster
User Persona
Problem space and Lo-fi concept
Key design considerations
Preference Test
Figma Variables and Conditionals
User testing
User Surveys
Journey to the West research
Contextual Research
Define HMW question
User Research
Initial Feedback
Stylistic
Delivered
Refinement
USER PERSONA
{4}
Interest:
Programing
Active
Gym, Watching TV series, Badminton, Basketball, Guitar, Arts and Painting
Judgers
Perceivers
Thinkers
Feelers
Sensors
Intuitives
Introverted
Extroverted
Determined
Inquisitive
Video Games
Exercise
Readings
Jeep, is an international student from Bangkok, Thailand studying his first-year in Software Development in Auckland University of Technology.
Balancing cultural heritage with new social and academic environment.
Academic Pressure, maintaining high grades
Experiences occasional social anxiety, particularly in new or unfamiliar social settings.
Creative
Bio:
Stress & Pain Points:
JEEP PANGKI
Age - 19
Gender - Male
AUT Student
Attributes:
Personality
Hobbies
USER JOURNEY MAP
{5}
Scenario
Jeep was walking through the AUT campus when he saw a promotional poster for the Journey to the West personality test. Feeling quite stressed with academic pressure, he decided to scan the QR code to try out the personality test as a way of relieving stress and having some fun.
Awareness
Consideration
Acquisition
Service
Loyalty
Stages
Open the website
Complete a brief tutorial & welcome screen
Hearing from Word of Mouth
Seeing Social Media Ads
Posters on Campus
Visit the website to find out
Reading reviews from other users
Starts taking the personality test
Engage with interactive storytelling element ties to Sun Wukong
Tracking Progress with visual Progress Bar
Complete the test and gets Sun Wukong personality traits
Explore and research Sun Wukong
Shares experience on Social Media and leaves reviews
Steps
Social Media Ads
University Newsletters
Word of Mouth
Posters and Flyers on Campus
Website Banners
Website
Reviews
Detailed Description Pages
Promotional Videos
Welcome Screens
Tutorial/Walkthrough
Home Screen
Personality Test Questions
Interactive Story Segments
Progress Tracker
Social Media
Personality Result Screen
Google and other Internet Browser
Touchpoints
"This looks interesting and relevant to my current struggles."
"The reviews seem positive. It looks like others found it helpful."
"I understand how to navigate and knows what to expect.”
"The story elements make this more engaging."
"It’s a fun experience! I would like to share my results and see other personality types!"
Thinking
Feelings
Curious
Intrigued
Excited
Interested
Confident
Eager
Comfortable
Engaged
Motivated
Reflective
Connected
Interested
DESIGN SYSTEM
DESIGN SYSTEM
{6}
{3}
{3}
Hellenic Horizon’s Stylistic
Hellenic Horizon’s Stylistic
FINAL DESIGN
FINAL DESIGN
{7}
{4}
{4}
GET IN TOUCH
GET IN TOUCH
GET IN TOUCH