PIXEL PULSE DIGITALTHE DIGITAL HEARTBEAT ← All Resources

Riverside Square Academy: an 11-Page Website for a Two-Campus School

Published

Client details

Client
Riverside Square Academy
Sector
Education (school with two campuses)
Location
Gauteng, South Africa
What we did
UI/UX design and front-end build, Page structure using the school's own copy, Photo processing, SEO metadata and structured data, Admissions form with reCAPTCHA, POPIA cookie banner, Netlify deployment, Print QR codes, Automated testing and handover documentation
Built with
HTML, CSS, JavaScript, Python build scripts, Netlify Forms, reCAPTCHA, Netlify
Timeline
Quotation issued 15 September 2026; production release on 9 October 2026
Status
Live

Key takeaways

  • Riverside Square Academy needed a complete website for a Day Care Campus and a Grade R to Grade 7 campus.
  • We delivered 11 responsive pages in the school's own colours and wording, including a per-campus fee calculator and a school calendar.
  • The admissions form sends each enquiry to the school's inbox through Netlify Forms, with reCAPTCHA spam protection and an inline thank-you message.
  • The site is plain HTML with self-hosted fonts and compressed WebP photos, and third-party content loads only after cookie consent.
  • An automated suite of 1,424 checks passed at release, and the school received a full handover pack.

The brief: a complete website for a two-campus school

Riverside Square Academy is a school in Gauteng that runs two campuses: a Day Care Campus for babies, toddlers, playschool and Grade RR, and a primary campus for Grade R to Grade 7. It asked Pixel Pulse Digital for a complete custom website with a multi-page layout, mobile optimisation, speed tuning, SEO, security and spam protection, and a full handover.

11 pages in the school's own voice and colours

We delivered 11 pages: Home, About, Campus 1, Campus 2, Academics, Admissions, Fees, Calendar, Contact, Privacy Policy, and Terms and Conditions. The school's own Vision and Mission copy is used word for word, and the design uses the school's own navy, espresso, crimson and gold with bold Anton headings. Pixel Pulse appears only as a small credit in the footer.

A fee calculator, calendar and campus showcases

Parents can estimate annual fees with a calculator for each campus alongside the fee tables, check a colour-coded school calendar, and browse an eight-photo showcase on each campus page with a full-screen image viewer. The layout is responsive, so every page works on phones, tablets and desktops.

Enquiries go straight to the school's inbox

The admissions enquiry form posts in the background to Netlify Forms, with a hidden honeypot field and reCAPTCHA to block spam. Netlify emails each enquiry to the school, and the parent sees an inline thank-you message. Early versions opened the visitor's own mail app, which we replaced after testing. If a send ever fails, the form now shows the school's contact details instead of an empty draft.

Light, fast and privacy-aware

The site is plain HTML, one stylesheet and one JavaScript file, with no framework and no server code to maintain. Python build scripts generate the campus pages, header and footer, metadata and calendar. Fonts are self-hosted, and photographs are compressed WebP images held to strict size limits in fixed-shape slots, with a script that stops the build if two slots share a photo and an audit that checks no head is cut off. Facebook posts and reCAPTCHA load only after the visitor accepts the cookie banner, and the Privacy Policy explains this.

Tested and handed over

At release on 9 October 2026 an automated suite of 1,424 checks passed with no failures. We also checked the header at nine desktop widths plus phone and tablet widths, the footer at four widths, and audited hero text contrast against every video frame and photo slide. The school received a handover pack with a README, deployment guide, form-routing guide, domain runbook, QA report, build-script index and the production files.

Where it stands

The site is live at riversideacademy.co.za, and all 11 pages were checked and serving the release build on 4 November 2026.

Need something like this built? Talk to Pixel Pulse Digital

We build the automations, sites, and compliance systems we write about. Tell us what you're working on.

Chat to us on WhatsApp

More from the Pixel Pulse Digital Resource Hub