CUSTOMER STORYTELLING — REQUIREMENTS → JOURNEY → DECK/DEMO → PROTOTYPE → HANDOFF
A customer-ready planning story that turns messy deadlines into clear next actions
Built a clarity-first journey that helps users prioritize, schedule, and progress—packaged as an interactive demo and deck-ready narrative that’s easy to present.
Designed for fast iteration with reusable components, edge states, and handoff-ready specs—so teams can ship consistently and scale the system.
Journey map • process flows • storyboard/deck beats • hi-fi mockups • interactive prototype • visual specs
Metrics: 8 screens • 10 components • 3 story iterations • 6 feedback loops • 1 demo flow
ROLE
Experience Design (UX)
EXPERTISE
Journey • Deck • Prototype • Design Systems • Usability
YEAR
2024
Study Planner is a focus-first planning system packaged as a customer-ready story—turning messy deadlines into clear next actions without overplanning or guilt loops. I translated user + workflow needs into a clarity-first journey (capture → prioritize → schedule → progress → adjust), then built the supporting UX system so the value is easy to explain, easy to demo, and easy to ship.
Instead of “more features,” it prioritizes decision clarity and resilience: 1–3 daily priorities, frictionless rescheduling, and edge-state coverage (empty/loading/error/recovery) that keeps momentum even on imperfect days. Deliverables were designed for reuse (components, variants, specs) so teams can iterate fast and scale consistently.
Timeline
3–5 weeks — Discovery → Journey/Flows → Hi-fi → Interactive demo → Validation loops → Handoff
Background
Students don’t fail because they lack ambition—they drop off when planning becomes cognitive overload: too many tasks, unclear priorities, and the “missed day = reset” mindset. Study Planner reduces decision fatigue with a clarity-first planning flow, quick feedback loops, and a component-driven UI system that scales—making progress feel simple, presentable, and repeatable.
Deliverables
Journey map • Flow diagrams • Interactive prototype • Deck-ready narrative • Component + state system
End-to-end experience design for customer storytelling: requirements → journey → deck/demo assets → prototype → handoff—built to reduce decision friction and handle real-life variability (missed days, changing workload, low-energy moments).
1) Cross-functional + constraints
Partnered with PM + Engineering to translate study workflow constraints into decision moments, edge states, and handoff-ready specs—aligning early on feasibility so what we present matches what ships.
2) Story templates / flows / diagrams
Used repeatable templates to produce journey maps, process flows, and concept diagrams—making the “before → after” narrative easy for stakeholders to grasp and reducing downstream rework.
3) Fast iteration
Iterated quickly from flows → wireframes → hi-fi → interactive prototype, incorporating feedback loops to refine clarity, hierarchy, microcopy, and reschedule/recovery behavior.
Research & Insights
Goal: understand why students drop routines and what “good planning” feels like.
Quick interviews + lightweight survey to map pain points (overplanning, unclear priorities, guilt loops).
Synthesized into JTBD + success metrics: faster task selection, fewer “what now?” moments, higher perceived control.
Key insight: students don’t need more reminders—they need a system that chooses the next action and supports recovery.
IA & User flows
Designed the experience around decision moments (not screens):
Core journey: onboarding → capture tasks → prioritize (1–3) → schedule → daily check-in → reschedule/recovery
Defined system states: empty/loading/error/recovery for predictable behavior
Created “Today” information hierarchy to keep attention narrow, action-oriented, and demo-friendly
Design, prototyping & iteration
Started low-fi for structure, moved to hi-fi with accessible typography + reusable components
Prototyped key interactions: quick prioritize, one-tap reschedule, minimum-effort mode
Ran quick validation loops on: hierarchy clarity, microcopy comprehension, and confusion points under constraints
Handoff-ready specs
Documented components, variants, spacing, and edge states for consistent implementation
Provided interaction notes (missed-day logic, reschedule rules, error handling) to reduce back-and-forth with engineering
Packaged the work as demo-ready narrative + reusable system for scalable reuse
Deliverables
Journey map • Flow diagrams • Story beats • Interactive prototype • Component + state library • Handoff specs
Smart task breakdown
Converts high-level goals (e.g., “Finish Chapter 5”) into sequenced, doable steps with estimated effort + time blocks. Adds context (deadline, difficulty, dependencies) to reduce planning friction and keep execution realistic.
Impact → less overwhelm • clearer starting point • faster follow-through
Focus-first Today view
A single screen designed for fast decision-making and follow-through:
Top 1–3 priorities with a clear “why this matters” cue
Time blocks + next best action (clarity-first CTA)
Progress + status states (empty/loading/error) that keep the UI predictable
Microcopy built for momentum (actionable, non-judgmental, no guilt language)
Recovery and rescheduling
When users miss a day, the system supports graceful recovery instead of reset:
One-tap reschedule based on remaining days + available time -
Minimum-effort mode (short, realistic plan to restart momentum) -
Non-punitive streak logic + clear next steps after slip-ups -
Handoff-ready edge cases (missed day, overloaded day, incomplete task, conflicts)
“Designed a focus-first study planner that reduces overwhelm and helps students start faster, plan realistically, and stay consistent—through clarity-first priorities and a recovery system for imperfect days.”
Faster planning, more doing
Moved users from manual scheduling to guided breakdown + “Next Best Action” and a single-screen Today view.
Impact → faster task selection, fewer “what now?” moments, quicker start-to-study behavior.
Better consistency through recovery
Designed one-tap reschedule, minimum-effort mode, and non-punitive streak logic so missed days don’t feel like a reset.
Impact → higher return-to-routine behavior, more completed sessions even on low-energy days.
Higher confidence and clarity
Made priorities visible with 1–3 focus slots, clear time blocks, and predictable edge states (empty/loading/error/recovery).
Impact → higher perceived control, studying feels manageable instead of chaotic; easier to iterate based on feedback.