Kasatelnaya: Landingpage einer Online-Mathematikschule mit Anmeldung zur Probestunde
Ein Demoprojekt: die Landingpage einer Online-Schule für die Klassen 7–11 – Kurse zur Prüfungsvorbereitung, Lehrkräfte, ein Muster-Fortschrittsbericht für Eltern, Preise, FAQ und ein funktionierendes Anmeldeformular mit Kurs, Tag und Uhrzeit.
- 100
- Lighthouse, Desktop
- 7 KB
- JavaScript, gzip
- 0
- axe-core-Verstöße
Die Aufgabe
Eine Landingpage zeigen, die das Angebot in einer Minute erklärt und zur Anmeldung führt – ohne Vorlagen, Stockfotos oder erfundene Bewertungen.
Meine Umsetzung
- Interaktiver Graph von f(x) = sin x + x/3: Die Tangente folgt dem Cursor und berechnet ihre Gleichung neu
- Anmeldeformular: Kurs → Tag → Uhrzeit → Kontaktdaten, Eingabemaske für die Telefonnummer, Feldvalidierung, Einwilligung
- Ohne Frameworks: Die ganze Website hat gzip-komprimiert 117 KB, das JavaScript 7 KB
- Barrierefreiheit: null axe-core-Verstöße bei 1440 und 390 px Breite
Nachweis
- Lighthouse 12.8, Desktop: 100 / 100 / 100 / 100; Mobil: 99 / 100 / 100 / 100 (lokaler Server ohne gzip)
- Die Live-Demo öffnet sich über den Link oben
Womit Sie mich außerdem beauftragen können
- Eine Landingpage für eine Dienstleistung oder einen Kurs, mit Buchungsformular
- Eine Katalog-Website: Arbeiten oder Produkte nach Rubriken, jeweils mit eigener Seite und Bestellformular
- Eine von jemand anderem begonnene Website fertigstellen oder neu aufbauen
- Formulare einer WordPress-, Tilda- oder Bitrix-Website mit CRM und Telegram verbinden
- HTML-E-Mail-Vorlagen für CRM-Mailings
- Eine Website beschleunigen, die mobile Version reparieren, ein SEO-Audit durchführen