This website
Magnetic Island Web Design
The site you're on, built to the same standard I'd build yours to: fast, accessible, private by default, and tested rather than assumed.
The site you're reading now. Designed, built, tested and deployed by me.
- Project
- You're viewing it now
- Sector
- Independent web design studio
- Disciplines
- Brand & visual design
- Conversion-focused copywriting
- Next.js engineering
- Accessibility
- Privacy engineering
- Automated testing
- Live site
- You're viewing it now.
The brief
What the site had to do.
A web designer's own site has to do two jobs at once. It has to sell the service in plain English to a business owner who isn't technical, and it has to stand up as evidence to anyone who looks closely at how it's built. Most studio sites do one and quietly fail the other.
Approach
How it was designed and built.
- 01
Written for the person reading it, not for other designers
Services are described by the business problem they solve. No jargon in the customer-facing copy, no fake urgency, and no claims the business can't back up. That means no invented client count, no awards, and no testimonial wall until there are real ones.
- 02
Statically rendered, with server-side form handling
Pages are generated ahead of time so they arrive fast on mobile data. The enquiry form is a server action with schema validation, a payload ceiling and rate limiting. If email delivery isn't configured it refuses the submission and says so, rather than faking a thank-you.
- 03
Privacy as an architectural decision, not a banner
No analytics, no advertising pixels, no session recording, no third-party embeds, and self-hosted fonts. The result sets no cookies and writes nothing to browser storage. That is why there is no cookie banner, and why the Cookie Policy can describe what actually happens.
- 04
Accessibility and motion built in, then verified
Semantic landmarks, real form labels, visible focus, and colour contrast checked against the maths rather than by eye. Every animation is CSS and fully disabled under reduced-motion. The site has to read identically with motion off, and a test asserts that it does.
The site
A closer look.
Screenshots of the live site at magneticwebdesign.site, captured at desktop and phone widths.
- magneticwebdesign.site
Interactive concepts - magneticwebdesign.site
The work listing - magneticwebdesign.site
Request a quote 
Services on a phone
The result
What the finished site does.
These are observable qualities of the build. There are no traffic figures, conversion rates or revenue claims here, because publishing numbers I can't independently show you would be worth nothing to you.
- 01Statically rendered pages with a server-side enquiry pipeline
- 02No cookies, no browser storage and no third-party requests
- 03Reduced-motion support that is tested, not assumed
- 04Colour contrast verified against WCAG maths across the palette
- 05Security headers including a real Content Security Policy
- 06SEO architecture: per-page metadata, canonicals, sitemap and robots
Under the hood
Measured, not asserted.
It's easy to claim a site is fast and accessible. These are the figures for this one, and the commands that produce them are in the repository so they can be re-run.
- Lighthouse
100 / 100 / 100 / 100
Performance, accessibility, best practices and SEO on the desktop preset, measured across the home, services, capabilities and about pages.
- Mobile performance
93
Lighthouse mobile preset on the home page, with a cumulative layout shift of 0.
- Automated tests
145 unit · 518 end-to-end
All passing against a real production build, at four viewport widths: 1440, 768, 412 and 360 pixels.
- Third-party requests
0
No analytics, advertising pixels, embeds or externally hosted fonts. A test fails the build if one appears.
Lighthouse was run against a production build of this site; the test figures come from the suites in this repository. Last measured .
Want something built to this standard?
Tell me about your business and what you're trying to achieve. You'll hear back from me directly, and a clear quote if it makes sense.