Branche
Gesetzliche Krankenversicherung
Zeitraum
08/2020 bis heute
Rolle
Senior Frontend Developer
Projektbeschreibung
Im Rahmen der technischen Migration der Kunden-Website wurde das System vollständig auf das Content-Management-System Drupal 8 umgestellt. Dafür entstand eine Frontend-Architektur auf Basis von Design Patterns, die als Grundlage für die Implementierung der verschiedenen Seitentypen und Templates im CMS diente. Zudem wurden zahlreiche Funktionsmodule an dieses neue Designkonzept angepasst, um eine durchgängig konsistente Optik und eine hohe Benutzerfreundlichkeit sicherzustellen.
Tätigkeiten
- Gestaltung und Implementierung responsiver Layouts speziell für das CMS Drupal 8 mittels REST API, die auf unterschiedlichen Geräten funktionieren
- Implementierung einer auf Designpatterns basierenden Frontend-Architektur zur Schaffung modularer und wiederverwendbarer Code-Strukturen, die das Design konsistent halten und die Wartung sowie zukünftige Erweiterungen erleichtern.
- Überarbeitung der Benutzeroberflächen von interaktiven Elementen wie Formularen, Menüs und Schaltflächen, um eine einheitliche visuelle und funktionale Erfahrung sicherzustellen.
- Enge Zusammenarbeit mit UX/UI-Designern, Backend-Entwicklern und dem Projektmanagement zur nahtlosen Integration aller technischen und gestalterischen Aspekte der Website.
- Durchführung von manuellen und automatisierten Tests auf verschiedenen Geräten und Browsern zur Identifikation und Behebung von Fehlern.
- Erstellung detaillierter Dokumentationen der verwendeten Technologien und Lösungen, die anderen Entwicklern das Verständnis und die effiziente Arbeit an zukünftigen Projekten erleichtern.
Methoden, Tools & Technologien
- Angular
- Barrierefreies Webdesign
- Bootstrap 5
- Claude
- CursorAi
- Cypress
- Dark/Light Mode Support
- Drupal 8
- HTML
- Jest
- JSON:API
- Kanban
- Mobile first
- Mockoon
- NestJS
- NodeJS
- Playwright
- Reaktive Formulare
- Responsive Webdesign
- Scrum
- TailwindCSS
- Twig
- TypeScript
Branche
Gesetzliche Krankenversicherung
Zeitraum
07/2018
Rolle
Frontend Developer
Projektbeschreibung
Der Kunde betreibt neben seiner Hauptwebsite eine Reihe von spezialisierten Landingpages, die sich an spezielle Themen und Zielgruppen richten. Die Zieldefinition für die Seiten durch den Kunden selbst und dient den UX-Designern als Ausgangspunkt. Die Elemente der Landingpages orientieren sich am Standarddesignframework des Kunden, erfordern jedoch häufige individuelle Anpassungen und Erweiterungen. Die technische Realisierung dieser Seiten wurde mit dem Symfony-Framework innerhalb von Docker-Umgebungen umgesetzt, um eine flexible und effiziente Bereitstellung zu gewährleisten.
Tätigkeiten
- Umsetzung der Landingpages durch den Einsatz von SCSS, Twig und JavaScript, um dynamische, responsive und funktionale Webseiten zu erstellen
- Lebendige Gestaltung von Seitenelementen mittels CSS-Animationen und Transitions, um die Interaktivität und visuelle Attraktivität zu erhöhen.
- Strukturierung von CSS-Klassen gemäß der BEM-Methodologie, um ein stabiles und erweiterbares CSS-Framework zu schaffen, das die Wartung und zukünftige Erweiterungen vereinfacht
- Dokumentation und das Projektmanagement wurde in enger Absprache mit dem Product Owner selbst übernommen, um sicherzustellen, dass alle Projektziele erreicht und dokumentiert werden
Methoden, Tools & Technologien
- BEM
- HTML
- NodeJS
- React
- Responsive Webdesign
- REST
- Scrum
- SCSS
- Twig
- Vanilla JavaScript
Branche
Industrie
Zeitraum
03/2018 bis 06/2018
Rolle
Projektbeschreibung
Für den Kunden und seine Tochterunternehmen wurde ein vollständiger Relaunch der Internetpräsenz durchgeführt, da die technische Basis der bisherigen Websites veraltet war. Die Wahl fiel auf das Open Source-CMS Drupal, das es ermöglichte, mit einer einzigen Drupal-Instanz mehrere Websites zu verwalten. Diese zentrale Verwaltungslösung erleichterte die Pflege und Aktualisierung der Inhalte erheblich. Eine weitere Besonderheit war die Implementierung einer individualisierten Google Maps-Karte, die die weltweiten Standorte des Unternehmens darstellt und den Nutzern zugänglich macht. Der Aufbau der Produktseiten erfolgte mittels des Paragraphs-Modules für verschiedene Kategorien, wobei die Produkttabellen über Drupal Views automatisch befüllt wurden, was den Pflegeaufwand der Webseiten signifikant reduzierte.
Tätigkeiten
- Konfiguration einer Drupal 8-Instanz für das Frontend und Sitebuilding konfiguriert, die mehrere Subdomains unterstützt. Diese zentrale Lösung ermöglichte die effiziente Verwaltung und Pflege mehrerer Websites.
- Die Verantwortlichkeiten umfassten den Aufbau komplexer Seitenstrukturen und die Konfiguration von Views, die speziell dafür entworfen wurden, Informationen mittels REST-API an das Frontend zu senden und somit eine dynamische Inhaltsdarstellung zu gewährleisten.
- Dokumentation der gesamten Struktur und der entwickelten Prozesse, um eine klare Übersicht und einfache Wartung zu ermöglichen.
Methoden, Tools & Technologien
- Drupal 8
- Drupal Modulentwicklung
- Drupal Sitebuilding
- HTML
- jQuery
- NodeJS
- Redaktionelle Betreuung
- Responsive Webdesign
- REST API
- Twig