School Website Design: Websites for K-12 Schools, Private Schools, Districts and Colleges

Updated September 2026 · Written and maintained by the Progression Agency strategy team

Progression Agency provides school website design for public and private K-12 schools, independent and faith-based schools, school districts, charter networks, community colleges and universities across the United States and worldwide: an admissions path that turns a curious family into a scheduled visit, a calendar and news system the front office can run without a developer, accessibility that meets the WCAG 2.1 AA standard now required of public schools, and integrations with the student information, enrollment and communication systems the school already pays for.

What school website design is, and who it is for

School website design is the planning, design and build of a website for an educational institution: a single K-12 school, a private or independent school, a district with a dozen campuses, a charter management organization, a community college or a university department. The visitors are prospective families and students, current families, staff, alumni, donors, job applicants, board members and, for public schools, taxpayers and journalists looking for board minutes and budgets. Each of those visitors arrives with a task, and a school website is judged by how fast it completes that task, not by the size of the hero photo.

The design problem is that a school is simultaneously a marketing organization (it competes for enrollment), a public service (it publishes notices, policies and accessibility-critical information) and a daily utility (calendars, menus, forms, portals). We separate those three roles in the information architecture and then unify them with one design system, so an admissions page and a lunch-menu page look like they belong to the same school while doing very different jobs. For the search and AI-answer side, see AEO for schools and education marketing; this page is about the site itself.

What a school website must contain

The checklist below is what we build against for every school project. Public schools and districts have legal obligations that private schools do not, and independent schools have an admissions funnel that public schools mostly lack, so the emphasis shifts by school type even though the sections stay the same.

Admissions is the marketing site inside the school site

For a private or independent school, the admissions section is where enrollment is won, and it should be written and designed like a conversion path: who the school is for, what a day looks like, what graduates do, what it costs and what aid is available, and a single next step (inquire, visit, apply) repeated on every page. Tuition should be published in dollars, not hidden behind a form; families who cannot find it assume the worst and leave. Public schools use the same section for enrollment and school choice: boundaries, registration steps, required documents and the registration deadline.

The calendar is the most used page on the site

On most school websites the calendar receives more visits than the home page, and it is usually the worst page: a wall of events with no filters, no feed, and dates entered by five people in five formats. We build one master calendar with categories for each school, division, team and activity, subscription feeds so families can add it to their phone calendars, and a simple entry form for staff. When a calendar comes from a student information system or an athletics scheduler, we sync it rather than retype it.

Accessibility is a legal requirement for public schools

The ADA Title II web accessibility rule published by the Department of Justice in 2024 requires state and local government entities, including public school districts and public colleges, to make web content conform to WCAG 2.1 Level AA, with compliance dates in 2026 and 2027 depending on population. Private schools face similar expectations under Title III and Section 504 when they receive federal funds. We design and test every school site against WCAG 2.1 AA (color contrast, keyboard navigation, captions, document accessibility, form labels) and hand over an accessibility statement and a document-remediation process for the PDFs the office will keep publishing. Our ADA compliant website design page explains the standard in detail.

Emergency and closure notices

A school website needs an alert layer that the front office can turn on from a phone in thirty seconds: a banner on every page, an optional takeover for major emergencies, and a push to the notification system. We build it as a single field in the CMS with a start and end time, so a snow-day notice does not linger into the following week.

Pages and structure we build for schools and districts

Platform choices for school websites

Schools have a genuine choice between education-specific platforms and a custom build. Finalsite, Blackbaud’s School Website System and Apptegy are built for schools and bundle calendars, directories, alerts and multi-site management; they charge an annual subscription and constrain design to their templates. A custom WordPress multisite gives a district the same shared layers with full design freedom, no per-school subscription, and a much larger pool of developers, at the cost of building those layers once. Webflow suits a single small independent school with a design-led brand and a modest calendar. Compare the general trade-offs in best CMS platforms and Webflow vs WordPress.

Integrations that make a school website useful

Single sign-on and portal links

Families do not want to remember which system holds grades, which holds lunch balances and which holds the bus route. A school website should present one Families page with every portal, labeled by what it does rather than by vendor name, and where the district runs Clever or ClassLink we link to the launchpad so a single login opens everything.

SEO and AI search for schools

School search demand is local and comparative: “private schools near me”, “[town] elementary school”, “best middle schools in [county]”, “[school name] calendar”, “[school name] tuition”. Half of it is branded and navigational, which is why the calendar, directory, tuition and lunch-menu pages must be indexable and fast. The other half is comparative, and it is answered by review sites and AI assistants that read whatever the school has published. A school that states its tuition, class sizes, programs, accreditation and outcomes in plain text on its own site gets quoted accurately; one that hides them gets described by someone else. We mark each school up with School or EducationalOrganization structured data, each event with Event data, and each campus with its own address and hours.

What families ask AI assistants about schools

• “How much does [school] cost and is financial aid available?”: answered by a tuition page with real numbers and aid ranges.
• “What is the student-teacher ratio at [school]?”: answered by a facts page that states it and the year it was measured.
• “Does [school] offer [program]?”: answered by one page per signature program, not a bulleted list on the academics page.
• “When does [school] start and what are the holidays?”: answered by an indexable calendar with a printable year-at-a-glance.
• “Is [school] accredited and by whom?”: answered by an accreditation page that names the body and the year of the last review.
• “How do I enroll at [district]?”: answered by an enrollment page with steps, documents and deadlines, in every language the community speaks.

Multilingual pages for the communities the school serves

Many districts serve families whose first language is not English, and a machine-translation widget is not the same as a translated enrollment page. We build the core pages (enrollment, calendar, alerts, transportation, meals) as real translated pages with hreflang, and use a translation layer for the long tail. Our multilingual website design page covers the mechanics.

How we design and build a school website

The sequence below is built around the school year: discovery in the spring or early summer, launch before the first day of school, and the admissions season as the first full test.

1. Discovery: enrollment goals, the audiences and their top tasks, the systems in place (SIS, enrollment, communication, athletics), governance and who publishes what.
2. Content audit: every page on the current site, its traffic, its owner and whether it survives, with a document inventory for accessibility remediation.
3. Structure: sitemap for each audience, the shared calendar, news, directory and alert layers, and the district-to-school relationship if there are several campuses.
4. Design: a design system from the school’s brand with templates for admissions, academics, news, events, directory and portal pages, tested for WCAG 2.1 AA.
5. Build: WordPress multisite or the chosen platform, shared layers, integrations with the SIS and communication tools, forms, alerts and structured data.
6. Content: admissions and program pages written or edited with the school, calendar and directory imported, documents remediated or replaced with pages.
7. Training and launch: role-based training for the front office, communications and athletics staff; redirect map; accessibility and performance checks.
8. After launch: monthly reviews of admissions inquiries, accessibility scans and calendar health, plus new pages for programs and campaigns.

What school website design costs

Planning figures for US schools, driven by the number of schools sharing the platform, the integrations, the size of the content migration and the amount of document remediation. Our website development cost guide shows what sits inside each line.

School website design by institution type

Public elementary, middle and high schools

One school inside a district site. The school page set needs its own identity within the district design system: principal’s welcome, bell schedule, staff directory, calendar filtered to that school, athletics and clubs, and the enrollment path back to the district. The most valuable work is usually the calendar and the alert layer.

School districts and charter networks

A parent site and one child site per school, sharing news, calendar, directory and alerts. Governance matters as much as design: who can publish district-wide, who can publish per school, and how board documents, budgets and policies are kept current and searchable. Translation of enrollment and safety pages is often required by the community, and accessibility is required by law.

Private and independent schools

Admissions is the product. The site needs an inquiry-to-enrollment path with tuition and aid stated plainly, a visit scheduler, program pages that show outcomes, faculty profiles, and giving and alumni sections tied to the fundraising database. Design quality signals the school’s standard, so photography and typography are budgeted, not borrowed.

Faith-based and parochial schools

The admissions and academics structure of an independent school plus parish or diocesan relationships, service and formation programs, and often a shared brand with the sponsoring institution. Tuition assistance and scholarship pages carry more weight here than anywhere else.

Community colleges and universities

Programs are the unit of the site: one page per degree or certificate with requirements, cost, outcomes and how to apply, plus admissions by student type (first-year, transfer, adult, international), a catalog, and department sites governed by a shared design system. Search is national for programs and local for the campus; see higher education SEO.

Preschools, micro-schools and learning centers

A short site: philosophy, ages and hours, tuition, a tour request and a waitlist. A builder template configured well and kept accessible is the right answer at this size, with a path to a custom build if the school adds campuses.

What to gather before a school website project starts

• Brand assets: logo files, colors, typography, mascot art and any brand guidelines.
• Enrollment numbers, class sizes, ratios, accreditation and the year each fact was last verified.
• Tuition and fees by grade or program, aid ranges and the application deadlines for the coming cycle.
• The list of systems in use: SIS, enrollment, communication, athletics scheduler, fundraising, LMS and single sign-on.
• A staff directory export with the fields the school allows to be published.
• The current calendar in a feed or export, with the categories families actually use.
• Photography rights: which students have media releases on file, and a plan for a new shoot.
• Policies, handbooks, board documents and every PDF currently linked from the site, with an owner for each.
• Translation needs by language and the pages that must be translated rather than machine-rendered.
• The people who will publish after launch, by role, and the approval path for public notices.

Measuring a school website after launch

• Inquiries, visit requests and applications started, by source and by program page.
• Calendar subscriptions and calendar page visits, which show whether families trust it.
• Search rankings and AI-assistant answers for the school’s name plus tuition, calendar, enrollment and program terms.
• Accessibility scan results each month and the number of inaccessible documents remaining.
• Alert usage: how quickly a closure notice was posted and how many people saw it.
• Directory searches and the emails or calls they produce.
• Careers page visits and applications by role.
• Page speed on phones for the calendar, news and portal pages, which are used most on mobile.

Mistakes that cost schools enrollment and trust

• Tuition hidden behind an inquiry form, so families assume it is unaffordable and never inquire.
• A calendar entered by hand in five formats with no subscription feed, so families stop trusting it.
• Handbooks, menus and forms published only as scanned PDFs that fail accessibility and search.
• A directory that lists staff by title only, with no search, so families call the front office.
• Portal links buried in a menu labeled by vendor name rather than by task.
• An alert system that requires a developer, so closure notices go out on social media and not the site.
• Photos without media releases, or stock photos of students who do not attend the school.
• Redesigning without a redirect map, dropping the rankings the old program pages had earned.
• Launching in the middle of admissions season, when staff have no time to learn the new CMS.

Template, education platform or agency: which fits your school

How Progression Agency builds school websites

We design and build school websites from New York City for schools, districts and colleges across the United States and worldwide: WordPress multisite platforms and education-platform implementations, admissions funnels written with the school, SIS and communication integrations, WCAG 2.1 AA accessibility, and the education marketing and maintenance that follow. Related: online course website design, nonprofit website design, community website design and website design and development.

Frequently asked questions