Handing a site to three editors without breaking it
A hand-coded site moved into a CMS so three non-technical editors could run it, with a custom testing harness to prove nothing changed in the move.
- Headline figure
- 3 non-technical editors the CMS and guide were built for
- Built with
- Astro, Keystatic CMS, React, Vercel
- Client
- Home-care agency, kept anonymous
The agency's copy was hardcoded into the site, so every change needed a developer. They wanted their own team to run it, without the site quietly changing underneath them.
Measured on the project. Nothing rounded up, nothing projected.
What I built
Nearly all the copy moved into a CMS built for the agency's three editors, with a plain-English editing guide.
Image folders isolated per page, so saving one page can never overwrite a photo another page uses.
A verification harness built for this migration: a pixel diff, a text diff and a structure diff comparing pages before and after. If the move changed anything a visitor could see, the harness said so.
Mockups with sample data. The way the system works is real.
- Sample data
01 / 02The copy moved into a CMS built for the three editors who run the site.
- Sample data
02 / 02The harness compared every page before and after the move: pixels, text and structure.
A CMS migration that looks fine is not the same as one that is proven fine. The harness is the difference.
Built with
- Astro
- Keystatic CMS
- React
- Vercel
- Pixel diff harness
The client is kept anonymous. Every number on this page was measured on the project. Photos are stock and screens are mockups with sample data.
