TYPO3
Neue Website für Uphoff Gartengestaltung
Gartenbau, Baumschule, Baumpflege, Recycling und Spielplatzbau verlangen mehr als eine Bildergalerie. Die TYPO3-Website ordnet Leistungen, Projekte, Stellen und Anfragen in pflegbare Abläufe.
· 6 Min.
Ein vielfältiger Betrieb braucht eine klare Inhaltsstruktur
Uphoff Gartengestaltung aus Bad Salzuflen arbeitet in fünf Leistungsbereichen: Gartenpflege und Gartengestaltung, Baumschule, Baumpflege, Biomasserecycling sowie Spielplätze und Spielgeräte. Eine neue Website muss diese Felder auseinanderhalten, ohne den Betrieb in fünf voneinander getrennte Auftritte zu zerlegen.
Die Struktur führt deshalb von einer gemeinsamen Leistungsübersicht zu eigenen Detailseiten. Referenzprojekte, Team, Karriere, Garten-Tipps, häufige Fragen und unterschiedliche Kontaktwege ergänzen die fachlichen Seiten. Gebaut wurde auf TYPO3 13.4. Das System verwaltet nicht nur Texte und Bilder, sondern auch die wiederkehrenden Datensätze hinter Projekten, Stellen und Formularen.
Der klickbare Entwurf kam vor dem CMS
Vor dem TYPO3-Aufbau entstand ein statischer Klick-Prototyp. Navigation, Farben, Schriften, Seitentypen und responsive Verhalten konnten dadurch an einer tatsächlich bedienbaren Website beurteilt werden. Erst danach wurden die freigegebenen Bausteine in redaktionell pflegbare TYPO3-Elemente übertragen.
Dieser Weg trennt Gestaltung und Systemfragen. Er kostet allerdings einen zusätzlichen Arbeitsschritt, weil das Layout zuerst als Prototyp und anschließend als TYPO3-Vorlage gebaut wird. Der Vorteil liegt in der Reihenfolge: Diskussionen über Bildwirkung, Abstände und Navigation müssen nicht gleichzeitig mit Datenmodell, Rechten und Backend-Feldern geführt werden.
Eigene Inhaltselemente begrenzen die Auswahl sinnvoll
Für die Redaktion stehen eigene Inhaltselemente für Bühne, Handlungsaufforderungen, Vorteile, häufige Fragen, Raster, Galerien, geteilte Text-Bild-Bereiche und Kontaktbausteine bereit. Hinzu kommen eigene Spalten-Container. Die Elemente bilden die freigegebene Gestaltung ab, ohne bei jedem neuen Abschnitt freie HTML-Entscheidungen zu verlangen.
An einzelnen Feldern erklären Hinweise direkt im Backend, welche Eingabe erwartet wird. Das verhindert typische Missverständnisse besser als eine getrennte Anleitung, die beim Bearbeiten niemand geöffnet hat. Ein engeres Redaktionssystem nimmt Freiheiten. Dafür bleiben neu angelegte Inhalte näher an Gestaltung, Lesereihenfolge und responsivem Verhalten des Gesamtauftritts.
Projekte und Stellen sind Datensätze mit eigener Adresse
Referenzen werden einmal angelegt und erscheinen anschließend in Übersicht, Filtern und eigenen Detailansichten. Bildergalerien, Projekttitel und Beschreibungen bleiben damit an einer Stelle verbunden. Dasselbe Prinzip gilt für Stellenangebote: Die Übersicht und die einzelne Stellenanzeige greifen auf denselben Datensatz zu.
Für Projektanfragen und Bewerbungen entstehen sprechende Adressen, die den jeweiligen Datensatz enthalten. Eine Anfrage kann dadurch bereits wissen, auf welches Projekt sie sich bezieht; ein Bewerbungsformular übernimmt die gewählte Stelle. Der Besucher muss den Zusammenhang nicht ein zweites Mal erklären, und im Backend lassen sich Einsendungen eindeutig zuordnen. Zugriffsrechte, Aufbewahrungsfristen und Löschabläufe für personenbezogene Einsendungen werden davon getrennt festgelegt.
Bilder, Weiterleitungen und strukturierte Daten gehören zum Relaunch
Beim Wechsel einer bestehenden Website zählt nicht nur, was neu aussieht. Alte Adressen müssen weiterführen, Bilder brauchen passende Auslieferungsgrößen und Suchmaschinen müssen die neue Struktur verstehen. Für die früheren Seiten wurden Weiterleitungen vorbereitet. TYPO3 erzeugt kleinere Bildfassungen; zusätzlich werden WebP-Varianten ausgeliefert, wenn der Browser sie unterstützt.
Strukturierte Daten beschreiben den Betrieb, die häufigen Fragen und einzelne Stellenanzeigen. Dadurch können Suchmaschinen Inhalte zuverlässiger einordnen, ohne dass sichtbare Texte doppelt gepflegt werden. Die technische Auszeichnung entsteht aus denselben Datensätzen, die auch auf der Seite zu sehen sind. Genau so bleibt sie eher aktuell als ein separat geschriebener Block im Quelltext.
Ein eigenes Backend ist nur so gut wie sein Pflegeplan
Für Referenzen, Stellen, Bewerbungen, Formular-Einsendungen und die seitliche Kontaktleiste gibt es eigene Backend-Bereiche. Sie zeigen den jeweiligen Arbeitsvorgang statt einer allgemeinen Datenbankliste. Das macht den Alltag übersichtlicher, vergrößert aber den Teil der Website, der bei TYPO3-Updates geprüft werden muss.
Deshalb sind die Funktionen in getrennte Erweiterungen aufgeteilt. Der Bereich für Stellen kann weiterentwickelt werden, ohne die Referenzpflege anzufassen; Formulare bleiben von der Darstellung des Teams getrennt. Die Aufteilung ist keine technische Zierde. Sie macht sichtbar, welche Funktion einen eigenen Lebenszyklus hat und wo eine spätere Änderung tatsächlich hingehört.
Kurz gesagt
Die Website für Uphoff Gartengestaltung verbindet einen bildstarken Auftritt mit einer klaren redaktionellen Struktur. Leistungen bleiben verständlich getrennt, Projekte und Stellen werden als wiederverwendbare Datensätze gepflegt, und Formulare übernehmen den bereits gewählten Zusammenhang. Der sichtbare Garten liegt auf einem technischen Unterbau, der im Alltag vor allem eines leisten muss: verlässlich pflegbar bleiben.