AI · EdTech
Designing learning tools that balance creative freedom with clarity.
Time
|
Jan - Nov 2025
Role
|
Product Designer
Team
|
Tech Lead (1), SWE (4), UXUI Designer (3), ML Engineer (1)
What is Mermory?
AI-powered flashcard creation platform designed to give students full creative control over how they learn.
Problem
Rigid study tools and poorly integrated AI features limit personalization and increase cognitive load.
Solution
A flexible learning platform with AI-assisted creation, grounded in clear interaction patterns and scalable design systems.
Role & Scope
Design Systems &
Visual Language
User flows
Narrative
Interface Design
Here’s how those decisions come together across the learning experience:
Designed a dashboard that helps students quickly re-enter their study flow, balancing progress visibility with low-pressure motivation.
Created a clear deck overview that lets learners choose how they want to study — without fragmenting the experience across modes.
Designed a flexible card editor that gives users creative control while maintaining structure, consistency, and scalability across decks.
Designed a low-friction deck setup that pairs AI-generated flashcards with lightweight metadata, allowing users to quickly name, categorize, and move straight into studying.
Designed a focused learning mode that minimizes distractions and keeps attention on recall, pacing, and comprehension.
A lightweight completion moment designed to reward progress while giving users a clear choice between continuing to learn or returning to their library.
Designed a distraction-free recall experience that prioritizes active memory reinforcement, with simple feedback states that make spaced repetition easy to understand and act on.
Created a scanable library view that surfaces progress at a glance and keeps management actions accessible without overwhelming the interface.
Beyond core workflows, I used interface storytelling to guide learners through moments of progress, completion, and transition:
A warm, card-based design language that uses soft color blocking, friendly illustration, and clear hierarchy to make powerful features feel approachable and easy to explore.
A closer look:
Banner designs serve as both navigation and brand storytelling.
Each banner introduces a core tool through color, illustration, and tone — helping users understand what’s possible before they decide where to go next.
Building on these moments, I continued establishing Mermory’s visual language across the product.
