Zum Hauptinhalt springen Skip to page footer

Responsive Webdesign, TYPO3-Umsetzung, Vermittlungsdatenbank

Projekt: Tierschutz / Dobermann Rescue Hungaria

Webdesign Startseite dr-h.org

Startseite der DR-H

Responsive Webdesign - Ansicht auf dem iPhone

Ansicht der Startseite sowie der Vermittlungsseiten auf dem Smartphone

Webdesign Vermittlungslisten

Ansicht Vermittlungslisten

Webdesign Vermittlung Detailseite

Vermittlungsseite Detailansicht

  • Entwicklung Responsive Webdesign
  • Umsetzung in TYPO3 CMS
  • Umsetzung einer Vermittlungsdatenbank für die Hunde

Tierschutz ist uns seit jeher ein Anliegen. Den Verein Dobermann Rescue Hungaria e.V. mit unserem Know How unterstützen zu können, war uns deshalb eine Freude. Vorgefunden haben wir ein gehacktes bzw. virenverseuchtes Webprojekt auf Basis von Joomla, das jegliche Sicherheitsmaßnahmen vermissen ließ, jahrelang keinerlei Wartung erfahren hat und auch technisch in keiner Weise so umgesetzt war, dass ein Weiterbetrieb denkbar gewesen wäre. Das war auch nicht das erste Mal, dass die Website aufgrund massiver Angriffe durch Viren und Malware offline gehen musste. Die Website war kaputt und irreparabel, wie eine kurze Analyse ergab. 

Das sollte mit dem neuen Projekt natürlich vermieden werden. Die Eckpunkte waren: Wesentlich längere Lebensdauer, laufende Wartung, Sicherheit vor Viren und Malware, ein stabiler Betrieb. Die Neukonzeption planten wir mit TYPO3 CMS, nicht zuletzt aufgrund der LTS-Versionen mit Long Term Support, wodurch mehrjährige Update-Sicherheit gegeben ist. Die Wartungskosten werden damit auch für kleinere Unternehmen und Vereine kalkulierbar. Legt man beim Entwickeln Wert auf standardkonforme Umsetzung und legt den Fokus von Anfang an auf lange Nutzungsdauer, halten sich die Sprünge von LTS-Zweig zu LTS-Zweig nach 2-3 Jahren auch in Grenzen. Nicht wenige Projekte müssen nach 1-3 Jahren Nutzungsdauer aufgegeben und komplett neu konzipiert werden, weil eine Vielzahl von Erweiterungen eingesetzt werden, die für den neuen Versionszweig entweder nicht mehr verfügbar sind oder aufwändig angepasst werden müssen. 

Die Projektkonzeption war daher bewusst schlank gehalten: Nahezu alle Funktionen wurden mit dem TYPO3-Kern umgesetzt. Eine Ausnahme bildet die Vermittlungsdatenbank, die ebenfalls einen extrem guten Support aufweist und aufgrund ihrer Verbreitung auch langfristige Verfügbarkeit auch für die kommenden CMS-Versionszweige erwarten lässt. 

Außerdem intensiv genutzt: Das Formularmodul des TYPO3 Kerns. Damit werden Anträge und Selbstauskünfte für die Vermittlungstätigkeit sowie in einem geschützten Bereich interne Dokumente über medizinische Untersuchungen und Laborwerte der Hunde übermittelt. 

Webdesign

Das Design sollte vor allem eines sein: Responsive. Die Zugriffe finden zum größten Teil – zu ca. 75 % – mobil statt! Das schlichte Design wurde daher schon sehr früh auf volle Mobiltauglichkeit ausgelegt – Responsive Design war zu diesem Zeitpunkt noch eher die Ausnahme. 

Gute Usability und Vernetzung mit den Sozialen Medien war ein weiterer Schwerpunkt: In der Vermittlungstätigkeit wird sehr viel über Social Media abgewickelt. Es sollen daher Beiträge aus der Vermittlungsdatenbank direkt in Facebook geteilt werden können, natürlich mit automatischer Bild- und Teasertextauswahl. Gute Usability "merkt" man nicht, die ist im Hintergrund vorhanden. 

Die Vermittlungsdatenbank, aufbauend auf einem "News"-Plugin, gliedert die Hunde und lässt übersichtlich wichtige Basisdaten und Merkmale darstellen. Eine Reihe von Content-Seiten zeigt transparent die Tätigkeiten des Vereins und liefert Informationen zu den Hunden.

Top-Suchmaschinenergebnisse sind ebenfalls kein Zufall: Die technisch und konzeptionell professionelle Basis zahlt sich hier besonders aus. Suchmaschinenoptimierung hat sehr viel einfach mit "Qualität" zu tun. Inhaltlich, konzeptionell und technisch.