2021

Azena Webseite

Optimierung einer komplexen CMS-Website mit Fokus auf bessere Usability, Barrierefreiheit und Performance sowie einer flexiblen und wartbaren Content-Struktur.
HubSpot CMSHTML5CSS3JavaScriptCSS3
Responsive website design for Azena shown on desktop, laptop, tablet, and mobile devices

Über das Projekt

Azena (ehemals Security & Safety Things), ein Bosch IoT Startup mit Sitz in München, entwickelt eine offene Plattform für kamerabasierte Sicherheitslösungen. Die Plattform ermöglicht es Entwicklern und Unternehmen, Anwendungen im Bereich Smart Security zu erstellen und bereitzustellen.

Die Website spielt eine zentrale Rolle dabei, den Mehrwert der Plattform zu kommunizieren und sowohl Nutzer als auch Partner zu unterstützen.

Problem

Die bestehende HubSpot CMS Website war über die Zeit hinweg inkonsistent gewachsen, mit einer Vielzahl redundanter und schlecht strukturierter Templates. Dies führte zu ineffizientem und fehleranfälligem Content-Management.

Zudem fehlten Responsiveness, Barrierefreiheit und konsistente UI/UX-Muster, was sowohl für Nutzer als auch für Redakteure zu einer suboptimalen Erfahrung führte.

Vorgehen & Umsetzung

Der Fokus lag darauf, das System zu vereinfachen, die Usability für Besucher und Redakteure zu verbessern und eine skalierbare sowie wartbare Struktur zu schaffen.

Optimierung der CMS-Struktur

Reduzierung der Template-Anzahl und Einführung einer modularen Struktur zur Vereinfachung der Seitenerstellung und langfristigen Pflege.

Wiederverwendbares Modulsystem

Entwicklung flexibler und konsistenter Content-Module, die einfach wiederverwendet, umgeordnet und angepasst werden können.

UI/UX Verbesserungen

Überarbeitung von Design und Interaktionsmustern für ein klareres und konsistenteres Nutzererlebnis über die gesamte Website hinweg.

Responsive Design

Neugestaltung der Layouts für eine optimale Darstellung und Nutzung auf allen Geräten und Bildschirmgrößen.

Barrierefreiheit (a11y)

Verbesserung der Zugänglichkeit, um die Website für Menschen mit Einschränkungen nutzbar zu machen und moderne Standards zu erfüllen.

Performance-Optimierung

Verbesserung von Ladezeiten und Gesamtperformance basierend auf Google Lighthouse Empfehlungen.

SEO-Optimierung

Umsetzung von On-Page SEO-Maßnahmen zur Steigerung der Sichtbarkeit in Suchmaschinen.

Vereinheitlichung des Frontend-Codes

Standardisierung und Vereinfachung der Codebasis zur Reduzierung von Komplexität und Verbesserung der Wartbarkeit.

Zusammenarbeit mit Stakeholdern

Enge Abstimmung mit dem internen Projektmanagement und Design-Team zur Klärung von Anforderungen, Abstimmung von Fortschritten und Weiterentwicklung von Konzepten.

Ergebnis & Mehrwert

Das Ergebnis ist eine deutlich strukturiertere, barrierefreie und performante Website.

Redakteure können Inhalte dank des modularen Systems effizienter erstellen und verwalten, während Nutzer von einer konsistenten, responsiven und zugänglichen Nutzererfahrung profitieren. Die verbesserte technische Grundlage unterstützt zudem zukünftiges Wachstum und Skalierbarkeit.

Galerie

Screenshots aus dem Projekt

Hast du eine Idee? Lass sie uns umsetzen.

Egal, ob Landingpage oder komplette Web-App – ich helfe dir dabei, deine Vision mit sauberer, moderner Frontend-Entwicklung zum Leben zu erwecken.