Procube

Product Design
Time
2024.12-2025.1
Role
Full-Stack Designer
My Contributions
Product Design
Graphic Design
Prototyping
The Career Dilemma: Where Do I Start?
The Challenge:
How might we help Early Career Seekers and Career Changers align their personality strengths with fulfilling career paths?
Many Early Career Seekers struggle to identify how their strengths and interests translate into real-world job opportunities, while Career Changers often face uncertainty about how to leverage their existing skills in a new industry. We hope they can find the solution through our product.
The Solution:
Align Your Strengths with Your Dream Career
Procube is an app that makes discovering a fulfilling career path easier. Through interactive insights, real-life stories, and tailored career suggestions based on personality strengths, users gain clarity on how their unique traits can align with different industries and roles.
Gain Insights
from Others
Ask questions and learn from real experiences shared by people with similar personalities, gaining valuable career insights and guidance.
Inspiration from
Real Experiences
Explore stories from people who have successfully applied their personality strengths at work, turning insights into career growth.
Personalised
Self-Discovery Tool
The passion map helps users explore how their strengths and interests align with careers, guiding them toward fulfilling paths.

Research

What is MBTI test?
The Myers–Briggs Type Indicator (MBTI) is an introspective self-report questionnaire designed to identify psychological preferences in how individuals perceive the world and make decisions. Developed by Isabel Briggs Myers and Katharine Cook Briggs, the MBTI is based on Carl Jung’s theory of psychological types. It categorizes people into 16 personality types, derived from four dichotomies:

Extraversion (E) vs. Introversion (I)
Sensing (S) vs. Intuition (N)
Thinking (T) vs. Feeling (F)
Judging (J) vs. Perceiving (P)
3D modelling design for 16 personalities’ cube
Affinity map for unpacking user needs
How do people make decisions
about their careers?
To gain a deeper understanding of the challenges early career seekers and career changers face, I conducted user interviews to gather insights from individuals navigating career decisions. The goal was to explore how people perceive their personality strengths, the challenges they encounter when aligning these strengths with career paths.
How to find the real connection
between personality and career path?
This four-quadrant map illustrates the key functions of our app, categorized by effort and impact. The top-left corner, representing low effort and high impact, includes features like personalized insights and real-life success stories, which deliver significant value with minimal user input.  And I desided to combine the three one to self-exploration.
Analyse the key function to keep

Design

Procube is ✅
  • For discovering how your personality strengths align with career paths
  • For gaining insights from real experiences shared by others
  • Get inspired by the real stories of others.
Procube is Not ❌
  • A tool that encourages people to only pursue jobs that align strictly with their personality traits—it’s about exploration, not limitation.
  • A traditional job-hunting platform—instead, it helps users discover fulfilling career directions based on strengths and interests.
  • A place to provide rigid career formulas—it focuses on insights and inspiration rather than prescriptive career paths.
Wireframe of Procube
MBTI Cube Avatars
To enhance user engagement and personalisation, I designed a series of cube-shaped avatars representing the 16 MBTI personality types. Each character embodies distinct traits through subtle visual elements, making personality exploration more intuitive and fun.
Design of avatar portraits
Gamify the process
To keep users motivated, badges are awarded for key milestones:
  • Explorer – Complete personality assessments, finish career exploration tasks, and post 3 questions.
  • Connector – Finish career exploration tasks and post 3 questions.
  • Guide – Post 9 questions, answer 5, and write a story.
  • Mentor – Achieve Guide level, write 3 stories, and answer 20 questions.
  • Visionary – Reach Mentor level and receive a total of 100 likes or collects on answers and stories.
Badge design
Creating the brand:
The color #4347D6, a deep and calming blue, was chosen for its professional yet approachable tone. It conveys trust, reliability, and clarity, aligning with the app's mission to guide users in exploring their personality and career paths. This shade also evokes a sense of calm and focus, helping users feel supported and connected.

Logo, color palate, and typography
How Can I Create Emphasis
Through Visual Layout on the Home Screen?
I emphasize the discussion section while allowing users to explore profiles naturally. The layout prioritizes engagement but keeps profile exploration optional, ensuring a seamless and intuitive user experience.
 
It balances personalisation and community interaction. But the visual level is not ideal.
Winner!
This one makes key questions stand out. A structured list format helps users scan content quickly and read the question immersive.
 
The focus shifts to the discussion feed, where user-generated questions and answers take up more space.
 
It places strong emphasis on the user’s profile and progress, making the career journey feel personal.

Final outcome

Back to top
Thanks for stopping by :)
Let’s connect

LinkedIn:
@Kate ChenEmail: chenxuqi0128@gmail.com