
Balancing UX for students and parents – at scale.
Working closely with the Crimson team, Refract contributed to the redesign of key pages on their new online destination and the underlying component set – tightening responsiveness, adding purposeful motion and data visuals, and rebuilding forms to reduce friction and lift sign-ups. The result: a consistent, scalable web experience.
Crimson had a refreshed identity – shaped with Refract – and the website was the proving ground. Working shoulder to shoulder with Crimson’s in-house design, marketing and engineering teams, our shared brief was to implement the new brand end-to-end on key webpages. We needed to establish a cohesive component language the internal team could extend and ensure a fast, localised and fully responsive experience across regions.
- Multi-page redesign: Reworked Services and Events end-to-end, and refreshed the Home page with clearer hierarchies and scannable content blocks.
- Component library: Variants and usage guidance to keep type, spacing and states consistent site-wide and easy for the team to evolve.
- Responsive foundations: Breakpoint rules, layout fallbacks and asset discipline for a crisp, fast experience from mobile up.
- Form optimisation: Shorter paths, clearer microcopy, accessible validation and error states, reducing abandonment and increasing completio
- Motion and data visuals: Lightweight animations to guide attention, plus accessible charts/graphs that make outcomes and progress instantly readable.
Crimson’s new site delivers speed, structure and story in equal measure – rebuilt from the ground up for clarity and conversion. Streamlined forms, smart motion and a modular component system make it fast, scalable and beautifully consistent across markets.
The result – a user-centred experience that feels effortless on the surface yet powerful underneath, giving Crimson a global platform worthy of its reach.














