top of page

Mobilearn Learning App

Frame 2121457967 (6).png

Architecting a Behavioral Learning Engine for Enterprise Churn & Growth

Domain

EdTech, SaaS B2B Microlearning, Behavioral Design

Role

Lead Product Designer & UX Consultant (Full-Lifecycle Design Ownership)

Design Tools

image 26.png

Figma

image 52 (1).png

Claude

image 14.png

Clevertap

image 13.png

Useberry

Core Impact

  • Re-designed the platform's engagement model to boost DAU by 28%

  • Improve course completion rates by 42%.

  • Transitioned the B2B onboarding flow to self-serve

  • Slashing enterprise launch velocity from 2 weeks to under 48 hours.

Strategic Overview

Context

Mobilearn enters the crowded B2B EdTech space as a mobile-first microlearning platform aiming to disrupt traditional, static Learning Management Systems (LMS). By delivering knowledge in focused, 5-minute segments, the platform targets busy, tech-native young professionals.

The Baseline Problem

Despite having premium adaptive content, the platform’s legacy architecture suffered from static engagement. Enterprise clients were churning because Mobilearn could only demonstrate "content consumption" (hours viewed), rather than correlating learning activity to actual skill-gap closure. Low learner completion rates and a slow, support-heavy B2B setup process created significant barriers to scalability.

Strategic Objectives & Product Vision

To transition Mobilearn from a utility to a high-retention strategic partner for enterprises, I established three primary design objectives directly aligned with corporate strategic business goals

  • Transition from Passive Learning to Habitual Engagement (Behavioral Goal): Design a behavioral habit loop into the learner’s daily workflow using micro-nudges, adaptive personalization, and gamification to minimize drop-off and maximize course completion metrics (DAU/LTV).

  • Transition the Admin Portal from 'Configuration' to 'ROI Hub' (Business Goal): Deliver explicit ROI value to enterprise B2B clients by re-architecting the analytics portal to prove skill-gap reduction. Streamline administrative tools to reduce B2B program launch time (Velocity).

  • Engine Viral Campus & Corporate Lead Generation (Growth Goal): Embed context-aware social proofing and digital certification verification loops at high-satisfaction moments to stimulate organic lead acquisition (CAC).

Group 3 (1).png

User Personas & Behavioral Psychology

Primary Persona: Sarah, Corporate L&D Manager

  • Profile & Archetype: 38-year-old Learning & Development Manager handling employee upskilling across multi-regional enterprise teams.

  • Tech Literacy: High (frequently uses HR tech, enterprise LMS platforms, and reporting dashboards).

  • Psychological Mindset & Anxiety Triggers: Deeply frustrated by legacy LMS platforms that track only superficial "hours watched" rather than actual skill growth. She faces intense pressure from executive leadership to prove training ROI, avoid high software churn, and onboard new cohorts without spending days in manual admin configuration.

Group 2 (2).png

Applied Behavioral Psychology Frameworks

  • Hick's Law & Progressive Disclosure (Streamlining Admin Setup):
    Problem: Manually uploading employee CSVs, assigning courses, and mapping department hierarchies on a single screen leads to severe cognitive fatigue and high setup error rates.
    UX Solution: The bulk onboarding workflow is chunked into a 3-step progressive wizard with smart auto-column mapping. Admin setup time drops from days to under 48 hours, eliminating configuration anxiety for Sarah.
     

  • Variable Rewards & Habit Loops (Driving Learner DAU):
    Problem: Learners view corporate training as an unpleasant chore, leading to high drop-offs and poor course completion metrics.
    UX Solution: The learner interface prioritizes a dynamic "Today's Micro" module backed by daily streak mechanics and micro-nudges. Delivering bite-sized 5-minute lessons with variable streak rewards taps into intrinsic motivation, transforming passive learning into a daily habit.
     

  • Peak-End Rule & Social Proofing (Lowering B2B CAC):
    Problem: Traditional LMS certificates are static PDFs that sit buried in email inboxes, missing organic growth opportunities.
    UX Solution: At the moment of highest learner satisfaction (course completion), the platform generates a 1-tap verifiable digital certificate badge integrated with LinkedIn/Twitter APIs. This turns satisfied enterprise learners into brand advocates, driving organic B2B lead generation.

Information Architecture (IA)

Rethinking Mobilearn’s Information Architecture required shifting the mental model from a content database to a Behavioral Habit Loop and Corporate Utility Hub.

My architecture was re-structured using the new strategic standard, moving away from simple navigation mapping toward an Information Hierarchy Explicitly Tied to KRAs, Ecosystem factors, and Prioritization Matrix.
 

  • Task-Oriented Structure: Balancing Learner Habits and Admin Utility
    ADMIN KRA (ROI HUB): "Demonstrate training ROI" Goal ➔ Admin ➔ Analytics Dashboard (Primary Layer). Hierarchy prioritization focused on placing the "Skill Gap Report" on the primary viewport, immediately validating Mobilearn's core ROI promise to leadership.
    LEARNER KRA (ENGAGEMENT ENGINE): "Elevate Course Completion" Goal ➔ Learner ➔ Today's Path (Primary visual layer). I moved completion percentage metrics from tertiary menus to the home screen, using Hick’s Law (eliminating cognitive choice) by instantly presenting the next specific video segment to watch.
     

  • Ecosystem & Operational Factors
    Third-Party Certification SDKs (Growth Goal): "Referral Growth" KRA ➔ Completion Screen ➔ Certification verification. Hierarchy factors in external touchpoints—integration with certificate verification SDKs is embedded directly into the certificate completion screen, driving viral social verification and new CAC generation.
    Offline Mode Constraints (Technology Factor): Learner IA prioritization factors in low-bandwidth ecosystems by presenting downloaded content directly on the root navigation tab.

Frame (6).png

Wireframing & Low-Fidelity Iterations

The Content Consumption Pivot

  • Initial Concept: Long-form sequential video modules (15–20 minutes).

  • Testing Friction: 72% session abandonment mid-video. Learners felt overwhelmed committing to long modules during brief work breaks.

  • The UX Pivot: Standalone 3-minute "Micro-Cards" combining a visual snippet, 1 key concept, and an instant 1-question check.

  • UX Rationale: Applied Miller’s Law (Chunking) to lower cognitive load and reduce time-to-value to under 30 seconds.

The Habit Loop Pivot

  • Initial Concept: Catalog-first discovery dashboard with multiple course categories.

  • Testing Friction: Severe choice overload led to a 45% session abandonment rate as users spent limited downtime browsing instead of learning.

  • The UX Pivot: Collapsed the home screen into a single-action "Today’s Micro" Card with a sticky, thumb-accessible CTA.

  • UX Rationale: Combined Hick's Law (eliminating cognitive choice) and the Goal-Gradient Effect (visual streak progress) to trigger immediate daily habit loops.

Gemini_Generated_Image_aavf29aavf29aavf.png

High-Fidelity UI & Core Feature Breakdown

iPhone 16 Pro.png

Gamified Behavioral Learner Dashboard

Adaptive Habit Loops: Instead of navigating a static course catalog, learners are met with "Today's Micro" module. Fitts's Law ensures the next specific lesson segment is placed prominently. A dynamic "streak counter" utilizes Goal Gradient logic, nudging the user to simple completion KRA targets (Goal Gradient).

Automated Nudge & Cohort Compliance Hub

"Set-and-Forget" Monitoring Interface: A streamlined management view that tracks cohort progress against compliance deadlines. Automatically triggers contextual micro-nudges via Slack, Teams, or WhatsApp when a learner lags behind, removing manual follow-up overhead for enterprise managers.

Visual Skill Tree & Certification Pathway

Long-Term Engagement Map: A gamified progression tree illustrating how daily 3-minute micro-lessons aggregate into recognized professional certifications. Visualizes milestone rewards and credit unlocks, driving repeat platform usage and expanding user Lifetime Value (LTV).

Design System & Scalability

To ensure consistency across web, iOS, Android, and client-side SDK embedded widgets, I architected a modular design system

  • Adaptive Spacing Tokens: Custom-designed space tokens specifically optimized to reduce cognitive load in dense microlearning modules.

  • Modular Learning Blocks: Components were organized by behavioral "Learning Blocks," allowing administrators to bulk-build adaptive tracks rapidly using verified visual logic.

  • Velocity Impact: This reduced dev handoff cycles by 35%, accelerating engineering velocity and aligning cross-functional teams around the metric goal standard.

KYC_Design_Components.png

Real Improvements & Measurable Impact

By unifying behavioral habitual mechanics, B2B utility automation, and explicit skill-gap proofing, the revamped Mobilearn generated measurable improvements over baseline baseline problem metrics

  • Legacy Benchmark: Baseline engagement

  • Redesigned Platform: +28% DAU Increase

  • Impact & UX Rationale: Habit Loop Redesign. Powered by single-action "Today's Micro" cards, streak mechanics, and daily nudges.

✅ Daily Active Engagement (DAU)

  • Legacy Benchmark: High drop-off rate

  • Redesigned Platform: 42% Completion Rate

  • Impact & UX Rationale: -70% Friction. Driven by 3-minute chunked micro-cards (Miller's Law) and removing choice overload.

⏰ Course Completion Rate (%)

  • Legacy Benchmark: 2-Week setup cycle

  • Redesigned Platform: < 48 Hours

  • Impact & UX Rationale: Over 7x Speedup. Enabled by self-serve tag-based track allocation and automated cohort tools.

🕵 Enterprise Program Launch Velocity

  • Legacy Benchmark: High client churn

  • Redesigned Platform: 15% Churn Reduction

  • Impact & UX Rationale: Upfront skill-gap ROI matrix proving concrete competency gains directly to enterprise leadership.

📉 B2B Client Retention / Churn

bottom of page