ArtsWave
ArtsWave
design systems
ux/ui design
prototyping
animation
Industry
Industry
Arts & Entertainment
Arts & Entertainment
Company
Company
Atomic Robot
Atomic Robot
ArtsWave
ArtsWave
Product
Product
Mobile iOS & Android App
Mobile iOS & Android App
Challenge
ArtsWave is the engine for showcasing Greater Cincinnati's Arts & Entertainment scene. Through gifts and donations, ArtsWave supports 150+ organizations, artists, and projects through funding, services, and advocacy. They go on to create thousands of concerts, shows, exhibitions, arts education programming, public art, events like BLINK®, and others, fueling a more vibrant regional economy and connected community for everyone. They wanted to extend their connection with the community even further by providing them with an app to track donation progress and status, access exclusive in-app content, and promote the ArtsWave guide, a comprehensive Cincinnati events calendar.
ArtsWave is the engine for showcasing Greater Cincinnati's Arts & Entertainment scene. Through gifts and donations, ArtsWave supports 150+ organizations, artists, and projects through funding, services, and advocacy. They go on to create thousands of concerts, shows, exhibitions, arts education programming, public art, events like BLINK®, and others, fueling a more vibrant regional economy and connected community for everyone. They wanted to extend their connection with the community even further by providing them with an app to track donation progress and status, access exclusive in-app content, and promote the ArtsWave guide, a comprehensive Cincinnati events calendar.
Solution/Approach
In collaboration with the team at ArtsWave, we took their feature requests and brought them to life through a robust design system and flow of screens. The app provides three separate user flows to cater to each user level and provides signed-in users with many opportunities for personalization. The variety of user journeys and unique features possible for this app offered our team a lot of room to get creative.
In collaboration with the team at ArtsWave, we took their feature requests and brought them to life through a robust design system and flow of screens. The app provides three separate user flows to cater to each user level and provides signed-in users with many opportunities for personalization. The variety of user journeys and unique features possible for this app offered our team a lot of room to get creative.
Problem
ArtsWave and the ArtsWave Guide were only available via their website. With their partnerships quickly growing, they saw a need for a more custom and comprehensive platform to bring their members to more events.
ArtsWave and the ArtsWave Guide were only available via their website. With their partnerships quickly growing, they saw a need for a more custom and comprehensive platform to bring their members to more events.
Creating an app became the obvious answer. However, with a wide range of features and event types, membership levels, exclusive content and more, we were met with challenges to work through as a team when it came to retaining stellar usability, keeping in mind the implementation process and tight project deadline.
Creating an app became the obvious answer. However, with a wide range of features and event types, membership levels, exclusive content and more, we were met with challenges to work through as a team when it came to retaining stellar usability, keeping in mind the implementation process and tight project deadline.
Goals
Build a design system from scratch that can grow and expand with the nonprofit.
Build a design system from scratch that can grow and expand with the nonprofit.
Create 3 main user states of the app, detailed with differing offers, profile detail displays, and exclusive feature access.
Create 3 main user states of the app, detailed with differing offers, profile detail displays, and exclusive feature access.
Build complex flows that encourage users to further personalize their app experience while not losing their attention in the process.
Build complex flows that encourage users to further personalize their app experience while not losing their attention in the process.
Create a comprehensive event calendar featuring an advanced search filter, the ability to save and share events, and create custom schedules to plan a weekend of events.
Create a comprehensive event calendar featuring an advanced search filter, the ability to save and share events, and create custom schedules to plan a weekend of events.
The ArtsWave App was launched in October 2024! It is available for download in the Apple and Play Stores today with even more improvements.
The ArtsWave App was launched in October 2024! It is available for download in the Apple and Play Stores today with even more improvements.
Building ArtsWave
Rachel & Joey
Rachel & Joey
Hometown Explorers
Hometown Explorers
Motivations
Motivations
Convenience
Convenience
Variety
Variety
Price
Price
Loyalty
Loyalty
Rachel & Joey have three young children and live in the Cincinnati suburbs. They are always looking for new ways to entertain the kids, but it can feel redundant at times as they revisit many places in the city. A friend recently suggested the ArtsWave website, and they are now looking forward to finding family-friendly events they can take their kids to and expose them to new experiences in the arts sector. However, the website feels tough to navigate, and for a busy family, efficiency in finding events and planning these excursions is crucial.
Rachel & Joey have three young children and live in the Cincinnati suburbs. They are always looking for new ways to entertain the kids, but it can feel redundant at times as they revisit many places in the city. A friend recently suggested the ArtsWave website, and they are now looking forward to finding family-friendly events they can take their kids to and expose them to new experiences in the arts sector. However, the website feels tough to navigate, and for a busy family, efficiency in finding events and planning these excursions is crucial.
Richard
Richard
Avid Arts Donor
Avid Arts Donor
Motivations
Motivations
Convenience
Convenience
Variety
Variety
Price
Price
Loyalty
Loyalty
Richard has always been passionate about the arts and has recently become a regular ArtsWave donor in his retirement. He has family that lives out of town, so he likes to plan an activity to do together whenever they come into town. Richard currently uses the ArtsWave website but sometimes struggles to keep track of his membership level and easily search for different events that can appeal to all his visitors. He isn't the most tech-savvy, so he would like an easy way to view event details, share them with his family, and also manage his donor level annually.
Richard has always been passionate about the arts and has recently become a regular ArtsWave donor in his retirement. He has family that lives out of town, so he likes to plan an activity to do together whenever they come into town. Richard currently uses the ArtsWave website but sometimes struggles to keep track of his membership level and easily search for different events that can appeal to all his visitors. He isn't the most tech-savvy, so he would like an easy way to view event details, share them with his family, and also manage his donor level annually.
Michaela
Michaela
Cincinnati Visitor
Cincinnati Visitor
Motivations
Motivations
Convenience
Convenience
Variety
Variety
Price
Price
Loyalty
Loyalty
Bailey lives out of town but visits Cincinnati for work and to visit college friends often. She likes to make each trip worthwhile and pack each day with fun activities when not working but sometimes finds it hard to find new activities other than a concert or sports game. Bailey is looking for a center of entertainment offerings where she can discover new events and easily plan a schedule for her visits, whether its by herself or with others.
Bailey lives out of town but visits Cincinnati for work and to visit college friends often. She likes to make each trip worthwhile and pack each day with fun activities when not working but sometimes finds it hard to find new activities other than a concert or sports game. Bailey is looking for a center of entertainment offerings where she can discover new events and easily plan a schedule for her visits, whether its by herself or with others.
Logos
Color
Primary
color name
AW Red Primary
semantic use
Brand
Accent
value
#F23A30
token
-aw-red-primary
color name
AW Yellow Primary
semantic use
Overlay
Accent
Foreground
value
#FFB719
token
-aw-yellow-primary
color name
AW Yellow 95 Primary
semantic use
Background
Accent
value
#FFF2E5
token
-aw-yellow95-primary
color name
AW Purple Primary
semantic use
Brand
Container
Control
value
#4C008E
token
-aw-purple-primary
color name
AW Purple 95 Primary
semantic use
Background
Accent
value
#F3E5FF
token
-aw-purple95-primary
color name
Purple Disabled
semantic use
Disabled
Brand
Container
value
#A580C7
token
-aw-purple-disabled-primary
Secondary
color name
Teal
semantic use
Overlay
Divider
Foreground
Accent
value
#00C1DE
token
-aw-teal-secondary
color name
Blue
semantic use
Overlay
Divider
Foreground
Accent
value
#0069C8
token
-aw-blue-secondary
color name
Orange
semantic use
Overlay
Divider
Foreground
Accent
value
#FF9425
token
-aw-orange-secondary
Iconography
Cards
Unlock Arts & Entertainment savings with an ArtsWave Pass
Learn More
Sep
16
2023
-
Nov
12
2023
Music Hall
Piano Recital
FREE
Perk
Welcome back, Username
Member Savings
00:00 PM
Victor Wooten and the Wooten Brothers at Memorial Hall
Presented by
Memorial Hall CTR at Memorial Hall CTR
Buttons + Controls
Primary Button
Primary Disabled
Secondary Button
Secondary Disabled
Tertiary Button
Tertiary Disabled
Quaternary Button
Quaternary Disabled
Home
My Itinerary
Share
My Itinerary
Favorite
Favorite
Typography
Century Gothic
HEADERS
Hero
Content Title
Form
Card Hero
Carousel Title
Banner
Page Title
SIZE
32
24
24
20
20
16
14
WEIGHT
Bold
Bold
Regular
Bold
Bold Italic
Bold Italic
Bold
LABELS
Input
Icon
SIZE
12
10
WEIGHT
Regular
Regular
BADGES
Badge Title
Badge Subtitle
Badge Info
Bold Italic L
Bold Italic
Bold Italic S
SIZE
12
10
14
14
12
10
WEIGHT
Bold
Bold
Regular
Bold Italic
Bold Italic
Bold Italic
BODY
Copy
Copy Bold
Copy Small
SIZE
16
16
12
WEIGHT
Regular
Bold
Regular
BUTTONS
Primary
Quaternary
Small
SIZE
16
16
12
WEIGHT
Bold
Regular
Bold
Logos
Color
Primary
color name
AW Red Primary
semantic use
Brand
Accent
value
#F23A30
token
-aw-red-primary
color name
AW Yellow Primary
semantic use
Overlay
Accent
Foreground
value
#FFB719
token
-aw-yellow-primary
color name
AW Yellow 95 Primary
semantic use
Background
Accent
value
#FFF2E5
token
-aw-yellow95-primary
color name
AW Purple Primary
semantic use
Brand
Container
Control
value
#4C008E
token
-aw-purple-primary
color name
AW Purple 95 Primary
semantic use
Background
Accent
value
#F3E5FF
token
-aw-purple95-primary
color name
Purple Disabled
semantic use
Disabled
Brand
Container
value
#A580C7
token
-aw-purple-disabled-primary
Secondary
color name
Teal
semantic use
Overlay
Divider
Foreground
Accent
value
#00C1DE
token
-aw-teal-secondary
color name
Blue
semantic use
Overlay
Divider
Foreground
Accent
value
#0069C8
token
-aw-blue-secondary
color name
Orange
semantic use
Overlay
Divider
Foreground
Accent
value
#FF9425
token
-aw-orange-secondary
Iconography
Cards
Unlock Arts & Entertainment savings with an ArtsWave Pass
Learn More
Sep
16
2023
-
Nov
12
2023
Music Hall
Piano Recital
FREE
Perk
Welcome back, Username
Member Savings
00:00 PM
Victor Wooten and the Wooten Brothers at Memorial Hall
Presented by
Memorial Hall CTR at Memorial Hall CTR
Buttons + Controls
Primary Button
Primary Disabled
Secondary Button
Secondary Disabled
Tertiary Button
Tertiary Disabled
Quaternary Button
Quaternary Disabled
Home
My Itinerary
Share
My Itinerary
Favorite
Favorite
Typography
Century Gothic
HEADERS
Hero
Content Title
Form
Card Hero
Carousel Title
Banner
Page Title
SIZE
32
24
24
20
20
16
14
WEIGHT
Bold
Bold
Regular
Bold
Bold Italic
Bold Italic
Bold
LABELS
Input
Icon
SIZE
12
10
WEIGHT
Regular
Regular
BADGES
Badge Title
Badge Subtitle
Badge Info
Bold Italic L
Bold Italic
Bold Italic S
SIZE
12
10
14
14
12
10
WEIGHT
Bold
Bold
Regular
Bold Italic
Bold Italic
Bold Italic
BODY
Copy
Copy Bold
Copy Small
SIZE
16
16
12
WEIGHT
Regular
Bold
Regular
BUTTONS
Primary
Quaternary
Small
SIZE
16
16
12
WEIGHT
Bold
Regular
Bold
Download on the Apple and Play Stores!
Download on the Apple and Play Stores!
If you would like to see a full prototype, contact me for a more in-depth walkthrough.
If you would like to see a full prototype, contact me for a more in-depth walkthrough.
