12 small school website patterns that actually work (with examples)
Twelve specific design and content patterns we love on small K–8 and preschool websites. What each does, why it works, and how to copy it for your own site. With a built example you can click through.
Most "best school website examples" roundups show you 30 elaborate $50,000 sites for big private schools and call it a day. None of those are useful if you're a 120-student K–8 with a $2K budget.
This post is different. Every pattern below works at small-school scale. Most cost nothing extra to implement. The worked example throughout is Cedarbrook, a fictional K–8 site we built end-to-end as a portfolio piece — you can click through it and see how each pattern actually lands.
1. A homepage that answers "what is this place?" in 5 seconds
The first thing on the page should tell a stranger the school's age range, location, and approach. Not "welcome to our community." A specific sentence.
Good: "Cedarbrook is a small independent K–8 in north Seattle. Project-based, mixed-age, 12 kids per pod."
Bad: "Welcome to Cedarbrook, where every child can thrive."
Why it works: prospective parents are doing fast comparison shopping. They land on 8 school sites in an evening. The sites that don't immediately tell them what kind of school it is get closed first.
2. Video hero on the homepage — but only if you actually have footage
A 6–15 second silent background video of a classroom, kids on the playground, a teacher reading aloud. Plays under the hero text. Loops.
Why it works: a video of real kids in your real space is the single highest trust signal a school site can have. Stock video is worse than no video — parents can tell instantly.
Skip this pattern if you don't have releases for video of identifiable kids. A still photo collage works as a fallback.
3. Tuition published as a real number, on its own page, in the navigation
Not "contact us for tuition." Not buried in a PDF. The number, on a page called "Tuition," linked from the main nav.
Why it works: families filter by budget. Hiding tuition doesn't keep budget-conscious families out — it keeps everyone out, because the ones who can afford you also assume you're hiding it for a reason. Publishing the number is the single highest-impact filter on your admissions funnel.
Most independent K–8s land between $14,000 and $28,000. Co-op preschools between $1,800 and $9,000. There's no competitive advantage to hiding it.
4. Admissions page structured as a timeline, not a list
Bad: "Submit application. Schedule tour. Receive decision. Enroll."
Good: a visual timeline with specific dates. "Tour visits: October–December. Applications open: November 1. Application deadline: January 15. Decisions: March 1. Enrollment contracts: March 1–15."
Why it works: families need to slot your school into the rest of their year. A timeline does that. A list doesn't.
5. Faculty page with photos and one specific sentence per person
Skip the long bios on the main faculty grid. Photo, name, role, one specific thing. ("Annie has been teaching K–2 since 2008. She runs the Friday baking program.")
Click-through to a full bio if a family wants more.
Why it works: faces and specific concrete details build trust faster than résumés. A parent skimming for "are these people the kind who'll know my kid" gets the answer in 30 seconds.
We build every pattern on this list into every site.
Most of them aren't expensive — they're just rarely paired together. We package the full set as part of our $79/month plan. Click through Cedarbrook to see how it looks assembled.
See Cedarbrook →6. Tour signup as a button, not a "contact us about a tour" sentence
The button goes to a short form: name, child's age, preferred date, optional question. Calendly works. A Squarespace form works. Anything more friction than two clicks is too much.
Why it works: tour signups are the single most predictive funnel step for K–8 admissions. Removing every friction point in the tour funnel is the highest-ROI move you can make on a school website.
7. Real photos. Of real kids. With releases on file.
The opposite of stock photos. Faces. Activities. The space.
The bar is "could this photo only exist at your school." If a parent could imagine the same photo at any other school, replace it.
Why it works: families pick small schools for the texture. Stock photos signal a corporate operation. Specific, unposed, slightly imperfect photos signal a real place.
8. A history page that names people
"Cedarbrook was founded in 1998 by Annie and Mark — two former public-school teachers who wanted smaller classes and more outdoor time."
Not "founded with a vision of progressive education."
Why it works: schools are the most personal product a family buys. The story of where the school came from matters. Founders matter. Specific origin stories matter.
9. A "day in the life" or "sample week" section under each grade pod
Don't just say "K–2 follows a project-based curriculum." Show what Tuesday morning looks like. 8:45 circle. 9:15 reading. 10:00 outside. 10:45 math stations. Lunch. Etc.
Why it works: parents picturing their kid's actual day make decisions faster than parents reading philosophy statements. The day is the product.
10. Testimonials with specific outcomes, not adjectives
Bad: "Cedarbrook is an amazing community."
Good: "Our daughter Eliza joined Cedarbrook in 4th grade. By the end of 6th, she'd organized a fundraiser for the local food bank entirely on her own. That's the school in one anecdote." — Sarah, parent
Why it works: specific outcomes are sticky. Adjectives are forgotten by the next paragraph.
11. A genuinely useful FAQ that answers the questions you actually get
"Do you have aftercare?" "What's your school day length?" "How do you handle screens?" "What's your approach to standardized testing?" "Is there homework?"
The list comes from your registrar's inbox. Whatever they answer 10 times a month gets a FAQ entry.
Why it works: cuts your registrar's email volume by 30–50%, and the FAQ ranks in Google for the exact long-tail questions families ask.
12. Mobile-first nav with a sticky CTA
On a phone, the navigation should be a hamburger that opens cleanly. The "Schedule a tour" button stays visible as you scroll. Either pinned to the top or floating bottom-right.
Why it works: over 60% of school site traffic is on phones. A parent reading on the bus shouldn't have to scroll back to the top to find the tour signup. The whole page should funnel to one button.
The pattern behind the patterns
If you re-read the list, every pattern is doing the same thing: removing friction between a curious parent and the next step. Tour signup as a button. Tuition as a number. Faculty as photos. Schedule as a timeline. Testimonials as specifics.
Big-school sites have these patterns too. They cost $30,000 because the agency has account managers. The patterns themselves are free.
How to use this list this week
- Open your current school website. Count how many of the 12 patterns it has.
- Pick the top 3 you're missing. Add them in this order: tuition page, tour signup button, real photos.
- Set a recurring quarterly calendar reminder to re-score.
You don't need a rebuild to do any of this. You need someone to spend a Saturday actually doing it.
Want us to score your site against all 12 patterns?
Send us your URL. We'll come back within 48 hours with which patterns you have, which you're missing, and the order to add them. Free, whether you hire us or not.
Get your score →