Learning Journey: A Path That Shows the Next Step

- Three states: complete, current, locked. Steps are enumerated, so the learner always knows which one is theirs.
- Content is split into small units, so each can be finished in one sitting and earns a check.
The learner’s view of a Learning Journey: a gated path of numbered stages across the top, with the current stage’s steps and progress below. Finished stages are green, the current one is blue, and later ones stay locked, so the next step is the one asking for attention. The screen uses existing Cerner design system components instead of new ones, a deliberate choice that kept it familiar and cut engineering risk when schedule margin was thin.
I built the final visuals and directed the engineers on the build. I consulted them through design, so each choice was one we knew we could deliver.