Learning tree

Visualizing Progress

project overview

project overview

project overview

Learning Tree is a system designed to visualize students’ learning journeys and skill development, transforming fragmented practice and answer data into a coherent, trackable learning path. Abstract learning progress is represented as a tree structure, allowing teachers to see where they are, what they’ve mastered, and what comes next. At the same time, it enables teachers to quickly identify learning gaps and understand overall class progress. In this project, I defined core use cases grounded in real educational contexts, structured information hierarchy and interaction logic, and balanced playfulness with pedagogical rigor so learning progress becomes more than just data, but a growth experience that is understandable and motivating.

Brew Can Co. needed to stand out in a crowded coffee market filled with colorful, busy designs. I created a bold black-and-white identity that feels more like a premium art piece than a grocery store product, with a simple hand-drawn coffee cup that adds personality without clutter.

Brew Can Co. needed to stand out in a crowded coffee market filled with colorful, busy designs. I created a bold black-and-white identity that feels more like a premium art piece than a grocery store product, with a simple hand-drawn coffee cup that adds personality without clutter.

project overview

project overview

project overview

Visualizing Progress: The Learning Tree Transformed abstract learning data into an intuitive, evolving ecosystem. This system maps complex curriculum paths into a clear visual narrative, helping students internalize their growth journey over time.

Brew Can Co. needed to stand out in a crowded coffee market filled with colorful, busy designs. I created a bold black-and-white identity that feels more like a premium art piece than a grocery store product, with a simple hand-drawn coffee cup that adds personality without clutter.

Brew Can Co. needed to stand out in a crowded coffee market filled with colorful, busy designs. I created a bold black-and-white identity that feels more like a premium art piece than a grocery store product, with a simple hand-drawn coffee cup that adds personality without clutter.

project type

project type

project type

from 0 to 1

Packaging Design

Packaging Design

year

year

year

2025

my role

my role

my role

design lead and PM

Lead Brand Designer

Lead Brand Designer

duration

3 weeks

brew can co.

brew can co.

about me

I am Mavis, a Lead Product Designer, AI-Powered Learning I lead the design of complex AI systems where learning science meets product strategy.

I am Mavis, a Lead Product Designer, AI-Powered Learning I lead the design of complex AI systems where learning science meets product strategy.

I am Mavis, a Lead Product Designer, AI-Powered Learning I lead the design of complex AI systems where learning science meets product strategy.

I bring clarity to complexity. My approach goes beyond pixels to the 'why' behind the prompt. I specialize in orchestrating the intersection of learning science and conversational AI, creating experiences that feel calm, intuitive, and deeply rooted in trust.

I bring clarity to complexity. My approach goes beyond pixels to the 'why' behind the prompt. I specialize in orchestrating the intersection of learning science and conversational AI, creating experiences that feel calm, intuitive, and deeply rooted in trust.

I bring clarity to complexity. My approach goes beyond pixels to the 'why' behind the prompt. I specialize in orchestrating the intersection of learning science and conversational AI, creating experiences that feel calm, intuitive, and deeply rooted in trust.

A thoughtful young person with dark hair gazes to the side, captured in soft black and white lighting.
A thoughtful young person with dark hair gazes to the side, captured in soft black and white lighting.
A thoughtful young person with dark hair gazes to the side, captured in soft black and white lighting.

my background

my background

my background

Business

Strategic Intent: Bridging market needs with design decisions.

Leveraging a degree in International Business to align product vision with stakeholder goals and market viability.

Business

Strategic Intent: Bridging market needs with design decisions.

Leveraging a degree in International Business to align product vision with stakeholder goals and market viability.

engineering

Technical Execution: Architecting scalable solutions through code.

Equipped with a technical foundation from the University of Washington to bridge the gap between design concepts and scalable engineering execution.

engineering

Technical Execution: Architecting scalable solutions through code.

Equipped with a technical foundation from the University of Washington to bridge the gap between design concepts and scalable engineering execution.

design

Creative Craft: Transforming complex abstractions into intuitive UX.

Synthesizing agency-honed craftsmanship and deep expertise in AI learning systems to create impactful, user-centric education tools.

design

Creative Craft: Transforming complex abstractions into intuitive UX.

Synthesizing agency-honed craftsmanship and deep expertise in AI learning systems to create impactful, user-centric education tools.

my podcast

my podcast

my podcast

Why i started this podcast

role

By sharing academic and industry experience by professionals, information can be more accessible.

company

We host a podcast focused on HCI-related fields aimed at bridging the information gap for individuals interested in this area who are uncertain about the differences between industry and academia. We have already completed two seasons, featuring designers working in the industry and professors from CMU and UW.

We host a podcast focused on HCI-related fields aimed at bridging the information gap for individuals interested in this area who are uncertain about the differences between industry and academia. We have already completed two seasons, featuring designers working in the industry and professors from CMU and UW.

We host a podcast focused on HCI-related fields aimed at bridging the information gap for individuals interested in this area who are uncertain about the differences between industry and academia. We have already completed two seasons, featuring designers working in the industry and professors from CMU and UW.

I cook after work

I cook after work

I cook after work

Love Seafood

I grew up near the ocean.

Love Seafood

I grew up near the ocean.

Blending Western and Asian flavors.

From Risotto to Beef Noodles.

Blending Western and Asian flavors.

From Risotto to Beef Noodles.