Whoa speed racer!
I noticed you're looking at my portfolio on mobile.
I strongly recommend viewing this portfolio on desktop.
Proceed if you must, but please know that due the complexity of my work, not all content will be viewable on mobile.
Improving first-session activation at Learvo
Learvo is an AI-powered learning platform that helps students turn study materials into flashcards (spaced repetition + audio), mnemonics, and quizzes. Originally designed for medical students, Learvo aims to reduce friction in traditional flashcard tools.
Improving first-session activation
at Learvo
Improving first-session activation at Learvo
Learvo is an AI-powered learning platform that helps students turn study materials into flashcards (spaced repetition + audio), mnemonics, and quizzes. Originally designed for medical students, Learvo aims to reduce friction in traditional flashcard tools.
Case Study Overview
Product Designer
Owned problem framing, UX research, core user flows, and final UI execution, validating decisions through usability testing in partnership with founders and engineering.
New users landed without an introduction or clear starting point. Confusing navigation and inconsistent UI led to early drop-off before they tried any core feature—so they churned without seeing value.
What I Shipped
A new first-time user onboarding flow
Clear navigation and orientation cues on the dashboard
UI consistency improvements via shared components.
Validated in moderated usability sessions (n=8): 88% (7/8) first-time users completed a core feature flow (e.g., entered Flashcards and finished 1 card) in their first session.
*Analytics tracking was not available.
A new first-time user onboarding flow
Clear navigation and orientation cues on the dashboard
UI consistency improvements via shared components.
Validated in moderated usability sessions (n=8): 7/8 first-time users completed a core feature flow (e.g., entered Flashcards and finished 1 card) in their first session.
*Analytics tracking was not available.
Understanding The Problem
Product context: Learvo helps students turn study materials into active study workflows (flashcards, mnemonics, and quizzes).
Activation (first-session success): A user is “activated” if they successfully complete any one of:
Flashcards: upload notes → generate a deck → start Spaced Repetition or Audio Flashcards
Mnemonics: use the Mnemonics Generator
Quizzes: start a Quiz
Core issue: many users left before completing any of these, so they churned before seeing value.
How might we help new users discover and successfully try at least one core feature in their first session (flashcards, mnemonics, or quizzes) so they experience Learvo’s value before dropping off?
Who (and what) is impacted by this problem?
Learvo served students across different academic paths, but early retention challenges were consistent across disciplines and academic level during users’ first sessions, impacting both user experience and product growth.
• Learners using flashcards, mnemonics, and quizzes to prepare for exams
• Time-constrained and quick to abandon tools that feel confusing or slow to set up
• Need immediate guidance to understand value and next steps
• Early drop-off reduced activation and retention, limiting long-term user growth
• Poor first-time experience increased acquisition waste (users churned before seeing value)
• Improving onboarding clarity was important to helping users experience Learvo’s core value (effective studying)
UX Audit to Determine Project Scope
UX Audit to Determine Project Scope
How might we help new users quickly understand Learvo’s value and feel confident using the product?
To define a focused redesign scope, I audited first-time user flows across Learvo’s core product surfaces, prioritizing moments where confusion blocked early value.
I reviewed onboarding, navigation, and core study workflows end-to-end rather than evaluating screens in isolation.
To define a focused redesign scope, I audited first-time user flows across Learvo’s core features (Flashcards, Mnemonics, and Quizzes), prioritizing moments where confusion blocked early value.
I reviewed onboarding, navigation, and core study workflows end-to-end rather than evaluating screens in isolation.
Key Findings:
New users were dropped directly into the Flashcards index, a feature-rich screen designed for ongoing use. The interface exposed multiple tools at once, but provided no guidance on what to do first or how the product was meant to be used. As a result, users weren’t guided toward a clear first step or a starting workflow (Flashcards, Mnemonics, or Quizzes) to experience value quickly.
Image shows initial landing screen shown to new users.
Navigation and Orientation Gaps
The product lacked clear cues about how sections related or how to return to a starting point. The Learvo logo redirected to signup instead of a home, breaking a common navigation expectation. Users lacked a clear anchor for understanding the broader structure.
Image shows flashcards view with feature-based navigation and no visible home or overview.
Image shows flashcards view with feature-based navigation and no visible home or overview.
Inconsistent UI Across Core Features
Core study screens reused the same components: tables, cards, buttons, and actions, but with inconsistent typography, spacing, colors, and states. This made the interface feel less predictable and harder to use efficiently. The lack of standardized patterns also made the UI harder to maintain and extend.
Images show product screens with components rendered inconsistently across layouts, spacing, typography, and states.
To define a focused redesign scope, I audited first-time user flows across Learvo’s core product surfaces, prioritizing moments where confusion blocked early value.
I reviewed onboarding, navigation, and core study workflows end-to-end rather than evaluating screens in isolation.
Outcomes
Based on moderated usability sessions and customer success feedback, the updates improved first-session clarity and helped more users reach value.
Activation success (moderated usability, n=8): 7/8 first-time users completed at least one core feature flow in their first session (e.g., entered Flashcards and studied ≥1 card).
Feature discovery clarity (moderated usability, n=8): Participants used the in-context prompts/CTAs to choose a “next step” without needing a separate onboarding tour (observed in-session).
Home/orientation (moderated usability + pre-change observations): Pre-change, users repeatedly clicked the Learvo logo expecting “Home” and were sent to signup; post-change, the logo routed to the in-app home state, giving users a predictable return point (observed in-session).
Reduced confusion in dense screens (moderated usability + design audit): With standardized UI patterns, participants were able to identify primary actions and scan table-heavy areas more confidently (observed in-session).
Support signal (customer success feedback): New users reported feeling more oriented, less overwhelmed, and clearer on what to do first (CS team conversations).
Project Scope
The audit revealed that Learvo’s primary breakdown occurred during first-time use. Based on this, the project focused on reducing early confusion through clearer onboarding, stronger orientation, and more consistent UI patterns—prioritizing changes that helped new users reach value quickly.
The audit revealed that Learvo’s primary breakdown occurred during first-time use. Based on this, the project focused on reducing early confusion through clearer onboarding, stronger orientation, and more consistent UI patterns—prioritizing changes that helped new users reach value quickly.
Design Responses to Key Findings
The audit showed that the primary drop-off happened during first-time use. The project focused on reducing early confusion through clearer onboarding, stronger orientation, and more consistent UI patterns. We prioritized changes that helped new users discover and successfully use at least one core feature (Flashcards, Mnemonics, or Quizzes) in their first session.
Design Responses to Key Findings
Orienting New Users to Core Actions
Problem: New users landed on key feature pages with multiple equally weighted options, causing hesitation before starting.
Success Criteria: Reduce time-to-first-action and increase first-session activation (user completes any 1 of: Flashcards, Mnemonics, Quiz or Flashcards via Upload).
Decision: Pair an in-context activation banner (feature discovery) with lightweight, step-based in-feature tutorials (first successful action) to guide users without forcing a linear onboarding flow.
Why: We ruled out (1) a dedicated Home + setup flow (too time-intensive for a small team) and (2) a mandatory full-screen onboarding tour (too interruptive, higher skip risk). This approach balanced speed-to-ship with meaningful first-session guidance.
Tradeoff:
Risk of banner blindness → mitigated with clear CTAs, light progression (“Finish trying our features”), and dismissibility.
Risk of tutorial fatigue → mitigated by making tutorials contextual (only when entering a feature), short (3–4 steps), skippable, and shown only until first success.
Design Response:
Surfaced 3 activation paths (Flashcards, Mnemonics, Quiz, or Flashcards via Upload) at the top of the landing experience with equal clarity and clear next-step CTAs.
Added 1-line value props per option to reduce hesitation (“what happens if I click this?”).
Used light sequencing (a “finish trying our features” prompt) to encourage trying at least one path without forcing a linear tour.
Added in-feature coach marks that guide the first critical interaction (e.g., Mnemonics: “Enter terms/concepts here” → step 1/4 → Next) so users can complete a first success moment confidently.
Kept all guidance non-blocking, dismissible, and autonomy-respecting, especially for returning users.
Key Screens Showing Guided Feature Orientation:
Key Screens Showing Guided Feature Orientation:
Establishing a Home State via “Recently Studied”
Problem: Users lacked a reliable “home” to return to, causing disorientation and backtracking. In pre-change usability observations, users repeatedly clicked the Learvo logo expecting it to take them home, but it redirected to the public signup page, breaking a common navigation convention.
Success Criteria: Reduce “where am I?” moments and backtracking; make it easy to return to a stable home state and resume a task.
Decision: Use the Flashcards page as the interim home state, anchored by Recently Studied (progress + resume CTA), and route the Learvo logo to this in-app home state.
Why: Founders and engineering agreed a dedicated Home page was the ideal long-term solution, but shipping a net-new page wasn’t feasible within the timeline. We chose an incremental approach: morph the existing Flashcards page into “Home” over time by layering in orientation and resume signals first, with the plan to eventually relabel the left nav to “Home” once the page fully supports that role.
Tradeoffs:
Risk of over-centering the product around Flashcards → mitigated by making Recently Studied about resuming work (not pushing a specific feature) and keeping clear navigation to Mnemonics/Quizzes.
Risk of confusion from an “interim” home → mitigated by aligning the logo behavior with common expectations and making the home state predictable.
Problem: Users lacked a reliable “home” to return to, causing disorientation and backtracking. In pre-change usability observations, users repeatedly clicked the Learvo logo expecting it to take them home, but it redirected to the public signup page, breaking a common navigation convention.
Success Criteria: Reduce “where am I?” moments and backtracking; make it easy to return to a stable home state and resume a task.
Decision: Use the Flashcards page as the interim home state, anchored by Recently Studied (progress + resume CTA), and route the Learvo logo to this in-app home state.
Why: Founders and engineering agreed a dedicated Home page was the ideal long-term solution, but shipping a net-new page wasn’t feasible within the timeline. We chose an incremental approach: morph the existing Flashcards page into “Home” over time by layering in orientation and resume signals first, with the plan to eventually relabel the left nav to “Home” once the page fully supports that role.
Tradeoffs:
Risk of over-centering the product around Flashcards → mitigated by making Recently Studied about resuming work (not pushing a specific feature) and keeping clear navigation to Mnemonics/Quizzes.
Risk of confusion from an “interim” home → mitigated by aligning the logo behavior with common expectations and making the home state predictable.
Design Response:
Added Recently Studied as the top anchor to answer: “What did I last do?”
Fixed the logo → home expectation by routing it to the in-app home state.
Included progress/status + one primary resume CTA to reduce decision load.
Consolidated orientation cues on one screen so users always have a stable return point.
The Flashcards page acts as a reliable home state by surfacing recent activity, progress, and clear next steps in one place:
The Flashcards page acts as a reliable home state by surfacing recent activity, progress, and clear next steps in one place:
Standardizing UI Patterns with a Design System
Reducing Visual Inconsistency with Shared UI Patterns
Problem: Inconsistent buttons, typography, color usage, and component states created a visually unsatisfying interface that was harder to scan and use confidently, especially in dense views like tables.
Success Criteria: Improve scanability and confidence in dense screens (especially tables) and reduce UI variability across core feature flows.
Decision: Create a lightweight design system (tokens + core components + states) and apply it first to the highest-friction, table-heavy workflow.
Why: Full product-wide redesign wasn’t feasible in one pass. Standardizing the most reused patterns first improved usability and made future UI work faster and more consistent for a small team.
Tradeoffs: Upfront system work slows immediate UI shipping → mitigated by scoping to “core reusable patterns” first and rolling out incrementally, starting where inconsistency caused the most confusion.
Design Response:
Standardized reusable components (e.g., buttons, inputs, tables, modals) to make actions and hierarchy predictable across features.
Defined foundations (type scale, spacing, color tokens) and created a shared component library with key states.
Applied the system to redesign the table-heavy deck management flow, reducing visual noise and clarifying primary/secondary actions.
Standardized buttons, typography, color, and component states created a consistent visual language across the product.
Standardized buttons, typography, color, and component states created a consistent visual language across the product.
Walkthrough: First-time experience
Walkthrough: First-time experience
Walkthrough: First-time experience
Outcomes
Based on moderated usability sessions and customer success feedback, the updates improved first-session clarity and helped more users reach value.
Activation success (moderated usability, n=8): 7/8 first-time users completed at least one core feature flow in their first session (e.g., entered Flashcards and studied ≥1 card).
Feature discovery clarity (moderated usability, n=8): Participants used the in-context prompts/CTAs to choose a “next step” without needing a separate onboarding tour (observed in-session).
Home/orientation (moderated usability + pre-change observations): Pre-change, users repeatedly clicked the Learvo logo expecting “Home” and were sent to signup; post-change, the logo routed to the in-app home state, giving users a predictable return point (observed in-session).
Reduced confusion in dense screens (moderated usability + design audit): With standardized UI patterns, participants were able to identify primary actions and scan table-heavy areas more confidently (observed in-session).
Support signal (customer success feedback): New users reported feeling more oriented, less overwhelmed, and clearer on what to do first (CS team conversations).
Based on moderated usability sessions and customer success feedback, the updates improved first-session clarity and helped more users reach value.
Activation success (moderated usability, n=8): 7/8 first-time users completed at least one core feature flow in their first session (e.g., entered Flashcards and studied ≥1 card).
Feature discovery clarity (moderated usability, n=8): Participants used the in-context prompts/CTAs to choose a “next step” without needing a separate onboarding tour (observed in-session).
Home/orientation (moderated usability + pre-change observations): Pre-change, users repeatedly clicked the Learvo logo expecting “Home” and were sent to signup; post-change, the logo routed to the in-app home state, giving users a predictable return point (observed in-session).
Reduced confusion in dense screens (moderated usability + design audit): With standardized UI patterns, participants were able to identify primary actions and scan table-heavy areas more confidently (observed in-session).
Support signal (customer success feedback): New users reported feeling more oriented, less overwhelmed, and clearer on what to do first (CS team conversations).
Activation is a behavior, not a feeling.
When users were dropping before using any feature, the goal wasn’t “better onboarding” — it was enabling one successful first-session action (Flashcards, Mnemonics, or Quiz) with minimal hesitation.
State beats structure for orientation.
We didn’t need a new IA to reduce disorientation—we needed to surface user state (recent activity + progress) so the interface could answer “what now?” instantly.
Lean UX helped us balance speed with quality.
Instead of designing a perfect end-state upfront (like a full Home page rebuild), we shipped incremental improvements that reduced first-session confusion, learned from user sessions, and evolved the experience over time.
Predictability reduces cognitive load and speeds shipping.
Standardizing shared UI patterns improved scanability in dense screens and helped the team move faster by reusing agreed components rather than re-deciding UI in every feature.
