A fast, fully bilingual website for a children's language school — online and in-person lessons built mobile-first for parents, with a self-service admin dashboard so the school can manage every course, teacher, and review without touching code.
A modern, calm, mobile-first website for a children's language school offering both online and in-person lessons. Built for a parent audience that browses almost entirely on phones, the site presents courses, teachers, and real parent reviews in a friendly, trustworthy design inspired by Apple and leading education platforms.
The project is fully bilingual from the ground up — every page, course, and teacher profile exists in two languages — and is architected so a third language can be added later by dropping in a single translation file. Behind the public site sits a complete self-service admin dashboard that lets the school manage all of its content (courses, teachers, reviews, site settings, and incoming enquiries) with no developer involvement.
Small education businesses usually face two bad options: a cheap template that looks generic and can't grow, or a custom site they can never update themselves without paying a developer for every small change. On top of that, most builders treat a second language as an afterthought — resulting in half-translated pages and duplicated content that drifts out of sync.
The goal was a site that feels premium and reassuring to parents, loads instantly on a mid-range phone, works flawlessly in two languages, and — crucially — can be run day-to-day entirely by a non-technical owner. Every course launch, teacher change, new review, and enquiry had to be manageable from a simple dashboard, safely and instantly.
True bilingual content, not bolted-on translation: The site needed two languages treated as first-class, not a plugin patched on top.
Solution: localized routing with a default-language redirect, all interface copy centralized in per-language message files (nothing hardcoded), and a bilingual data model where each course and teacher stores both language versions in one record — keeping translations aligned and impossible to lose. The architecture supports adding a third language with zero structural changes.
Non-technical owner, full control: The school needed to manage everything without ever touching code.
Solution: a protected admin dashboard with full create/edit/delete for courses, teachers, and reviews, editable site settings and social links, plus a live view of contact enquiries and job applications. Saving any change instantly refreshes the public pages.
Security of a content platform with public forms: Public forms and a database are a magnet for spam and abuse.
Solution: row-level security on every database table and storage bucket, all writes forced through server-side routes (the browser can never write to the database directly), server-verified admin authentication, and honeypot fields plus rate-limiting on every form. The admin's privileged keys stay strictly server-side.
Speed on real phones: Parents browse on average hardware and patchy mobile networks.
Solution: statically generated public pages, next-gen image formats (WebP/AVIF) with responsive sizing, client-side image compression on upload, and cache-warming so photos appear the instant a page loads rather than lagging behind the text.
Polish across devices and browsers: Subtle rendering bugs on mobile Safari (muddy gradients, first-paint artifacts) can quietly cheapen a premium design.
Solution: device-accurate testing and targeted fixes so the soft pastel look renders identically across iOS and Android.
Delivered a fully bilingual platform where every public page, course, and teacher profile is available in two languages, architected to add a third language with no rework.
Built a complete self-service admin dashboard that lets a non-technical owner manage all content and enquiries independently, with public pages updating instantly on save.
Implemented defense-in-depth security: row-level database access control, server-only write paths, verified admin authentication, and spam-resistant forms.
Achieved fast, static-first performance tuned for mid-range phones, with an image pipeline (compression, next-gen formats, cache warming) that keeps photo-heavy pages feeling instant.
Met accessibility standards throughout — keyboard navigation, visible focus states, WCAG AA contrast on a soft pastel palette, and full reduced-motion support.
Fully Bilingual: Every page, course, and teacher profile exists in two languages, with clean localized URLs and instant language switching. Built to scale to more languages.
Self-Service Admin Dashboard: Secure, single-owner login with full control over courses, teachers, reviews, site settings, and social links — plus a live inbox of contact enquiries and job applications.
Courses & Teachers: Rich course listings with age ranges and online/in-person options, and individual teacher profile pages, all editable from the dashboard.
Parent Reviews: Real, moderated reviews presented in a friendly carousel to build trust with prospective families.
Smart, Secure Forms: Contact and careers forms with loading, success, and error feedback, honeypot and rate-limiting protection, and email notifications to the owner.
Mobile-First, Premium Design: A calm, expensive-feeling pastel interface with soft shadows, rounded shapes, and gentle motion — designed for parents on phones and respectful of reduced-motion preferences.
Instant Updates: Any change in the dashboard revalidates and refreshes the live site immediately — no rebuilds, no developer needed.
Accessible by Default: Skip-to-content, logical heading structure, alt text, ARIA labels, keyboard navigation, and WCAG AA contrast throughout.
