Interactive Systems · AI Assit Work Flow
Web-based interactive prototype
Career Quest
Transforming career exploration into an interactive semester journey.
An interactive experience where students explore careers through choice, play, and evolving identity.
Design Challenge
Many students don't actively explore different career paths. Instead, they often follow what their family, friends, or surroundings expect from them.
This happens because:
Many students, especially freshmen, don't know where to start.
Many students have interests in different fields but don't know how to connect them.
Traditional advising is boring and abstract.
Solution
A narrative-driven interactive game in which students “play” their future paths.
Step 3 — Experience and learn
Choose courses, complete challenges, and gain real skills as your interests evolve through exploration and play.
Why courses + skills + mini games?
Simulates real school experiences while making career exploration more engaging and hands-on.
Collect stamps from different interests before choosing a career path.
Why Stamps?
Stamps feel familiar to students and shift the focus from choosing a future to exploring interests.
Step 4 — Connect the dots
Shows how different interests connect, so students can explore broadly first and narrow down later.
Step 1 — Know yourself
Step 5 — Make informed decisions
Receive personalized recommendations for majors, degree programs, and careers that align with your unique journey at the UM.
Start by selecting an MBTI animal companion that reflects how you naturally think, learn, and make decisions.
Why MBTI? Why Animals?
Many young adults already use MBTI to understand themselves, making it a familiar starting point.
Animals avoid gender stereotypes while making personality exploration more fun and engaging.
Step 2 — Explore interests
Creating Process
-
Concept Design
Designed a choice-based narrative system to simulate career exploration.
（AI-assisted Ideation）
-
Experience Design
Designed decision flows, wireframes, and user journeys for career exploration experiences.
(AI-assisted Experience Design)
-
Visual & UI Design
Designed a stamp-inspired visual system to create a playful and readable experience.
(AI-assisted Visual Exploration)
-
Development
Built and refined a web-based interactive experience through continuous testing and iteration.
(AI-assisted Development)
Design Vision
Visual Concept
Concept Design
Your career is not a fixed destination, but an evolving exploration of possibilities.
This project reimagines career discovery as an interactive experience, where users actively explore different paths instead of passively selecting predefined options.
We developed a tarot-inspired visual system to represent career exploration as a symbolic and interpretive journey.
Character Design
Characters are designed as flexible archetypes that reflect different career paths, interests, and personality traits.
To avoid limiting how users see themselves, all characters are presented with a neutral gender expression, allowing anyone to relate to them.
Each character is represented by animals inspired by MBTI types, making abstract traits more engaging.
