bwlv
Website mit TYPO3 Extension Entwicklung

Die technische Grundlage dieser Website beruht auf der fortschrittlichen TYPO3 CMS-Version 11. Im Backend präsentiert sich eine erweiterte Struktur, die durch eine Vielzahl an speziell für den Kunden entwickelten Inhaltselementen und Plugins gekennzeichnet ist. Unsere Entwicklungsleistungen umfassen nicht nur die Anpassung an individuelle Kundenanforderungen, sondern auch die eigenständige Entwicklung von APIs. Diese dienen als zuverlässige Datengrundlage für das Frontend, wobei TYPO3 an diesen Stellen "headless" agiert und Daten per JSON an die Vue.js-Komponenten im Frontend liefert.

Ein weiteres Highlight ist die Entwicklung eines Backend-Moduls, das einen selektiven Abgleich von Kontaktstellen mit Google Places ermöglicht. Das Backend-Modul synchronisiert Anlaufstellen mit deren Google Place, um Öffnungszeiten und Bewertungen von dort auszulesen. Dadurch wird nicht nur die Datenqualität optimiert, sondern auch die Nutzererfahrung verbessert. Zudem haben wir einen effizienten Kontaktpool implementiert, der die Doppelpflege bei der Verwaltung von Ansprechpersonen minimiert. Diese maßgeschneiderten Backend-Lösungen gewährleisten nicht nur eine flexible Anpassung an individuelle Anforderungen, sondern auch eine effiziente und nutzerfreundliche Website-Entwicklung.

Das Frontend dieser Website setzt auf wegweisende Technologien und wurde mit Vue.js entwickelt, einem reaktiven JavaScript-Framework. Diese Entscheidung ermöglicht nicht nur eine herausragende User Experience, sondern auch eine hohe Performance. Elementare Bestandteile des Frontends profitieren von den Vorteilen von Vue.js, was sich positiv auf die gesamte Nutzererfahrung auswirkt.

Die zentrale Schnellsuche nach "Beratung & Kontakt" wurde geschickt in die Navigationsleiste integriert. Diese Funktion begleitet den Benutzer auf jeder Seite und ermöglicht eine unkomplizierte Suche nach passenden Anlaufstellen. Die Suche nach einer Fachstelle erfolgt intelligent nach Auswertung der Postleitzahl. Dabei wird überprüft, in welchem Landkreis eine Postleitzahl liegt, und die Ergebnisse werden nach Landkreisen ausgegeben.

Die filterbaren Listen der Fachstellen und stationären Angebote bieten eine klare und schnelle Übersicht. Die jeweiligen Detailseiten der Fachstellen und Kliniken fungieren als eigenständige Landingpages und enthalten umfassende Informationen für einen ersten Eindruck sowie den Erstkontakt. Ein Rückrufformular erleichtert Hilfesuchenden die schnelle Kontaktaufnahme. Dieses Frontend vereint technologische Innovation mit intuitiver Nutzerführung für eine optimale Interaktion.

Die technische Realisierung dieses Projekts umfasste die Entwicklung eigener APIs, wobei TYPO3 als "headless" fungierte und das Frontend die Datenausgabe per Vue.js übernahm. Um den Traffic und damit verbundene Kosten der Abfragen bei Google Places zu minimieren, implementierten wir eine eigene Synchronisierung. Diese ermöglichte einen automatisierten nächtlichen Abgleich der Daten, wodurch die Effizienz gesteigert und die Ressourcennutzung optimiert wurde.

Die Suche auf der Website wurde mithilfe von solr umgesetzt, was eine leistungsstarke und präzise Suchfunktionalität gewährleistet. Für die Formulare nutzten wir das TYPO3 Form Framework, das jedoch so erweitert wurde, dass die Formulare headless funktionieren. Im Frontend wurden die Formulare mit Vue.js aufgebaut, was eine nahtlose Integration und dynamische Interaktion ermöglicht. Unsere Entwicklungsprozesse profitierten von einer agilen Entwicklungsumgebung, basierend auf ddev / docker, die Flexibilität und Effizienz gewährleistet. Das automatisierte Deployment mittels bitbucket pipelines auf Staging- und Live-Umgebungen sichert einen reibungslosen Ablauf und zeitnahe Aktualisierungen. Diese technologische Umsetzung spiegelt unser Streben nach innovativen Lösungen wider, um anspruchsvolle Entwicklungsanforderungen zu erfüllen.