About Aero

The Aero Design System provides reusable components and guidelines to help teams create consistent, on-brand digital experiences for Air France and KLM. It streamlines design and development, making work faster and easier.

Overview / Hero AF

Vision

Aero provides our product teams with a continuously improving single source of truth for multi-brand design. Aero helps efficiently optimise creation and safeguard consistency, so together we can deliver excellent, industry-leading, and future-proof digital experiences for all.

Objectives

Curate

Building a multi-brand library of standardized components and foundations to solve design challenges. This ensures better accessibility and a consistent user experience across all digital touchpoints.

Collaborate

Encouraging teamwork between designers, developers, and stakeholders through regular feedback. This helps refine our components and workflows so the design system can grow with the Air France-KLM’s needs.

Create

Giving teams reusable components, foundations, and guidelines to speed up development. This lets them focus on user needs while staying on-brand.


Roadmap

Scope

Our focus has been on building the Global Foundation for Air France and KLM. We will apply it on Blueweb and Mobile first, allowing us to refine and learn internally before expanding to all platforms and gradually opening up public access.

Phase 1: Setup

  • Establish a Core Team [DONE]
    Form a cross-functional team with clear roles.
  • Define the Vision [DONE]
    Align the vision with business goals and user needs.
  • Current State Audit [DONE]
    Review existing assets and identify issues.
  • First Release [DONE]
    Develop a feature set that provides immediate value.

 

Phase 2: Adoption

  • Build Single Source Platform [DONE]
    Create a central platform for code libraries and resources.
  • Deliver Support [DONE]
    Set up communication channels and thorough documentation for effective use of the design system.
  • Validate and Iterate [DONE]
    Launch the first release in a controlled setting, gather feedback, and make improvements.

 

Phase 3: Scale

  • Expand Access and Collaboration [IN PROGRESS]
    Promote knowledge sharing through workshops and collaborative efforts.
  • Continuous Improvement
    Allocate resources for ongoing updates and monitor effectiveness through metrics.
  • Future Expansion
    Gradually add new platforms with their libraries, patterns and components, and encourage community engagement among designers and developers.

 

Phase 4: Go public

  • Refreshed identity
    Compete with industry standards by ensuring all content is written and visualized with a consistent tone of voice and unified look and feel.
  • Open access
    Make the guidelines website publicly accessible to all target audiences, including designers, developers, and content specialists from any department within and partners outside the organization.
  • Maintaining high standards
    Continuously benchmark against industry leaders and gather feedback to keep guidelines current, accessible, and reliable.