Orbit-banner-2.jpg

Orbit

UI/UX, Product Design, Strategy

Cedars-Sinai Sponsored Project

Role: Research, UX Design, Visual Design, Prototyping, Branding, Art Direction

Team: Wenyuan Xu (IA & UX Design), Aron Park (Product Design), Shixun Chen (Product Design)

2018

Press Release

Designmatters@ACCD

 

According to the World Health Organization, more than 80% of the world’s adolescents are not getting enough exercise and 21% of them have obesity. Orbit is a product ecosystem that helps underprivileged teenagers in Los Angeles to be more physically active and avoid obesity before the LA 2028 Olympics. 

Orbit integrates events, fitness wristbands and a mobile app to promote casual physical activities among teenagers to explore LA physically and get more of them to become fit, which not only leverages their well-being but also establishes healthy social connections. This project was selected by the sponsor for further development.


Illustrator: Yulu Shi. Animator: Jean Hwang.

 

Background

We collaborated with 4 stakeholders to build a healthier LA before 2028

The project was sponsored by Cedars-Sinai Research Center for Health Equity, in partnership with Garmin, the City of Los Angeles Department of Recreation and Parks (LA Rec & Parks), and Discovery Cube. The goal is to facilitate physical activities among LA citizens before the 2028 Olympics.

 
Stakeholders.jpg
 

Problem & Opportunity

“More than 80% of the world’s adolescent population is insufficiently physically active.”

—World Health Organization

After conducting preliminary research, we found out the majority of teenagers lack physical activities and spend too much time on screen. After conducting user interviews and field observation, we learned that one of the pain points is that many physical activities provided by schools and recreation centers are intense and require a certain level of knowledge and skills. Those inactive teenagers prefer casual activities if they have to do, and often want to be with their peers. What if we can use that as an opportunity and motivation for them to start working out?

texting-teens1.jpg
 

I brainstormed in a team of four and created a user journey map for our target users: a day in the life of a high school student in Los Angeles.

 
Orbit_Process.jpg
 

Introducing Orbit

Orbit is creating an engaging social experience for teenagers to explore LA and become physically active

The Orbit system includes a mobile application, a platform that provides information on events held in LA, and the wristband, a fitness tracker. To improve the programs and activities for teenagers at LA Rec & Parks, we also designed a series of new events utilizing existing resources of LA Rec & Parks, in an innovative and collaborative way.

 
System-diagram.jpg
 

Orbit Product System

Screen Shot 2019-09-23 at 2.56.49 PM.png
orbit-1.png
 

Events

Orbit provides a space for teenagers to hang out, outdoors. Activities range from skateboarding in Venice Beach to partying and kickboxing at recreation centers with virtually projected cactuses in a Joshua Tree National Park environment.

App

Orbit utilizes teenagers’ enthusiasm with social media, and functions as a social platform for them to share their experience with physical activities. They can also search and register for events that LA Rec & Parks provides, and view activity data. It creates a community for teenagers to stay connected with peers and feel motivated to become physically active.

Wristband

Orbit provides a beautifully designed wristband for teenagers that acts as an activity tracker and also allows them to collect beads from different events they’ve attended, such as a kickboxing bead or a basketball bead. Its thin design alludes to the threaded wristband that kids often make and exchange themselves.

 

Stakeholders Diagram

Orbit_stakeholders_diagram.png
 

Positioning Matrices

 

Design Criteria

Screen Shot 2019-07-22 at 11.58.16 AM.png
 

Orbit App

Orbit App is a platform that allows teenagers to explore events, activities, and programs, share experiences and track fitness status.

 
Orbit-Visual@2x.jpg
 
 

Feed page

Browse Feed

Provide a glance view of others’ posts of their physical activities, and programs or events they participated in. Users can comment, like and share the posts.

App-1.gif
 
 

Activity Page

Purchase Wristband

Without the device, the activity page is not activated and leads users to the purchase page where users can purchase the device. After receiving the device, it can be connected to the app.

Screen Shot 2019-07-22 at 1.36.55 PM.png
 

Orbit App Flow Chart

UI-Flow-Chart.jpg
 

Presenting our final project in front of the guests and representatives from the 4 sponsors: Cedars-Sinai Research Center for Health Equity, Garmin, City of Los Angeles Department of Recreation and Parks (LA Rec & Parks), and Discovery Cube.

 
Orbit_Presentation.jpg
 

Visual Style Guide

The visual “look and feel” keywords are playful, approachable and energetic, which align with our product positioning and caters to teenagers’ aesthetics. For the icon design, I played around with an offset fill treatment to enhance the playfulness of the design and give it a unique personality.

 
Style-guide.jpg
 

Orbit Event

We designed a new event “LA Summer Night” that provides immersive projection games to integrate LA iconic locations and promote 2028 LA Olympics, where teenagers can meet new friends and learn rules of Olympic sports. It will take place at LA Rec & Parks indoors.

 
 
 
 

Orbit Wristbands

Generation 1 – Garmin Vivofit 4 with Orbit colors

Orbit-wristband-7.jpg
 

Generation 2 – Fitness trackers reimagined for teens

Orbit-wristband-5.jpg

Reimagine Fitness Trackers

The wristband consist of three parts, the yellow device, the black band, and the metallic beads.

Orbit-wristband-9.jpg
 

The device is for fitness tracking, the inside part contacts with users’ skin to gather health information. The indication light on the outside allows users to know what the wristband is doing.

 
Orbit-wristband-4.jpg
 

The beads are collectables that users receive at the events they attend, different icons on the beads indicate the sports the user have participated in.

 
Orbit-wristband-1.jpg
 

Final Presentation

 

Process Documentation

 

10-Year Rollout Plan

The rollout plan shows how Orbit system will develop in the next 10 years.

Screen Shot 2019-07-22 at 11.58.49 AM.png

Click here to view our 411-page process book.