custom-cover-arrow

Unison

Digital-Product-tag

Interface and experience design for a co-created empathy-building app. 

Unison_Mockup
Unison_SignUp_Vertical_1
Unison_SignUp_Vertical_2
Unison_Overview

Concept and design development

Before designing the app, I defined a concept outlining the app’s purpose and functions. Through research and refinement, I created basic wireframes and brand elements that aligned with the app's concept and strategy.

Unison_Concept Development_Strategy
Unison_Concept Development_Wireframes
Unison_Concept Development_Wireframes-1
Components

Onboarding

When users first open Unison, they are shown a short overview of the app’s main features and are paired with content from locations of their interest.

Onboarding_Mockup
Unison_Onboarding_1
Unison_Onboarding_2

Explore

The main section of the app—the Explore section—is where users can browse photos. It is organized into two tabs: Following and Global. The Following tab is a feed of photos from the user's following list, while the Global tab highlights locations, times, and users around the world. Both tabs feature small previews of content from the opposite tabs, encouraging users to navigate throughout the app.

Explore_Scene
Unison_Explore_Vertical_1
Unison_Explore_Vertical_2
Unison_Explore_3
Unison_Explore_4
Unison_Explore_5
Unison_Search

Camera

In 10-minute windows, users can post a photo of their surroundings. When posting a new photo, users include their location and a short description that answers the question, "What are you doing right now?" After users post their photo, they are prompted to explore other recently uploaded photos from around the world.

Unison_Camera_2
Unison_Camera
Unison_Camera_3

Messages

Users can chat individually and in groups, as well as share what they're doing directly to other users.

Messages_Mockup2
Unison_Messages
Unison_Explore_Vertical_1-1
Unison_Explore_Vertical_1-2

Profile

Users can also customize their profile and adjust their account settings.

Profile_Mockup
Unison_Profile
Unison_Profile_2
Back to top Arrow