Web Developer, AI-Augmented

The problem

SafeSideline was pre-launch, with a working prototype and no website. Schools had to see what the app produces, a record of who knew the emergency plan and what was checked, before they would sign up for a pilot.

Design decisions

1. Three working design directions, cinematic, techy and school-friendly, built as real pages rather than mockups, so the client chose from the thing itself. She picked Cinematic.
2. One story down the page: the 90 seconds after an athlete goes down, the evidence chain that follows, then the record itself.
3. A fictional sample incident record you can print, with one item deliberately left unchecked, so it reads like a real record, misses and all. The client singled it out in her feedback.
4. Claims I couldn’t verify, such as interview counts and a funder’s name, were flagged and kept off the page.
5. Motion with a pause control and reduced-motion support, and every word still there without JavaScript.
6. A handover built for a non-developer: a 30-minute call with a slide agenda, the repository moved to her GitHub with me kept on as a collaborator, sign-ups emailed to her Gmail, and her domain connected.

Result

Live at safesideline.com since 16 October 2026, owned and run by the client. Her feedback on the review build called it “amazing” and asked for two copy fixes, both made.