Case Study 04 · Onepager für einen Handwerksbetrieb

Zenth, Die Gärtnerin

Waltraud Zenth ist Gärtnermeisterin in Bad Rappenau: Außenanlagen, Grabpflege, Floristik. Ihre alte Seite lief auf einem veralteten Joomla. Die neue ist bewusst nur eine Website, eine einzige, ruhige Seite mit Leistungen, Galerie und Kontaktformular, gebaut aus den vorhandenen Fotos und Texten. Nicht jeder Betrieb braucht eine Anwendung.

Rolle
Konzept, Design, Umsetzung, Umzug, Hosting & Betrieb
Stack
Astro · Node.js · TypeScript · Kontaktformular · Docker
Status
In Betrieb auf der Vorschau-Adresse, Domainumzug steht an
Adresse
Vorschau ansehen (öffnet in neuem Tab)künftig zenth-die-gaertnerin.de
Startseite von Zenth, Die Gärtnerin in der Desktop-Ansicht

Ausgangslage

Eine Gärtnerei mit einer Website von 2017.

Waltraud Zenth pflegt Außenanlagen und Gräber und bindet Floristik für Trauer, Hochzeit und alles dazwischen. Ihre Website lief auf einem Joomla von 2017, seit Jahren ohne Updates, mit Öffnungszeiten für ein Ladengeschäft, das es nicht mehr gibt.

Neue Fotos oder lange Texte gab es nicht, und die brauchte es auch nicht. Die Aufgabe war, aus dem Vorhandenen eine Seite zu machen, die sagt, was sie heute anbietet und wie man sie erreicht.

Ziel

Alles Wichtige auf einer Seite.

  • Drei Leistungen als Stichpunkte
  • Floristik-Galerie aus den vorhandenen Arbeiten
  • Kontaktformular und Telefonnummer, ohne Umwege
  • Der geschlossene Laden wird in einem Satz erwähnt

Konzept & Design

Hell und ruhig, in den Farben des Logos.

Das Logo mit der roten Blüte und dem grünen Schwung gab es schon. Daraus kommen die beiden Akzentfarben, dazu eine Serifenschrift für die Überschriften und viel Weißraum. Die Fotos der alten Seite wurden neu zugeschnitten und in moderne Formate gebracht, damit sie auch auf dem Handy schnell laden.

Leistungsbereich der Zenth-Website mit drei Karten: Außenanlagen, Grabpflege, Floristik
Zenth-Website auf dem Handy
  • Eine Seite, Menü springt zu den Abschnitten
  • Drei Leistungskarten mit eigenem Foto
  • Telefonnummer in der Kopfzeile, auf dem Handy direkt wählbar
  • Ohne Google-Karte, ohne Cookies und ohne Banner

Technische Umsetzung

Klein gebaut und ohne Verluste umgezogen.

Die Seite ist fast vollständig statisch und deshalb sehr schnell. Nur das Kontaktformular läuft auf dem Server. Jede Anfrage wird dort abgelegt, bevor sie per E-Mail rausgeht, damit nichts verloren geht, falls der Mailversand einmal ausfällt.

Website

  • Astro, statisch ausgeliefert, kein Framework im Browser
  • Bilder in mehreren Größen, spät nachgeladen
  • Strukturierte Daten für die lokale Suche nach Gärtnerin und Grabpflege

Kontakt

  • Formular mit Schutz vor Spam, ohne Captcha und ohne Drittanbieter
  • Anfrage wird gespeichert und per E-Mail zugestellt
  • Bestätigungsseite mit Vorgangsnummer

Umzug

  • Alle alten Joomla-Adressen leiten auf die passenden Abschnitte um
  • Inhalte aus der alten Seite übernommen und aktualisiert
  • Was die Inhaberin noch bestätigen muss, steht auf einer Liste statt im Text

Infrastruktur & Betrieb

Auch ein Onepager läuft auf demselben Server.

Auch ein Onepager bekommt bei mir Verschlüsselung, Schutz-Header, nächtliche Sicherung und Überwachung. Der Aufwand dafür ist einmal eingerichtet und läuft für jede Seite gleich mit.

LIVE-ARCHITEKTUR · ZENTH-DIE-GAERTNERIN.DE

  1. Browser
  2. DNS
  3. Reverse Proxy · TLS
  4. Statische Seite / Node.js
  5. Anfragen-Ablage
  • Docker · non-root
  • Security Header
  • Umleitungen
  • Überwachung
  • Backups
  • Updates

Stand

Fertig, die Domain zieht als Nächstes um.

Die Seite läuft und wartet auf die letzte Freigabe der Inhaberin. Danach wird die Domain umgestellt und das alte Joomla abgeschaltet.

Das ist die kleinste Form einer Website, für Betriebe, die gefunden werden wollen, ohne etwas pflegen zu müssen.

Meine Rolle

  • Bestandsaufnahme der alten Seite, Konzept und Gestaltung
  • Umsetzung, Kontaktformular, Bildaufbereitung
  • Umzug mit Weiterleitungen
  • Hosting, Sicherung, Überwachung und laufender Betrieb

Vorschau ansehen (öffnet in neuem Tab)

Kontakt

Kleine Website für deinen Betrieb

Eine Seite, die sagt, was du anbietest und wie man dich erreicht. Oft reicht das, und der Aufwand ist überschaubar.