Omio: Unifying brand aesthetic with a Design System

With over 18 million application downloads and an average of 27 million monthly users, the development effort from Omio was truly extensive – and with many independent frontend teams working on the app, a Design System needed to be implemented to provide brand consistency across all elements.

Scroll down for more

Business Benefits

With over 27 million monthly users on average, Omio has many customers to delight and a very clear reason to provide a visually consistent and seamless user experience.

As well as providing this consistency, the creation of the Design System and a central library of resources and components meant that:

    • Omio teams can create new services using pre-existing assets, diminishing development times,
    • Different teams are able to guarantee a seamless, unified experience across company products,
    • Navigation is easy and effortless for users, as all buttons and elements remain consistent,
    • Omio can benefit from a streamlined design and development process with a consistent brand aesthetic and tone,
    • Users are provided with a perfected, visually consistent application.

Results by Numbers

46

Contributors

to the shared components library

40+

Projects

that today make use of the design system

30%

Reusable

a substantial amount of the code is shared

Business Need

Due to the expansive scope and scale of the Omio app, the company had divided its frontend team into smaller teams who were tasked with developing separate user-facing elements of the app. For example, one team was responsible for the homepage, another for the search page, and yet another one for the booking page.

To complicate matters further, the teams’ development efforts didn’t coincide, and each team used a separate code repository.

This sometimes resulted in frontend teams creating visual app elements that looked somewhat different from each other, (e.g. buttons had slightly different shapes and colours). Omio quickly realised that a systematic change was needed – and that’s when the decision was made to implement a company-wide, unifying frontend Design System.

photo of quoting person

We’re thrilled that the Omio app continues to grow in popularity and scope – with that in mind, we knew that providing visual consistency and high-quality user experience would be crucial for our customers. To meet this need, PGS Software has helped us implement a Design System that all teams could use to ensure brand consistency. This has proven very efficient and allows us to grow at an even faster pace.

Alex Zhuk, Engineering Manager, Omio

Project Details

solutions icon

Solutions

Components Library, Private NPM Package

technologies icon

Technologies

JavaScript, React, NodeJS, NPM

tools icon

Tools

Storybook, Styleguidist, InVision

team icon

Team

46 Design System Contributors

About the Client

client logo

Omio (previously known as GoEuro) helps customers find and book tickets for travel by train, bus, and flight across Europe. With Omio, travellers can decide on the best transport option for their needs, based on duration, price or mode, instead of having to visit multiple websites to plan a trip. The booking experience is simple and personalised. www.omio.com

Need a software solution?

Don’t hesitate to get in touch via the form below or at:

+48 71 798 2699

Let us know what you’re looking for.