Flexible Design-Architektur
Das Figma-System wurde präzise in Webflow übertragen. Durch die Implementierung von globalen Variablen für Farben und Typografie bleibt das Markenbild konsistent.
Dank der CSS-clamp Logik passen sich alle Elemente automatisch an jede Bildschirmgröße an. Dies sorgt für ein harmonisches Layout ohne unzählige manuelle Breakpoints.
CMS und Echtzeit-Filter
Das Herzstück der Seite ist ein CMS mit Multi-Referenzen, das Studien und Fachbereiche logisch verbindet. Für die Navigation kam die Finsweet-Technologie zum Einsatz.
Nutzer können Informationen dadurch sofort filtern, ohne dass die Seite neu laden muss. Das ermöglicht eine extrem schnelle und moderne Nutzererfahrung.
Individuelle Karte für NIO
Neben der Technik habe ich auch eine eigene Karte für NIO gezeichnet. Die Karte zeigt das Netzwerk von NIO in Norddeutschland. Es war wichtig, dass die Grafik professionell aussieht und gut zum restlichen Design der Webseite passt.
Diese Illustration hilft den Nutzern, die Standorte und Partner schnell zu finden. Es ist eine Mischung aus kreativem Design und technischer Umsetzung auf der Seite „Netzwerk"
Skalierbarkeit und Ordnung
Ein sauberer technischer Aufbau stand bei der Entwicklung im Fokus. Durch modulare Komponenten kann das NIO-Team neue Inhalte völlig autonom hinzufügen.
Eine professionelle Klassen-Nomenklatur sorgt zudem dafür, dass das Projekt auch in Zukunft für andere Entwickler leicht wartbar und erweiterbar bleibt.
