Musterprojekte
Vier Branchen, vier fertige Websites.
Wer eine Website beauftragt, will vorher sehen, was möglich ist. Handwerk, Dienstleistung, Gastronomie, Beauty — für jede Branche eine vollständig gebaute Website aus vier Seiten, mit Leistungsübersicht, Preisen, Team und Öffnungszeiten. Jede hat eine Funktion, die dem Betrieb die häufigste Rückfrage abnimmt.
Wozu das gut ist
Vier Gestaltungen, eine Machart.
Jede Seite hat eine eigene Farbwelt, eigene Schriften und ein eigenes Merkmal. Was sie teilen, ist die Machart.
Alle vier laufen ohne Baukasten, ohne Node, ohne fremde Server: reines HTML, ein Stylesheet, eine JavaScript-Datei. Schriften und Bilder liegen auf dem eigenen Webspace — keine Google-Fonts, keine Cookies, kein Einwilligungsfenster, das niemand sehen will. Bedienbar mit der Tastatur, lesbar ohne JavaScript, und wer Bewegung abbestellt hat, bekommt sofort den Endzustand.
Die vier Betriebe dieser Musterprojekte sind Beispiele; die Seiten wurden
dafür vollständig gebaut. Telefonnummern stammen aus dem Block, den die
Bundesnetzagentur für Film und Fernsehen reserviert hat, die Domains
enden auf .example.
-
01 — Handwerk
Zimmerei Brinkgerd
Holzbau und Dachdeckerei, Meppen
Dunkel und sachlich gesetzt. Tannenschwarz als Grund, Lärchenholz für Knöpfe, Notdienst und gebaute Zeit. Der Vorher-Nachher-Schieber läuft über ein Eingabefeld — deshalb auch mit der Tastatur bedienbar.
- Vorher-Nachher-Schieber
- Bauzeitachse mit festen Dauern
- Notdienst im Kopfbereich
-
02 — Dienstleistung
NORDSPUR
Fahrzeugvermietung, Lingen (Ems)
Der Hero ist Nacht, danach kippt die Seite hart ins Helle — Fahrt oben, Rechnung unten. Die Fahrzeugklassen tragen nachgebaute Nummernschilder, rein in CSS. Der Preisrechner zeigt jede Position einzeln.
- Animierter Hero mit Fahrbahn
- Kennzeichen aus CSS
- Preisrechner mit Aufschlüsselung
-
03 — Gastronomie
GLUT & GRAT
Steakhaus und Reifekammer, Osnabrück
Dunkel, warm, zwei Akzente statt einem. Der Hero flimmert wie Glut und reagiert auf das Scrollen. Kernstück ist die Garstufen-Skala: eine Temperaturleiste von 48 bis 68 Grad, die erklärt, was man bestellt.
- Animierter Hero mit Scrollkopplung
- Garstufen-Skala
- Reifezeit je Cut
-
04 — Beauty
LICHTUNG
Hair & Beauty, Rheine
Kein Rosa, kein Glitzer. Ein dunkler Pflaumenton als Grund, Champagner und Blush als Akzente, Cormorant Garamond für die Überschriften. Die Behandlungskarte zeigt die Dauer als Balken neben dem Preis — man sieht sofort, was ein Termin kostet.
- Dauer-Balken in der Preisliste
- Terminanfrage in drei Schritten
- Asymmetrisches Raster
Ihr Betrieb
Ihre Seite gibt es noch nicht.
Erzählen Sie mir, wie Ihr Betrieb arbeitet. Das Erstgespräch kostet nichts.