Lessons by day. Records by night.

A music school changes staff. Teachers, instruments and the school’s own facts are held in one place, and everything else is built from them: the roster, the navigation, each instrument page, and the machine-readable facts search engines read. Adding a teacher updates every one of those at once, so no page is ever left advertising someone who left, and nothing has to be remembered.

• One place to edit, every page updates
• A new teacher or instrument is a single entry
• Navigation and search data generated, not maintained
• The published facts cannot drift from the page

One booking page handles five different requests — a trial lesson, studio time, a teaching application, band camp, and general contact — and arrives already knowing which instrument or teacher the visitor clicked, so nobody re-types what they just chose. Spam is screened out silently, and a message is never dropped without the school knowing. We tested it end to end against the live site rather than assuming.

• Five kinds of request, one page to maintain
• Instrument and teacher carried through automatically
• Spam screened out with no captcha for real people
• Verified end to end on the live site before launch

The old site published nothing a search engine could read beyond words on a page. It now states, in the form Google and the AI assistants read directly, that this is a music school in Santa Barbara, what it teaches, who teaches it and what each programme is. All of it is generated from the visible page, including the answers in the FAQ, so what a machine quotes is exactly what a parent reads.

• Identified as a local music school, not a generic page
• Every teacher and programme described in machine-readable form
• FAQ answers generated from the copy on the page
• AI assistants explicitly allowed to read the site

The ticket printer, the video wall and the teacher cards each needed art direction that an off-the-shelf theme would have flattened into the same three rounded boxes every other school site uses. So the styling was written for this school rather than configured from a template, which is the difference between a site that looks like Detar and a site that looks like a category.

• Written for this school, not adapted from a theme
• Every page built ahead of time, so it opens fast
• Typefaces served from the site itself, with no flash of fallback
• A change goes live by publishing it, with no build to babysit

The old Squarespace site listed a previous address. We treat every fact that reaches structured data as quotable-verbatim by an answer engine — so the founding year and the map coordinates are simply left out until the client confirms them, rather than guessed to fill a field.

The studio may never create mailboxes on its own domain, so a published address would have been both a dead end and a magnet for scrapers. Every route to the business is a form instead, and where those messages actually land is held on the server rather than printed on the page, so the destination can change without the site changing.

The homepage centrepiece went through three fully built concepts, compared as working pages on real screens rather than as pictures in a slide. Choosing between things that actually run is how you find out that the idea which looked best in a mockup is the one that feels wrong to use, and the alternatives stayed on file so the next round starts from evidence rather than memory.

The enquiry payload is already shaped to the lead model used by QuarterNote, our music-lesson marketplace — so if Detar ever wants online booking, payments, and AI lesson recaps, the plumbing points the right way from day one.