Svela Air

Design System • Prototyping • AI for Ideation

Uncover Italy

Overview

Design System for a small airline operating within Italy. Advanced Figma prototype of ticket ordering process.

Timeline - 10 weeks prototyping, 5 weeks creating design system

Tools - Figma, Google Gemini, Microsoft Copilot, Adobe Firefly

Booking a Flight

GIF of user making location and date selections GIF of user progressing through flight booking process
Splash page of Svela Air Flight Selection page
Splash page of Svela Air Flight Selection page

Figma Variables

These are a few of the variables used to create the Figma prototype for booking a flight using Svela.

Screenshot of Figma variables for flight details Screenshot of Figma variables for flight costs

Design System

The Svela Design System lays out the values and guidelines to follow when building new experiences within the brand.

Identity

Guidelines for the design language of the Svela ecosystem.

Excerpt from the Identity section of the design system in Figma

Components

Usable components for Figma designs and prototypes.

Excerpt from the Components section of the design system in Figma

Accessibility

An overview of the fundamental accessibility considerations for every design.

Accessibility section of the design system in Figma

Other Projects