B
BOS Academy — mockup library

Phase 1A screen designs

Internal preview of the BOS Academy screens being designed for Phase 1A (Assessment Path for new hires). These are HTML mockups — visual references for what the real app will look like once the autonomous build implements them. They don't connect to anything; nothing here is the running app.

The production app will live at academy.backofficestars.ca. This preview surface (mockups.backofficestars.ca) is for design review only and will stay up as a long-term reference even after launch.

Mockup 1 of 4 Awaiting layout decision
Track 1 — Assessment Path (Sarah's view)

The workspace a new hire on paid trial sees from Day 1 through the end of the 10-day path. Three layout options to pick between — same data, three different ways of arranging it.

Mockup 2 of 4 Up next
Fit Report

Auto-assembled at end of week 1 and week 2 of the Assessment Path. Scores the new hire across the 11-skill Internal Assessment rubric. Dayna reads this to make the hire / no-hire call.

2
Designing now
Will appear here once Mockup 1's layout is approved and the same pattern can be applied.
Mockup 3 of 4 Queued
Manager Dashboard (Phase 1A minimal)

Dayna's view. Phase 1A minimal: see the new hire's progress through the Assessment Path, open the Fit Report, export to PDF for the decision record. Full Manager Dashboard with compliance grid and Quest assignment ships in Phase 1B.

3
Queued
Will follow Mockup 2.
Mockup 4 of 4 Queued
Home — Learning Track (Mike's Day 1)

The post-conversion handoff. Even though Track 2 ships in Phase 1B, designing this now lets the autonomous build understand the assessment-to-learning transition.

4
Queued
Will follow Mockup 3.