Go back

Balancing UX for students and parents – at scale.

overview
Challenge
process
outcome

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.

More Projects

Startmate
Website Design
Hype Man Media
Website Design
Emcorp
Branding
Emcorp
Website Design
Crimson Education
Social Media Management
Managed
Product Design
Chirp
Website Design
Managed
Branding
Crimson Education
Branding
Crimson Education
Website Design