Solay-Bau AG
Auftritt für eine Generalunternehmung für Bauen, Sanieren und Solar, mit scroll-gesteuertem Video-Hero und FAQ-Chatbot.
Eine Generalunternehmung für Bauen, Sanieren und Solar wollte sich abheben vom typischen Baufirmen-Auftritt aus Stock-Fotos und Leistungslisten.
Das Herzstück ist ein scroll-gesteuerter Video-Hero: Ein durchgehender Kameraflug wird als Frame-Sequenz auf ein Canvas gescrubbt. Die Scrollbewegung der Besucher steuert die Kamerafahrt. Umgesetzt mit GSAP ScrollTrigger, inklusive Fallbacks für Mobile und reduzierte Bewegung.
Dazu kommt ein FAQ-Chatbot, der die häufigsten Anfragen abfängt, bevor sie im Postfach landen.
Ablauf in 25 Schritten
Jedes Projekt läuft nach demselben Fahrplan: sechs Phasen, 25 Schritte, jeder dokumentiert. So sah er hier aus.
Start
Auftrag steht, alle wissen, was gilt
- Auftrag bestätigtOfferte für einen Premium-Auftritt mit Video-Hero unterschrieben, Start und Liefertermin fixiert.
- Kickoff-MeetingZiel in einem Satz: Anfragen für Bauen, Sanieren und Solar aus der Region; abheben vom üblichen Baufirmen-Auftritt.
- Unterlagen & ZugängeLogo, Referenzfotos, Leistungsbeschreibungen, Firmenangaben fürs Impressum und Zugang zur Domain eingeholt.
Konzept
Struktur, Design-Richtung, Inhalte
- Struktur & SitemapStruktur: Startseite, Bauen, Sanieren, Solar, Referenzen, Karriere, Kontakt; jede Seite mit Aufruf zur Projektanfrage.
- Design-RichtungKräftige, klare Richtung: ein durchgehender Kameraflug als Hero, darunter sachliche Leistungsseiten.
- Inhalte fertigstellenTexte je Leistung geschrieben und mit dem Kunden geschärft, Referenzbilder ausgewählt, häufige Fragen gesammelt.
Umsetzung
Bauen, zeigen, anpassen
- Entwurf StartseiteStartseite mit scroll-gesteuertem Video-Hero gebaut: Frame-Sequenz auf ein Canvas gescrubbt, Fallbacks für Mobile und reduzierte Bewegung.
- ZwischenpräsentationHero und Startseite gemeinsam am Bildschirm gezeigt, Änderungswünsche als Liste, Richtung freigegeben.
- Alle Seiten & InhalteLeistungsseiten, Referenzen und Karriere gebaut, Bilder komprimiert, Navigation und Footer fertig.
- Impressum & DatenschutzImpressum mit Firma, Adresse und UID, Datenschutzerklärung nach nDSG.
- Kontakt & FormulareProjektanfrage-Formular mit Spam-Schutz, Zustellung getestet; FAQ-Chatbot fängt die häufigsten Fragen ab.
Technik & Go-Live
Domain, DNS, HTTPS, Abnahme, live
- Domain & DNSDomain beim Registrar geprüft, bestehende Einträge dokumentiert, TTL gesenkt, Mail-Einträge unverändert.
- Hosting & HTTPSHosting eingerichtet, Zertifikat aktiv, http leitet auf https, Backups laufen.
- QualitätscheckAuf Handy, Tablet und Desktop durchgeklickt, Video-Hero auf schwächeren Geräten geprüft, Ladezeit gemessen.
- AbnahmeAbnahme mit dem Kunden durchgeführt und schriftlich festgehalten.
- Go-LiveGo-Live an einem Werktag am Vormittag, danach alle Seiten und das Anfrageformular live geprüft.
Sichtbarkeit
Google, Statistik, Basis-SEO
- Google Search ConsoleSearch Console eingerichtet, Sitemap eingereicht, erste Indexierung überwacht.
- Google Business ProfileGoogle Business Profile beansprucht und mit Website, Leistungen und Öffnungszeiten abgeglichen.
- StatistikDatensparsame Besucherstatistik ohne Cookie-Banner eingerichtet.
- Basis-SEOTitel und Beschreibungen je Leistung, strukturierte Daten für den Betrieb, Bilder mit Alt-Texten.
Übergabe & Betreuung
Doku, Rechnung, Abo, Referenz
- ÜbergabedokumentÜbergabedokument mit Hosting, Domain, DNS, Chatbot-Pflege und allen Zugängen übergeben.
- SchlussrechnungSchlussrechnung aus dem Auftrag gestellt.
- Betreuung & AboBetreuung als Abo: Updates, Monitoring, Backups und Sicherheits-Check.
- Referenz & BewertungProjekt als Referenz freigegeben, Screenshots und Beschreibung abgestimmt.
- Nachfassen nach 30 TagenNach 30 Tagen nachgefragt: Anfragen kommen an, FAQ-Chatbot um neue Fragen ergänzt.