Activity Cloud

Data insights helping event organizers and membership coordinators identify when, where, and how to reach customers.

Project

SaaS Web App

Role

UI/UX Design

Background

Active Network had unique insights into the events industry from their years of experience. These were insights and analytics that would be beneficial to event organizers worldwide, yet there was no tool to access such data.

As the lead designer on the project, I worked with junior designers and the UX team to create a tool that provides event organizers with analytics of their market and helped them take advantage of and find new opportunities.

01

Visual Exploration

Visual Exploration

Knowing that the product would be data heavy, I began by blocking out colors and and attempting to nail down a basic style for data presentation. Active Network already had its own brand and style guide, but I was directed to explore a distinct look that was both modern yet familiar.
Colors & Typography — Once the stakeholders were happy with the basic designs, I began locking down the style. Colors were chosen to evoke eventful fun to soften the drab of data presentation. Brand font was chosen with an eye for readability.

River Bed
#313741

White
#ffffff

Picton Blue
#46c6e9

Pastel Red
#ff645c

Lavender
#a07ab8

Stone
#748288

Koromiko
#fcbd67

Loblolly
#b3bdc1

Proxima Nova

Regular

Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
(.,:;?!$&@*) 0123456789

Proxima Nova

Semibold

Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
(.,:;?!$&@*) 0123456789

Proxima Nova

Bold

Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
(.,:;?!$&@*) 0123456789

Map Pin

Trophy

Ribbon

Countdown

Registration

Swimming

Mountain Biking

Century Ride

Camp & Recreation

Newsletter

Icons — I hired a vendor and oversaw the creation of custom icons, keeping it simple but useful.

02

The Product

The Product

Using data from activities, marketing campaigns, usage history, social analytics, and participant information, the app provides event organizers with actionable intelligence. This gives the users an invaluable advantage, providing them more customers, and in turn driving more customers to Active Network.
Plan Events & Campaigns — At the heart of the app is the ability for the user to plan an event for which everything revolves around. Once an event is set, the user is able to select targeted campaigns to boost reach and attendance.
Map & Insights — The heat map tracks event locations, social interests, registration timeline, and historical interest, while the analytics and insights allow the user to adjust goals and keep an eye on competition level, registration and revenue status, participant reach, and performance timeline. All these things help drive more customers to the users, making them happy, which translates to positive feedback and ultimately more customers for Active Network.

03

Design System

Design System

To ensure consistency and to guide designers and engineers on best practices, I created a design system that covered everything from typography, color schemes, form elements, accessibility, etc., in both online and offline formats.