Overview

1_Overview.png
 

Process

Based on Jesse James Garrett’s, “The Elements of User Experience,” this map visualizes our process and the thoughts behind the proposed deliverables

 
2_Process.png
 

Personas

We defined 3 primary personas based off of questionnaires that were sent out to ACE’s existing members. These personas were used to outline the type of content, text, and forms of marketing we created for each page of the site.

 
3_Personas.png
 

Experience Map

The event site needed to exist in two phases: pre/post-event and announced/ongoing-event. This map was used to outline the primary path a user would take when visiting the site during the two phases. It was used as a tool to understand user behavior, define primary actions, highlight any potential pain points, and to create a baseline understanding of the general experience.

 
4_Experience Map.png
 

Design Principles

I defined a set of design principles to serve as a guide for all internal team members and stakeholders, and to facilitate collaboration.

 
5_Design Principles.png
 

Site Map

I worked collaboratively, with Jason Volinsky, to define the information architecture and general layout of the site.

 
6_ACE Site Map - Events & Editorial.png
 

Style Guide and Design System

Working collaboratively with Sebastien Jarquin, we defined all styles, components, and patterns used throughout the site.

 
7_ACE_Styleguide_Foundations.png
 

Patterns

To accommodate all use-cases, I defined a set of flexible and reusable patterns.

modules-in-motion.gif
ACE_Modules_Masthead.jpg
ACE_Modules_Carousel.jpg
ACE_Modules_Image Gallery 1.jpg
ACE_Modules_Image Gallery 2.jpg
 

Mockups

From large desktop to mobile screen sizes, all pages had to be fully responsive.

ACE_Mockups_Guests.jpg
ACE_Mockups_Creator Details'.jpg
ACE_Mockups_Programming.jpg
ACE_Past Cons.jpg