Über diese Vorlage
Ein Dienstleister wird beurteilt, bevor jemand ein Wort liest: Die Seite muss aussehen, als wäre die Arbeit sorgfältig. AquaVale öffnet mit einem komponierten Hero und bewegt sich, während man liest. Die Bilder im Kopfbereich laufen dem Scrollen in eigenem Tempo entgegen, Abschnitte heben sich beim Eintritt ins Bild, und die Zahlen zählen hoch, sobald sie ankommen. Nichts davon stammt aus einer Animationsbibliothek: Es ist eine einzige geteilte Frame-Schleife plus ein IntersectionObserver, und alles steht vollkommen still für alle, die ihr System um weniger Bewegung gebeten haben. Hinter den Seiten steckt ein kleines CMS, kein handgeschriebenes HTML. Eine Leistung trägt Titel, Beschreibung, Foto, Icon und Reihenfolge; ein Projekt trägt das Problem, das Getane und eine Galerie; der Blog trägt Beiträge mit Titelbild und Kategorie. Ändern Sie einen Datensatz, und die Website ändert sich, auf der Startseite, in der Liste und auf der Detailseite zugleich. Die Angebotsanfrage ist der Kern des Ganzen. Das Formular schreibt einen Datensatz, das Panel empfängt ihn, und wer antwortet, sieht die Anfrage neben der Leistung, um die es geht. Nichts kommt per E-Mail an und verliert sich in einem Thread. Zwölf Bildschirme, fünf Modelle und die Anmeldung bereits verdrahtet: Startseite, Über uns, Leistungen und eine Leistung, Projekte und ein Projekt, Blog und ein Beitrag, Wartungstarife, das Angebotsformular, Kontakt und das Panel, dazu Anmelden, Registrieren und Passwort-Wiederherstellung. Beispieldaten sind dabei, die Website lohnt den Blick also ab der ersten Sekunde, und jeder Text, jede Farbe und jeder Abschnitt gehört Ihnen, änderbar über den Assistenten.
Enthaltene Screens
Was schon funktioniert
Parallax, das aufhört, wenn man darum bittet
Die Bilder im Kopfbereich laufen dem Scrollen entgegen, Abschnitte heben sich beim Eintritt ins Bild und die Zahlen zählen bei Ankunft hoch. Eine geteilte Frame-Schleife und ein IntersectionObserver, keine Animationsbibliothek, und vollkommen still unter prefers-reduced-motion.
Der Katalog besteht aus Datensätzen, nicht Seiten
Titel, Beschreibung, Foto, Icon und Reihenfolge je Leistung, mit eigener Detailseite. Ändern Sie den Datensatz, und Startseite, Liste und Detail ändern sich zusammen.
Ein Portfolio mit dem Problem, nicht nur dem Foto
Jedes Projekt trägt, was nicht stimmte, was getan wurde und eine Galerie, und genau das überzeugt, wer entscheidet, wen er anruft.
Angebotsanfragen landen in einem Panel
Das Formular schreibt einen Datensatz, und wer antwortet, sieht ihn neben der betreffenden Leistung statt in einer verlorenen E-Mail.
Ein Blog mit Titelbild und Kategorie
Beiträge mit Liste, Suche und Detailseite, damit die Website einen Grund hat, wieder besucht zu werden.
Anmeldung bereits verdrahtet
Anmelden, Registrieren, Passwort-Wiederherstellung und Einladungen, mit einem Panel dahinter.
AquaVale — Sanitär- und Reparaturservice
Eine Unternehmenswebsite für einen Dienstleister: Katalog, Portfolio, Blog und Wartungstarife, mit einem Panel, das jede Angebotsanfrage entgegennimmt.
Diese Vorlage verwendenLive ansehenDie Vorlage wird als neues Projekt in dein Konto kopiert — Screens, Daten und Einstellungen. Danach kannst du alles bearbeiten.
Was drinsteckt
- Datenmodelle
- 5
- Screens
- 12
- Beispieldatensätze
- 15
- Sprachen
- DE, EN, ES, FR, PT-BR
Was sie speichert
