Project Two
Placeholder. A brand and marketing site engineered for speed, accessibility and effortless editing.
A young studio needed a site that looked as considered as its work and that non-technical people could update. I designed the visual language and built the site, from the grid and typography to the motion.
The old site was heavy, hard to edit and failed basic accessibility checks. The brand also lacked a consistent look, so every page felt like a different company.
How it came together
Define the system
Started with type, colour and a strict grid so every page could be composed from the same small set of parts.
Design in motion
Prototyped scroll and hover behaviour early, keeping animation purposeful and fast on low-end devices.
Hand over editing
Connected a headless CMS with structured content models, so the team publishes without touching code.
Built to stay calm under load
A simplified view of the architecture: requests enter through a gateway, services stay independent and talk over events, and telemetry watches every layer.
What shipped
- Fluid layout that scales across screens
- Smooth scrolling and staged reveals
- Accessible by default (WCAG AA)
- CMS-driven pages and case studies
- Optimised images and fonts
- Built-in SEO and social previews
“It finally looks and feels like us, and updating it takes minutes instead of a developer ticket.”