Redesigning Navigation for a Mobile Learning App

Learn Loop

Learn Loop

Parallax Image

Overview

LearnLoop is a mobile micro-learning app that delivers short, daily lessons across professional skills. Users were signing up and completing a few lessons, but engagement dropped sharply after the first week. Navigation felt cluttered, lesson progress was hard to track, and users struggled to find content that matched their goals.

I reworked the navigation structure and lesson flow to make the app feel faster, more intuitive, and easier to return to. The focus was on reducing the time to start a lesson and making progress visible enough to build a daily habit.

+28%

Lesson Completion

-24%

Time-to-First-Action

+17%

Weekly Active Users

Noah Vesper - Learn Loop

Redesigned home screen with a single continue-lesson card

Role

Product Designer

Timeline

7 Weeks

Team

PM, 2 Engineers, Content Strategist

Platform

iOS + Android

Challenge

The app's home screen tried to do too much. It showed featured content, active courses, community activity, and recommendations all at once. New users had no clear starting point, and returning users could not easily pick up where they left off.

Lesson flows themselves were fine in isolation, but finding the right lesson and getting into it took too many taps. For an app built around short daily sessions, that friction was enough to break the habit.

Problem Statement

How might we simplify the app's navigation so users can start a relevant lesson within seconds of opening the app, and feel motivated to return tomorrow?

Noah Vesper - Learn Loop

Original app requiring four taps to reach lesson content

Approach

I focused on two things: reducing the time from app open to lesson start, and making progress feel tangible enough to encourage repeat sessions.

What I found

Most users opened the app with a specific intention: finish yesterday's lesson or start the next one. But the home screen forced them to browse, which felt like work instead of learning. Session replays showed users tapping through three or four screens before reaching content.

Noah Vesper - Learn Loop

Session data showing users scrolling past clutter for their course

What I changed

I restructured the home screen around a single 'continue' action and a personalized daily suggestion. Browse and explore moved to a separate tab. Progress indicators were added to every course card, making unfinished lessons easy to spot.

Noah Vesper - Learn Loop

Old six-zone home screen versus new focused single-action layout

Why it worked

By prioritizing the next action over discovery, the app started feeling like a tool for daily practice rather than a content library. Users came back more often because the entry point was faster and more relevant.

Noah Vesper - Learn Loop

New end-of-lesson screen with inline next-lesson prompt

Solution

The redesigned app prioritized speed and continuity, making every session start with the least possible friction.

Smart home screen: Your next lesson, front and center

The new home screen leads with a single prominent card showing the user's next lesson. No browsing required. One tap to start. Recommendations and explore content live in a separate tab for when users want to discover something new.

Noah Vesper - Learn Loop

Home screen in three states: returning, completed, and new user

Visual progress: See how far you've come

Every course card now shows a progress ring and lesson count. Completed lessons are marked clearly, and streaks are visible on the home screen. This gave users a reason to come back and a sense of accomplishment when they did.

Noah Vesper - Learn Loop

Progress rings and streak indicators on active course cards

Streamlined lesson flow: Fewer taps, faster starts

Lesson transitions were simplified. End-of-lesson screens now show the next lesson inline with a one-tap continue option, keeping momentum instead of sending users back to a menu.

Noah Vesper - Learn Loop

Lesson transition screen with next lesson preview and timing

Results

The redesigned navigation and lesson flow improved engagement across the board, with the strongest gains in lesson completion and weekly return rates.

+28% lesson completion

More users finished lessons they started, especially in the first two weeks

-24% time-to-first-action

Users reached their first lesson significantly faster after opening the app

+17% weekly active users

Repeat usage increased as the app became easier to return to daily

Noah Vesper - Learn Loop

Engagement metrics showing improved completion and retention rates

Reflection

Micro-learning apps live or die on habit formation. If opening the app feels like work, people stop opening it. The biggest impact came from making the first 5 seconds effortless.

This project taught me that simplifying navigation is not just about fewer tabs. It is about knowing what the user wants to do the moment they arrive, and putting that action first.

Next Project

Create a free website with Framer, the website builder loved by startups, designers and agencies.