Case Study

Project Overview

The Snowboard Summit Conditions App was created based on an inspiring idea from watching ‘Aspen X-Games & Snowboarding Event At Olympics’. The snowboarding events that inspired me were Big Air, Slopestyle and Knuckle Huck. I wanted to create an app and a website for a hotel/resort for the snowboarding community. I wanted to be based off snowboard conditions, snow trails and vacation place people could go to.

Case Study

Design Process

This is the design process I used for the Snowboard Summit Conditions.

Empathize

Understanding The Users Need

Define

Identifying The
Problem

Ideate

Brainstorm
Ideas

Prototype

Creation Of Designs/ Prototyping UX

Test

Implementation & Improvements

Case Study

User Flows

I created these user flow diagrams using a Mac App called Freeform. I mapped out the flows based on the user experience I wanted for the application design.

Authentication Login
Snowboard Summit Conditions Authentication User Flow
Forgot Password
Forgot Password User Flow
Registration
Registration User Flow

Case Study

Brainstorming Ideas

My brainstorming process for the Snowboard Summit Conditions app was based on researching, looking up information about snowboarding, and watching snowboarding events. I actively explore platforms like Dribbble, Behance, and Pinterest to ignite my creative thinking. I try to think about the users using this app and the target audience I am creating this for.  I used the Design Thinking process for this app as well.

Case Study

Wireframing

This is the wireframing map that was used for User Experience for the Snowboard Summit Conditions. I created this flow in Sketch 3. Please click on the first image and it will open up a lightbox gallery with full images of the wireframes.

Case Study

Colour Palettes & Typography

Hex #295D69
RGB(43, 93, 105)

Hex #FFFFFF
RGB(255, 255, 255)

Open Sans – Regular
Body, Forms

 

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
!@#$%^&*()_+-=`~[]{}|;:’”<>,.?/

Open Sans – Bold

Headings, Sub-Headings, Buttons

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
!@#$%^&*()_+-=`~[]{}|;:’”<>,.?/

Case Study

User Interface Design

Snowboard Summit Conditions Gallery. Please click on the first ‘Splash Screen’ and it will open up the gallery with full-size image.

Case Study

Prototyping

The prototyping phase was an ongoing during the design of the user interface for the Snowboard Summit Conditions. I would create a screen and integrating them into a prototyping tool, utilizing the Sketch 3 Mirror App.  I would also run scenarios in my head when I was going through the user experience to think what would work and what would not work for users using the application.

Splash Screen and Login
Splash Screen & Register

Thank you,

For Reading My Design Case Study

Case Study Social Media Links: