High-fidelity prototype for the PCC website redesign. Warm, welcoming, academically confident — built in the spirit of Kent College's editorial aesthetic, anchored in PCC's navy-and-gold heritage. Click any screen to explore.
Mississauga & Ottawa · K–12 · Bilingual architecture · Frappe Builder + ERPNext
Asymmetric magazine grid. Hero with serif headline overlaid on a full-width video placeholder. Pillars shown as a numbered manuscript.
Open variation A →Centered hero with crest-first framing and slow Ken-Burns video. Symmetric grid, quiet authority, heritage-forward.
Open variation B →Dual-panel hero — Mississauga on the left, Ottawa on the right. Treats the campus-selector problem as the primary UX, not a modal.
Open variation C →History timeline, vision & mission, principal profile with video message, interactive goals of education.
Open page →Six expandable program cards — Early Years through Grade 12 + the Online International Program. Click a card to see the detail popover.
Open page →Animated 5-step stepper, tuition table, FAQ, document checklist and tour booking — the whole enrollment journey in one page.
Open page →Student life bento grid, achievements, global reach map (14 countries), Ottawa campus, blog teaser, and the contact form — one scrollable story.
Open page →This prototype establishes the visual language — type, palette, component vocabulary — so we can validate direction before committing to the full 15+ page Frappe build.
#12264a + gold #c99b3c warmed with a cream/paper neutral. Use the Tweaks panel (top-right on each page) to dial navy intensity & gold warmth.