Cascade

Year

2025

Medium

UI/UX, Interaction

Tools

Figma, After Effects

Duration

~4 Months

Design System for Parkway Air

Welcome to Parkway Air!

Parkway Air is a hypothetical airline booking system, prototyped in Figma designed and designed for ~100 person tours of four national parks in the upper Western United States, including Yellowstone, Glacier, Badlands, and Rocky Mountain.

The Purpose of Cascade

Exploration

Navigation

Direction

These three values represent Parkway Air’s devotion to delivering fast and reliable travel to your favorite North American national parks, so you can get to exploring as quick as possible!

Cascade serves as our branding and design system, and is designed to not only uphold these three values, but unify our brand and user experience to allow our passengers an easy and intuitive way to discover our nation’s parks.

Planning

I first researched the closest airports to each of the four parks. I decided to choose Yellowstone Airport (WYS) as Parkway's hub, as in, the airport in which all flights connect to.

I then plotted a daily three-plane system from West Yellowstone to Denver, Rapid City, and Kalispell, with each plane taking two daily trips.

Logo Iterations

Parkway Air’s logo is a stylized rendering of the national park logo: a simple arrowhead. The pointed and guiding nature of the arrowhead shape allows for a sense of movement, a quality appropriate for our brand as an airline.

Illustration Iterations

I originally planned to implement a stroke-based vector illustration style that emphasized the landscapes of each park.

I ended up keeping the stroke-based concept but designed the background illustrations off of topographic lines and hiking trails, emphasizing the brand's themes of exploration and movement. Topographic maps display elevation from a bird'es eye view, so it fits well for an airline.

Design System

A fully comprehensive design system for Parkway Air featuring the different design aspects that make up the brand and UI.

Included are associated Figma variables, styles, and guidelines and how to properly use each asset and aspect.

Everything Figma

Everything in the design system and working prototype is connected to a system of Figma variables and styles.

The components and screens are made up of individual styles and variables. Those styles are composed of individual variables, creating a cascading system, inspiring the name of the design system.