Support for Lufthansa Technik Sales Team

App Entwicklung für den Airbus A350

Support for the Lufthansa Technik sales team

A350 app and microsite

Zur Unterstützung von Marketing- und Vertriebsaktivitäten der Lufthansa Technik AG entwickelten wir eine responsive und betriebsystem-unabhängige HTML5 Anwendung sowie einen Pool aus spannenden interaktiven Inhalten.

To support the marketing and sales activities of Lufthansa Technik AG, we developed a responsive HTML5 application that works without an operating system, as well as a pool of exciting interactive content.

Kunde:
Lufthansa Technik AG

Client:
Lufthansa Technik AG

Projektzeitraum:
6 Monate

Project period:
6 months

Zielmedium:
Tablet/Desktop

Target medium:
Tablet/PC

Manpower:
4

Team members:
4

Die Herausforderung

Technologische Themen wie Wartungsleistungen emotional, innovativ und „casual“ zu präsentieren, das war die Hauptaufgabenstellung der Arbeitsgruppe A350 bei der Lufthansa Technik. Zum Zeitpunkt des Projektstarts gab es keine Fotos vom A350. Auch beim Thema Inhalt im Allgemeinen lief die Grundlagenarbeit noch auf Hochtouren. Der Zeitplan war mit knapp sechs Monaten zudem eine sportliche Herausforderung.

The challenge

Presenting technological topics such as maintenance in an emotional, innovative and casual way was the main task of the A350 working group at Lufthansa Technik. There were not any photos yet of the A350 at the start of the project. And when it came to content in general, the fundamental work was still in full swing. On top of this, the timeline of six months was quite sporty.

Die Lösung – 

Simply render it!

Ein wesentlicher Bestandteil des von uns entwickelten Konzepts waren imposante und emotionale Bilder, die das Thema „Technology Leadership“ der Lufthansa Technik transportieren können. Im Verlauf des Projekts wurde ein komplettes 3D Modell eines A350 am Computer modelliert, texturiert und in verschiedene, ebenfalls via CGI erzeugte, Umgebungen gesetzt. Unser 3D Spezialist entwarf eine Wartungshalle inklusive realistischer heterogener Beleuchtung – also einem Mix aus künstlichem Deckenlicht und Tageslicht, das durch die Hallentore einfällt. Um den Zeitplan einzuhalten, liefen parallel dazu schon die Arbeiten am UI/UX Design sowie ersten Entwicklungen an der Softwarearchitektur.

The solution: 

Simply render it!

An essential part of the concept we developed was impressive and emotional images that could transport the technology leadership of Lufthansa Technik. Over the course of the project, a complete 3D model of an A350 was generated on the computer, given texture and staged in various environments, also using computer-generated imagery. Our 3D specialist designed a maintenance hall, including realistic heterogenous lighting – in other words, a mix of artificial ceiling lighting and daylight falling through the hall’s doors. To keep the deadline, work on the UI/UX design took place at the same time, along with the initial development of the software architecture.

A350 Rendering
A350 Rendering
A350 Rendering
A350 Website

Web, iOS, Android –
Und alles noch auf verschiedenen Geräten.

Web, iOS, Android – and all of it on various devices

Um den hohen Anforderungen der Cross-Device Strategie gerecht zu werden, prüften wir zahlreiche technologische Lösungswege und entschieden uns letztlich für das Framework „AngularJS“ als Basis für eine eigene Entwicklung. So konnten wir alle geforderten Zielgeräte bedienen und die Anwendung zusätzlich noch responsive aufbauen. Das Ergebnis kann überzeugen:
 a350.lufthansa-technik.com

To satisfy the requirements of the cross-device strategy, we reviewed various technological solutions and finally chose the AngularJS framework as the basis for our own development. This enabled us to cater to all the required end devices and, in addition, build the application to feature a responsive design. Be convinced yourself by the results: a350.lufthansa-technik.com

A350 Website Desktop und Tablet Vorschau Homepage

User Experience Design

Dem User Interface kam in unserem Konzept eine besondere Bedeutung zu. Zahlreiche Designsprints und Reviews mündeten in einem eleganten und sehr schlichten UX Design, das dem User verschiedene Navigationsmöglichkeiten bietet – sowohl ein einfaches Blättern auf Tablets als auch eine klassische Menüführung für Desktop-PCs.

User experience design

Our concept put a special emphasis on the user interface. Numerous fast design rounds and reviews resulted in an elegant and very lean UX design. It offers the user various navigation options: from simple swiping on tablets to traditional menu navigation for PCs.

„Überzeugt haben uns die innovativen Ideen, eine sehr kundenorientierte Haltung und die gebündelte Kompetenz in einem kleinen Team.“

Jan-Alexander Otto

Project Manager „A350 Marketing“
Lufthansa Technik AG

„We were convinced by the innovative ideas, a very client-centric approach and the bundled competence in a small team.“

Jan-Alexander Otto

Project Manager „A350 Marketing“
Lufthansa Technik AG

A350 Website Vorschau Airline Support Seite

Content

Konzept und Strategie
Inhalteplanung

Content

Conceptualization and strategy
Content planning

Design

UI / UX Design
Prototyping
3D Modeling
Rendering

Design

UI / UX design
Prototyping
3D modeling and rendering

Umsetzung

HTML5 (Angular.JS)

Execution

HTML5 (Angular.JS)

Fragen oder Projekte?

Have questions or projects?