Animation should explain what changed. Practical rules for timing, easing and reduced motion.
Make it accessible
The brief was simple: make the work easy to find and hard to forget. The whole experience works with a keyboard and a screen reader.
Pages stay light, so they load quickly even on a patchy connection. The colour system has two themes and meets contrast guidelines in both.
Details that matter
Motion is used to explain changes of state, never to decorate. Images are served in modern formats at the size each screen needs.
Every page was designed on a strict grid, then loosened where the content asked for it. We tested each flow with real people before a single pixel was polished.
