2-diagonal-squares-top-left-white-blue
AMADEUS DESIGN SYSTEM CASE STUDY

Expansive design,
meticulously
documented

Deliverables

  • Complete online design system
  • Iconography and typography
  • Components library
  • Code snippet feature
  • Layout and grid system

Long story short

Amadeus is a leading provider of IT solutions for the global travel and tourism industry. It aims to connect global travel and hospitality together as a unified ecosystem.

As part of the Amadeus Digital Ecosystem project, Luxid helped the company rebuild its websites and digital operations. In support of this ambitious goal, we created the Amadeus Digital Design System.

This web-based resource enables Amadeus teams and partners to grasp and implement the key principles of the new design system.

section-shape-long-rectangle-vertical-black
Context

About Amadeus

Headquartered in Spain, Amadeus is a leading IT provider for the global travel and tourism industry, providing services on a global scale with different industries.

To manage its global presence, Amadeus needed a centralised approach to keep control of branding and messaging while giving individual markets the ability to adapt to local needs for optimal results.

square-rectangle-top-right-black-blue
Layout_new

Challenge

The Ecosystem project required a complete design overhaul, including the introduction of new iconographic and typographic systems. The new design hinges on space and simplicity, with a lot of attention given to creating a clean and user-centric digital experience. Similarly, the design system needed to be straightforward, intuitive and easy to navigate.

Solution

Documenting our creative approach

The Amadeus Design System is freely accessible to Amadeus account holders, encapsulating our approach to user-focused web design. The System outlines our methods for creating clean, intuitive and accessible digital experiences – and its fully optimised for mobile.

Defining and codifying our design system

The Ecosystem project required a complete design overhaul, including the introduction of new iconographic and typographic systems. The new design hinges on space and simplicity, with a lot of attention given to creating a clean and user-centric digital experience. That said, the design system like the design itself had to be simple, intuitive and easy to navigate.

The resource is freely accessible to Amadeus teams and provides in-depth information on every aspect of the Amadeus visual identity. Users can explore pages of educational content dedicated to individual UI elements, best practices and powerful design concepts.

Creators and Developers

Great design relies on great development to be fully realised. As such, the Design System includes an interactive code snippet, and detailed information on the behaviours of 50+ components.

Code Snippet

The Design System features code snippets that allows developers to copy HTML, CSS/SCSS and JavaScript code. All UI elements are defined within the System and mapped to Boostrap variables.

section-shape-l-bottom-left-black-blue

Results

Luxid’s content and design teams created the design system to give a simple introduction to high-level aspects of modern web design. It is a ‘living’ resource, built to support the addition of more content in the future.

Over the course of the Digital Ecosystem project, our design team crafted a consistent, user-centric digital experience. The Amadeus Design System covers every piece of this puzzle, providing users with the knowledge to master and apply the design principles that define the refreshed Amadeus digital identity.

section-shape-l-top-right-black-black

Questions?

Jaakko Haaparanta

Creative design director

Get in touch
Why stop here?

More customer stories

Case study - AWS | kloia - Night at the Museum Case Study

Bringing witty, human storytelling to kloia’s application modernisation video marketing delivered a...

View case study

Dell - End-to-end video production

Luxid produced 30 high-quality Dell webcam videos in six languages, earning praise for...

View case study

Case study - Amadeus - AEM website build

We helped Amadeus rebuild and renew their entire technology architecture. Built on a foundation of...

View case study