Interactive Systems · Learning Design

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 Problem

  • Instead of actively exploring, many students inherit career paths from their surroundings — leaving their true potential unexplored.

  • Some students, especially freshmen, don’t know what they want to do after graduating.

  • Students’ interests are fragmented (design + data + business…)

  • Traditional advising is boring and abstract.

Solution

A narrative-driven interactive game in which students “play” their future paths.

Gather stamps from different fields of curiosity instead of committing to a single career path too early.

Your accumulated interests, skills, and experiences gradually reveal career clusters, while new opportunities continue to expand and refine your path.

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.

Choose courses, complete challenges, and gain real skills as your interests evolve through exploration and play.

Creating Process

  • Geometric drawing of an outline square with sections divided by vertical, horizontal, and diagonal lines.

    Concept Design

    Designed a choice-based narrative system to simulate career exploration.

    （AI for Ideation Support）

  • Geometric drawing of an outline square with sections divided by vertical, horizontal, and half circle lines.

    Experience Design

    Decision points + Feedback loop + Emotional engagement

    (AI for Experience Design Support)

  • Geometric drawing of an outline square with sections divided by vertical, horizontal, and circle lines.

    Visual & UI Design

    Inspired by Tarot cards, creating UI with a focus on readability & engagement.

    (AI for Visual Exploration)

  • Geometric drawing of an outline square with sections divided by vertical, horizontal, and diagonal lines.

    Development

    A web-based interactive experience, implementing logic with iteration cycles.

    (AI for Development Support)

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.

Career Quest