✈️ Booking Site Design System (Multi-Brand)

Crafting cohesive user experiences across diverse brand identities. At Otravo, we introduced a design system to streamline our workflows across prominent travel brands, including Travelgenio.com, Tripmonster.com, Travel2be.com, Vliegtickets.nl, Vliegtickets.be, Flygstolen.se, Greitai.lt, Bookinghouse.ee, and Flysiesta.lv. This system eradicated inconsistencies and established a singular source of truth, ensuring updates are made just once. I've highlighted several examples showcasing its construction and our methods of utilization.

I like structure. This is the way I built the design system for Otravo:

Controllers: Are used in elements, components, and modals.
Elements: Are used in components and modals. Could only contain controllers
Components: Are used in modals. Contains elements and controllers
Modals: Are used on pages. Could contain components, elements, and controllers

Interactive button with nested symbols, overrides, and color and layer styles, placed in a modal on the payment page.

Naming conventions, even for the layer styles

One title component for the whole site. With overrides, text and layers styles and interactive checkmark that can be turned off too without detaching the symbol.

You may also like