Website 2026
ESTEM Academy
ESTEM Academy offers live online KS3, GCSE and iGCSE tuition in Maths, Biology, Chemistry and Physics. I designed and built its website, from the subject explorer to a step-by-step sign-up that confirms every application by email.
- Role
- Website design and development
- Client project
- Platform
- Web
- Status
- Live
01 Overview
ESTEM Academy needed a website that feels welcoming to parents, explains its subjects and pricing clearly, and makes signing up simple.
02 The problem
The business originally took sign-ups through an external form, which felt disconnected from the brand and offered no guidance on choosing subjects, levels or plans.
03 Who it’s for
Parents of KS3, GCSE and iGCSE students looking for friendly, expert-led online tuition in Maths and the sciences.
04 My role
I designed and built the website — the brand direction, subject explorer, pricing, reviews, sign-up flow and the automated emails.
05 The solution
A warm, editorial design replaces the typical tech look. Parents explore subjects by level, compare plans and complete a guided five-step application with a live summary, then receive a branded confirmation email.
Guided application
Five steps — subjects and year, exam board and plan, preferences, contact details and review — with a live order summary.
Branded confirmation emails
Parents receive an HTML confirmation and the team gets a notification for every application.
Subject explorer
Maths, Biology, Chemistry and Physics topics for KS3, GCSE and iGCSE, shown one subject at a time.
Real reviews and easy contact
A carousel of genuine student and parent testimonials, and a WhatsApp button for a free consultation.
06 Key decisions
- a.
Parent-friendly, not techy
A warm cream palette and serif headings feel approachable to parents — deliberately different from a dark “tech startup” look.
- b.
Bring sign-up onto the site
Replacing the external form with a native, step-by-step flow keeps parents on-brand and guides them through each choice.
- c.
Claims that stay true
Copy avoids statements that would go out of date, so the site stays accurate without constant editing.
07 How it’s built
- SvelteKit
- A fast, server-rendered site with an API route that processes applications.
- Resend
- Sends branded HTML emails from the business’s own domain: a confirmation for parents and a notification for the team.
- A floating button that opens a pre-written message to book a free consultation.
- Google Analytics
- Shows which pages and calls to action bring in applications.
- Vercel
- Hosting and deployment.
Technologies
- SvelteKit
- Svelte 5
- TypeScript
- Tailwind CSS
- Resend
- Google Analytics
- Vercel
Working on something similar?
Need a website that makes signing up feel effortless?
Tell me what you’re planning. I’ll help you work out the right scope and approach.