AirStage Cloud Experience

 UI Design, UX Design, Design System - 2022

AirStage Cloud Project consisted of a Migration from Sketch to Figma with a full Redesign & creating of a New Design System for smart components.

Discovery

For each section, we followed the process that I defined where we filled out a simple brief, for a reference point for the area. From there we again conducted some discoveries before jumping right into the design. This proved very valuable for myself & the team to get a better insight into the sections we are designing for.

Understand & Explore

Here are a few sections showcasing explore work, very messy but so much has been clarified and new flows explored and setting us up nicely for Materialization.

Materialize

AirStage Cloud Experience

As a team, we materialized all of our flows for the Airsatge platform to a Hifidetlity state where we prototyped each flow and conducted User testing using mase to validate each section before moving to development.

We delivered 14 sections with +180 High fidelity screens within this project & hundreds more within the exploration stage. I worked on the first 2 sections to define a Process for other team members to work on each session. I then set out a roadmap for the team to work on some of the following sections. I overseed all sections helped on the UI front & revised work I owned 6 sections from start to completion.

ASCX - Design System

I & the team created a design system from scratch in Figma with smart components with auto layout an variants, taking full advantage of Figma. In the DS we included colors & styles, typography, branding, and a grid system. From small atom components to compiled with many variables. The DS had over 70+ Components (This was a great project that required a lot of iteration.)  

Thanks for reading.