Shopify accessibility + navigation redesign
Fairhaven Estate
An accessibility pass and a hero and navigation redesign for an estate jewellery storefront on Shopify.
Under NDA
The client's name, site, and results are confidential under a non-disclosure agreement. “Fairhaven Estate” is a project codename, not the client's real brand. This page describes what we built.
The Brief
An estate jewellery retailer needed two things at once: an accessibility pass on its existing storefront, and a hero and navigation redesign, because collections were buried behind extra clicks.
The Approach
- 01Treat accessibility as a structural fix (contrast, keyboard navigation, markup) rather than a bolt-on overlay widget.
- 02Surface top collections directly from the homepage instead of hiding them behind a menu drill-down.
- 03Ship the hero redesign as its own phase so its effect can be judged separately from the accessibility work.
What We Built
- Accessibility remediation across every template: contrast, focus states, and semantic markup.
- Navigation rebuilt to expose top collections from the first screen.
- New hero section designed and shipped as a distinct phase.
The Result
A faster, clearer path into the catalogue from the homepage, on a storefront that is more accessible by default.
Platform
Shopify
Stack & Tags
The method
that ships.
Structured enough to deliver. Flexible enough to fit you.
/ 01
Discover
We learn your business, audience, and goals inside out. No assumptions. Just clarity on what success looks like for you.
/ 02
Design
Wireframes and high-fidelity designs built for clarity and conversion, reviewed and refined before a line of code is written.
/ 03
Build
Clean, fast, pixel-perfect code. We build in sprints with regular check-ins so you are never in the dark.
/ 04
Ship
Deployment, QA, and ongoing support so you grow confidently after go-live.