Air+Style

A yearly website for a snowboard & music festival

Go back to ProjectsCreated with Sketch.
Next SectionCreated with Sketch.
Project Type

Website + E-commerce

Our Role

UX & UI Design

Year

2016 - 2017

Location

USA

The Project

Air + Style, a snowboarding competition-meets-music festival, needed a new website, yearly. The twist? After a year, we had to raise the bar for the second edition.

The Challenge

Create a professional, yet wow-inducing, website for snowboarding music lovers. Awesomeness and usability were priorities, plus e-commerce functionalities for purchasing tickets to see the bands and pros whipping down the halfpipe. A year later, we went all in for version 2.0, dropping a new design with innovative layouts, motion, and a new level of rad for a bigger, better experience.

We designed a site rad enough for festival goers, and functional enough for multi-country ticket sales

The first stage: Ideation

We collaborated with Air + Style founders to bring together all of the features needed for a snowboarding and music event worthy of a perfect 100-point score.

Air+Style

HOME PAGE

Air+Style

RIDERS PROFILE

Air+Style

LINEUPS AND SCHEDULES

Air+Style

TICKET SALES

High-fidelity Wireframes

For each edition of the site, we followed an agile process and designed in sprints. After sketching features and selecting different layout options, we presented high-fidelity wireframes.

High-fidelity Wireframes

Styles

Next up: Translating the already well-defined brand style into UI elements for the new site.

Visual Design

The black background and vibrant colors came out on top as the best way to showcase the festival.

air-style
air-style
air-style
air-style
air-style

AirStyle

Hamburger Menu

AirStyle

Lineup

AirStyle

Rider Profile

The tricks kept coming: Air + Style 2.0

The Updated Experience

For year two, we explored how to give users even more of what they were looking for. An improved site with lots of interaction, movement, the ability to follow along with the action before, during, and after the event, and all of the details on past editions.

The Updated Experience

Low-fidelity Wireframes

Rethinking the whole experience wasn’t necessary, but planning ahead is always chill, so we created some low-fidelity wireframes to get a fresh perspective.

Low-fidelity Wireframes

The Improved Visuals

It was time to go all in with the design. Innovative layouts, motion, and animation made for an even more exciting experience.

The Improved Visuals

AirStyle

Hamburger Menu

AirStyle

Home

AirStyle

Results

Scrolling Fun

Horizontal scrolling isn't for everyone, but it made perfect sense for the timeline vibe of this festival.

Scroll cursorCreated with Sketch.

Ok, we're done with trying to sound like cool snowboarders now—How'd we do? Check out more of our work:

Keep scrolling for Next Project: MessageMedia

A web application for a mobile messaging company

arrow-down-2Created with Sketch.