Die nützlichen Moore am Chiemsee - Komplettentwicklung einer TYPO3-Website: Projekthauptbild / Keyvisual

Die nützlichen Moore am Chiemsee
Komplettentwicklung einer TYPO3-Website

Diese Non-Profit Website des Autors Dr. Lutz Pickelmann handelt rund um eine der landschaftlich reizvollsten Regionen Deutschlands. Inhaltlich sehr umfangreich sollten die Informationen buchähnlich strukturiert und übersichtlich zugänglich gemacht werden. Entstanden ist ein Werk mit interessanten aktuellen und historischen Informationen rund um die Moore am Chiemsee, die Probleme der Umwelt und Natur sowie einer Menge Bildmaterial dieser schönen Region. 

Zurück
Die nützlichen Moore am Chiemsee - Komplettentwicklung einer TYPO3-Website: Screenshot
Die nützlichen Moore am Chiemsee - Komplettentwicklung einer TYPO3-Website: Stilelement Notebook

Das Projekt und dessen
Zahlen, Daten, Fakten

Launch:
November 2015
Kunde:
Dr. Lutz Pickelmann
Design:
Mikel Wohlschlegel
Technologien:
HTML, SCSS, JavaScript
Frameworks:
TYPO3
chiemseemoor.de

Die redaktionellen Möglichkeiten:
Das Backend

Der größte Teil der Inhalte wird über die TYPO3 Standard Inhaltselemente gepflegt. Für die redaktionelle Pflege der Bildergalerien, der Literatureinträge sowie der Downloads wurde das Backend über eine eigenentwickelte Extension um neue Datensätze und Plugins erweitert.

Die Struktur der Seite im Seitenbaum
Neuer Datensatz zur Pflege der Literaturdownloads
Angepasster TYPO3 Rich Text Editor
Neuer Datensatz zur Pflege von Bildergalerien

Was beim Benutzer ankommt:
Das Frontend

Wissenstransfer mit Bildmaterial kombiniert. Durch eine gute Navigationsstruktur und einem durchdachten Seitenaufbau werden die Leser einer recht textlastigen Seite angeregt, möglichst viel Information in möglichst kurzweiligem Besuch aufzunehmen. Das ursprünglich in einer Broschüre veröffentlichte Werk des Autors sollte sich im Aufbau an die Printvorlage anlehnen, gleichzeitig aber auch etwas "wikipedia-like" sein. 

Navigierbares Inhaltsverzeichnis auf jeder Seite, um auch innerhalb inhaltsstarker Seite eine schnelle Zurechtfindung zu ermöglichen
Scrollt der User nach unten, erscheint das Inhaltsverzeichnis auf der rechten Seite und ist somit immer zugreifbar
Für das umfangreiche Bildmaterial wurde eine Bildergalerie entwickelt
Jedes Bild steht als HD-Download bereit, welches mit einem Wasserzeichen für Interessenten bereitgestellt wird.
Über eine Listung kann ein User alle Dokumente und Dateien an zentraler Stelle herunterladen
Jede Seite kann auch direkt als PDF heruntergeladen werden

Ein Blick unter die Haube:
Die Technik

In Bezug auf das Backend haben die Standards an TYPO3-Inhaltselementen weitestgehend ausgereicht. Für die Downloads, die Ausgabe der Literatur sowie die Bildergalerien wurden kleine TYPO3-Extensions entwickelt. Auch das Frontend lebt ohne große Komplexität. CSS wurde in SCSS und JavaScript in objektorientiertem TypeScript entwickelt. 

Frontend Development
TYPO3 Extension Development (PHP)
TYPO3 Integration