Mobile apps · Design concept
A learning app concept connecting course discovery, lesson two of six and a 33% progress view, with proposed resume and loading states.
Design concepts, not client projects. Screens are static mockups; names and data are illustrative.
Help a learner move from choosing a course to knowing where they are within it. The concept gives lesson position and progress distinct, readable labels.
Course discovery presents learning options before opening a lesson.
The lesson screen identifies its position as lesson two of six.
A progress view uses 33% as a sample course-completion indicator.
A lesson title and position provide context when returning to a course. They should remain separate from playback or reading controls.
A proposed progress rule must state what counts as completing a lesson. Opening content should not silently imply that a learner has mastered it.
Proposed design specimens. These are static examples, not working controls or a production specification.
Learning canvas
#F4F4FF
Lesson actions
#6159CB
Lesson text
#282B49
Clear information. A considered next step.
Use readable sans-serif lesson text, with a clear distinction between course title, lesson title and sequence label.
Group related course cards, then give lesson content a calmer reading area. Place resume controls near the lesson context.
Course not started
Start the first lesson when you are ready.
Progress saved
Progress saved: 2 of 6 lessons complete, shown as 33%.
Lesson unavailable
This lesson could not be loaded. Try again without changing your saved progress.
It should reflect a defined completion rule and visible lesson count. In this sample, two of six rounds to 33%. It does not establish comprehension, which would require a different assessment.
