Alle Vorlagen
Der erste Anruf
Der erste Anruf

Ü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.

servicesinstitutionalportfolioblogquotes

Enthaltene Screens

Startseite
Über uns
Leistungen
Eine Leistung
Projekte
Ein Projekt
Blog
Ein Beitrag
Tarife
Angebot anfordern
Kontakt
Das Panel

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.

Vertrieb & CRM

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 ansehen

Die 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

ServiceProjectBlog postQuote requestNotification

Bereits verbunden

Anmeldung und RollenFoto-SpeicherBenachrichtigungenE-Mail