Personal Project • Active Work In Progress

Reimagining online self-paced learning worth exploring

Launchpad transforms heavy static course modules into easily digestible, highly interactive learning experiences complete with AI tutoring and mindful focus tools.

Role

Product Strategy, UI/UX Design & Frontend Engineering

Status & Timeline

Personal Project
Active Work in Progress

Origin & Motivation

Jo Queddeng
Inspired by student study struggles @ UPOU

The Problem

Online self-paced learning is hard for people who struggle with focus

Taking online self-paced courses can be daunting. My personal experience studying as a distance learner at UPOU (University of the Philippines Open University) highlighted how difficult independent study becomes when struggling to maintain focus.

The major bottleneck is tool-switching friction: constantly alt-tabbing between static 30-page PDFs, separate note apps, timer widgets, external AI tools, and video players.

This constant context switching shatters focus, increases cognitive load, and turns what should be an engaging lesson into passive, exhausting reading.

The Rushing & Focus Trap Illustration
Visualizing Context Switching & Cognitive Fatigue
The Thesis

One unified platform making lessons easily digestible and interactive

The ultimate goal of Launchpad is to serve as an all-in-one platform that turns any static course module into a digestible, highly interactive learning experience.

By combining prefrontal cortex breathing focus timers, bite-sized page-by-page progress, live saved workbooks, video lesson plans, and real-time AI guidance (Luca AI Tutor), studying becomes seamless and engaging.

Strong Thinker Habits
Unifying Focus, Retention & Action
Transforming static readings into active reflection
The Solution & System Architecture

Designing the Launchpad Learning Dashboard

To eliminate context switching and keep independent learners grounded, Launchpad unifies course management, digestible card lectures, in-context workbooks, and AI tutoring into a single cohesive UI environment.

Layout Architecture

1. Dual-Panel Interactive Player Workspace

Zero Context Switching

The player is split into two primary zones: the Left Lecture & Workbook Canvas for reading, video, and active reflection entries, and the Right Luca AI Drawer for instant, on-demand assistance without ever navigating away from your study progress.

APinned Compact Top Bar

Displays module progress, page indicator, and window controls cleanly to preserve maximum vertical reading space.

BCollapsible Luca AI Drawer

Minimizes to a slim tab when you need deep focus, or expands in 1 click when you need instant concept explanations.

Content Strategy

2. Digestible Lesson Chunking & Multi-Media

Bite-Sized Progress

Instead of overwhelming learners with endless scrolling PDFs, Launchpad breaks content down into single-concept cards. Each page presents one clear learning objective, short video clips, or reflection exercise—making long courses feel manageable and rewarding.

Chunked Progression
Page-by-Page Cards
Length adapts dynamically to any curriculum without overwhelming scrollbars.
Video Integration
Short Video Embeds
Embedded video clips & audio recaps directly inside lesson cards.
Mindful Warmups
30s Focus Timers
Interactive breathing widgets to calm anxiety before critical thinking.
Active Retention

3. In-Context Persistent Workbook & Frameworks

Saved Directly to State

Passive reading leads to low retention. Launchpad embeds active reflection tools—such as the Fix-It Flip, 4-Lens Brainstormer, and Decision Filter Checklist—directly into the lesson pages. Student responses save instantly to memory, creating a complete personal workbook by the end of each module.

System Design

4 Core Pillars of Launchpad

Designed to reduce cognitive load and make lessons easily digestible for independent learners.

🧘

1. Mindful Focus Warmup

Built-in 30-second prefrontal cortex breathing focus widget to lower cortisol and prime your brain before tackling heavy critical thinking.

Grounding Executive Function
📖

2. Chunked Interactive Module Player

Replaces daunting PDF scrollbars with bite-sized, single-card page-by-page progress, keeping lessons easily digestible, focused, and highly interactive.

Digestible & Interactive
✍️

3. In-Context Saved Workbook

Interactive reflection cards, 4-Lens solution brainstormers, and decision filters saved directly to state—no external note app required.

Active Learning Retention
🤖

4. Embedded Luca AI & Video Support

Context-aware AI tutor ready in a 1-click collapsible drawer alongside short video lesson embeds for on-demand explanation.

Multi-Media & AI Clarity
Future Roadmap

What's Next for Launchpad?

As a personal project currently in active development, future milestones focus on expanding multi-media support and accessibility for independent learners:

1
Embedded Video & Audio Lessons: Native video player support side-by-side with interactive workbook reflection cards.
2
AI PDF Auto-Converter: Pipeline to turn any uploaded course syllabus or PDF into a chunked interactive module.
3
Focus & Study Streak Analytics: Visual dashboard metrics tracking session streaks and focus milestones.

Tell me what's eating most of your time?

I'd love to talk. ->


Jo Queddeng © 2026

Still tinkering, no plans on stopping.