Wir haben herausgefunden dass die Besucher der Lufthansa Technik vor allem 2 Bedürfnisse haben. Schnell Service-Dienstleistungen finden oder spannende Inhalte konsumieren. Intelligente Tools und schlanke Navigation machen die richtigen Informationen, Ansprechpartner und relevanten Vertriebsthemen schnell auffindbar. Hochwertige Bilder, große Bühnen, ein modernes UI und selbstbewusste Texte faszinieren Besucher, die noch kein konkretes Anliegen haben. So haben wir den Premium Anspruch der Lufthansa Technik als Weltmarktführer über die gesamte Webseite hinweg spürbar gemacht.
Ein Lufthansa Airbus A380 diente uns als Grundlage für das Farbschema der Seite und dem Bild Look. Wir blieben nah an der Maschine und wählten Blau, Grau und, Weiß als unsere Hauptfarben, und Gelb als Akzentfarbe. Das Layout soll mit seinen überlappenden Bild und Textelementen an ein hochwertiges Print-Magazin erinnern. Hier sind ein paar Moodboards aus der Anfangsphase:
Die finale Seite bietet viel Weißraum und ein spannendes Raster mit überlappeneder Typografie und hochwertigen Bildern. Es dominiert das neue Lufthansa Blau und Grau. Microinteractions unterstützen den Premiumanspruch und geben dem User Feedback auf sein Verhalten.
Einige Module im Detail:
Die einzelnen Module entwickelten wir nach dem Atomic Design Ansatz und konnten so schnell und effizient die Seite umsetzen. Die Seite ist Responsive mit eigenen Mobile und Tablet Breakpoints. Je nach Device und Breakpoint stellt die Seite genau die Funktionalitäten bereit die das Endgerät auch darstellen kann.

Der Atomic Design Ansatz bietet sehr viele Vorteile und erleichtert die Zusammenarbeit von Coding und Design immens. Er erfordert aber auch viel Disziplin und Abstraktionsvermögen. Die Designer sollten sich dennoch immer die Zeit nehmen die Moleküle und Organismen im Zusammenhang zu gestalten.
©2019 SEBASTIAN LOCKE