Im Rahmen eines spannenden Projekts wurde die Unternehmensseite für Brainlab technologisch neu entwickelt, ein innovatives Unternehmen, das sich auf digitale Lösungen im Gesundheitswesen spezialisiert hat. Die Herausforderung bestand darin, eine moderne, benutzerfreundliche und leistungsstarke Webseite zu erstellen, die die Werte und die Vision von Brainlab widerspiegelt.
Technologien
Für die Umsetzung der Webseite wurde Kirby CMS als Headless Setup gewählt. Kirby bietet die Flexibilität, Inhalte einfach zu verwalten und gleichzeitig eine leistungsstarke API bereitzustellen, die es ermöglicht, Frontend- und Backend-Entwicklung voneinander zu trennen. Diese Trennung ist besonders vorteilhaft, da sie eine bessere Performance und eine einfachere Wartung der Webseite gewährleistet.
Das Frontend wurde mit Nuxt.js entwickelt, einem leistungsstarken Framework für Vue.js, das serverseitiges Rendering und eine optimierte Benutzererfahrung ermöglicht. Durch die Kombination von Kirby und Nuxt.js konnten wir eine dynamische und reaktionsschnelle Webseite erstellen, die sowohl auf Desktop- als auch auf mobilen Geräten hervorragend funktioniert.
Rolle im Projekt
In meiner Rolle als Frontend-Entwickler war ich unterstützend für die Agentur Schalk and Friends tätig. Meine Aufgaben umfassten:
Implementierung von Design-Elementen:
Ich arbeitete eng mit dem Designteam zusammen, um sicherzustellen, dass die visuelle Identität von Brainlab auf der Webseite perfekt zur Geltung kommt. Dies beinhaltete die Umsetzung von Layouts, Typografie und Farben gemäß den Designrichtlinien.
Entwicklung von Komponenten:
Mithilfe von Nuxt.js entwickelte ich wiederverwendbare Komponenten, die die Interaktivität und Benutzerfreundlichkeit der Seite verbesserten. Dazu gehörten Navigationselemente, Formulare und Modale.
Integration mit Kirby CMS:
Ich sorgte dafür, dass die Inhalte, die im Kirby CMS verwaltet werden, nahtlos in die Nuxt.js-Anwendung integriert wurden. Dies ermöglichte es dem Team von Brainlab, Inhalte einfach zu aktualisieren, ohne tiefere technische Kenntnisse zu benötigen.
Performance-Optimierung:
Ein weiterer wichtiger Aspekt meiner Arbeit war die Optimierung der Ladezeiten und der Gesamtperformance der Webseite. Durch den Einsatz von Techniken wie Lazy Loading und Code Splitting konnte ich die Benutzererfahrung erheblich verbessern.