A school website that reflects identity and scales with content.
100%Mobile usability (+28 pts)
3×Editor speed (Faster updates)
+42%Parent findability (Key pages reached)
1.8sPage load (-35%)
Project visuals
Screenshots from the build in a bento grid. Tap a tile to highlight it.
Homepage hero with school crest
The challenge
The school needed a digital presence that communicated its values clearly while remaining easy for non-technical staff to update. Generic templates would not capture Donhead's identity or support the variety of content types: news, programs, admissions, and community updates.
Rigid templates
Off-the-shelf themes could not reflect the school's tone or structure.
Editor burden
Staff needed flexible layouts without developer involvement for every update.
Mobile parents
Families browse on phones, so navigation and readability had to work on small screens.
How we approached it
- Content architecture. Mapped page types, entry structures, and reusable blocks in Craft CMS so editors can assemble pages from modular components.
- Responsive front-end. Built a clean, accessible layout with typography and spacing tuned for readability across desktop, tablet, and mobile.
- Performance pass. Optimized asset delivery and page weight so key pages load quickly on school networks and mobile data.
Key deliverables
Modular content blocks
- Flexible page sections
- Reusable components
- Editor-friendly fields
School-focused UX
- Clear navigation for parents
- Program highlights
- Accessible typography
Outcomes
On-brand presenceA site that reflects Donhead's identity instead of a generic school template.
Editor independenceStaff can update content through Craft without waiting on a developer.
Mobile-readyParents and students get a seamless experience on any device.
Scalable foundationModular architecture supports new sections and content as the school grows.
Stack and tools
Craft CMSTwigResponsive CSSContent modelingPerformance optimization