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.


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.



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
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
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.



































