Fallstudie · Auftragsarbeit — komplette Umsetzung
Auch der kleine Auftrag — komplett gedacht.
- Das Kontaktformular stellt jede Anfrage über ein eigenes kleines Backend per E-Mail zu — zuverlässig und sofort.
- Die Seite ist federleicht gebaut (~108 kB Skripte) und dadurch auf jedem Gerät schnell da.
- Strukturierte Daten und lokale Suchoptimierung machen den Betrieb in seiner Region auffindbar.
Was es ist
Nicht jedes Projekt braucht ein großes System. Diese Seite zeigt das andere Ende meiner Spannweite: ein klarer Auftritt für einen Mehrgewerk-Handwerksbetrieb — Leistungen, Ablauf, Vertrauen, Kontakt. Klein im Umfang, vollständig in der Ausführung.
Technik dahinter
- React + TypeScript
- Animationen mit Framer Motion
- Cloudflare (Hosting)
- eigenes Mail-Backend
Die Beweis-Stücke
Klein heißt nicht halbfertig.
Auch der überschaubare Auftrag bekommt das volle Programm: durchdachte Inhalte, ein sauberer Ablauf für Anfragen — und ein eigenes Backend dahinter, das jede Nachricht zuverlässig per E-Mail zustellt.
eigenes Kontakt-Backend mit Mailversand
Bewegung mit Maß.
Sanfte Übergänge und Tiefeneffekte beim Scrollen geben der Seite Wertigkeit, ohne sie schwer zu machen — Handwerk soll solide wirken, nicht verspielt.
Framer-Motion-Scroll-Reveals · Parallax
Schnell auf jedem Gerät.
Federleichte Technik, Vorab-Rendering für Suchmaschinen, saubere Kontraste und Bedienbarkeit — die Grundlagen, die über Sichtbarkeit und die Geduld der Besucher entscheiden.
~108 kB JS · Pre-Rendering · Barrierefreiheit geprüft
Dort auftauchen, wo Kunden suchen.
Strukturierte Daten und Orts-Optimierung sorgen dafür, dass der Betrieb bei Suchen aus der Region gefunden wird — von Google und zunehmend auch von KI-Assistenten.
Schema.org · lokale Geo-Optimierung
Mobil — echter Live-Stand