Case study · Sovren
Sovren: the website that scores itself.
A new studio cannot lead with a famous portfolio. So we made our own website the first piece of proof, and tested it the way we will test yours.
Pre-launch results
Every check passed on every page.
Measured with automated browser tests we wrote for this project. Live Lighthouse, Core Web Vitals and security grades follow on launch day.
automated accessibility issues on 34 pages, desktop and phone
pages fully usable by keyboard alone, with visible focus
layout, tap or text issues in 204 phone and tablet checks
average compressed page weight, before fonts and images
What the tests found first
Testing changed the website.
79 → 0
Automated accessibility issues on the first run, mostly small grey labels just below the WCAG 2.2 AA contrast ratio and skipped heading levels. All fixed.
215 → 0
Phone and tablet issues on the first run, mostly small text and tightly spaced links. All fixed.
1 serious bug
Keyboard testing showed that content meant to stay hidden, such as inactive tabs, would have appeared on the live site. Fixed before launch.
0 trackers
No third-party tracking or advertising scripts. Analytics will be added at launch with consent where required.
How we tested
Accessibility
Every page at desktop and phone widths: color contrast to WCAG 2.2 AA, names for every link and button, labels for every form field, heading order, unique ids and page language.
Keyboard
A tab through every page: skip link first, visible focus on every element, menus that open with Enter and close with Escape, tabs that move with the arrow keys.
Devices
iPhone SE, iPhone 13, Pixel 7, Galaxy S9+, iPad Mini and iPad Pro 11: sideways scrolling, tap target size and minimum text size.
Forms and links
Validation and error messages, successful submission, pre-filled choices, and every internal link on the site.
The design system
Quiet by design, so the evidence leads.
One editorial serif, one precise sans-serif and a single brass accent. Every color pairing used for text passes WCAG 2.2 AA.
Display · Fraunces
A website your board can verify.
Text · Manrope
Clear, specific sentences written for the people who approve the decision. Short paragraphs. Real numbers. No jargon.