Logos 05 1

CASE STUDY

you and App
Youth Resiliency Project – Covid-19

Now available on the app stores!

Google Play Badge 128x128 1
App Store Download Button Png 1 1
Phone 1
Untitled 19

Problem

In Spring of 2020, all schools in Orange County, CA were shut down in an attempt to stop the spread of Covid-19. The situation increased the rates of mental health issues in school age children at an unprecedented rate.

Phoenix House California, a behavioral health interventions organization, in partnership with the Orange County Health Care Agency (OCHCA) stepped in and contacted Orange Web Group, LLC based in Orange, CA to help develop a mobile app to aid children in grades K-12th deal with the severe mental health issues caused by this global pandemic.

Untitled 20

Orange Web Group

Orange Web Group along with an amazing team in media, design, and a research team from the University of California, Irvine developed the “you and” iOS, Android, & Web Applications.

Untitled 22

“you and”

“you and” App was designed to build resilience and social emotional intelligence. From feelings and coping skills to caring for mind, body and spirit, you’ll discover how to take care of the whole you. you and is available at no cost for Orange County K-12 students.

Untitled 21

Technology Stack

Native iOS & Android Web: PHP, Javascript, MYSQL, SSL, Custom API’s

Videos

In the News! NBC LA

NBC LA Logo Border 300x300 1
Play Video

The "you and " project

Untitled 4
Play Video

Branding

The branding and UX design focuses on accessibility to a K-12 audience and the families supporting their emotional well-being and wellness in a time of social distancing and isolation.

Untitled 17

Color Palette

Primary Color Palette

Primary

Secondary Color Palette

Secondry

Type

Geograph:
header: 24/25 pt bold, paragraph: 24/30pt medium

Untitled 3
Untitled 7

Logo Type

Untitled 8
Untitled 5 1

Logo Type Structure

Untitled 2 1

Logo Color Variations

Color

Logo buildup

Untitled 11

Color and Lesson Associations

Untitled 12

Shape and Lesson Associations

Untitled 14

Video Graphic Guidelines

Logo treatment with color variations

Untitled 1

Title Transitions Case Study of Grade K-2, Lesson 1-4

Untitled 2 2

Video Graphic Guidelines

Untitled 4

Lesson 1

Title Treatments Case Study

Grade K-2

Untitled 5

Lesson 1

Title Treatments Case Study

Grade K-2

Untitled 6 1

Lesson 1

Title Treatments Case Study

Grade K-2

Untitled 7 1

Lesson 1

Title Treatments Case Study

Grade K-2

Untitled 8 1

Lesson 1

Title Treatments Case Study

Grade K-2

App Design

1
2
3
4
5
6
7
8
9
10
11
12

App Design – Progress Indicator

Untitled 22 1

App Features

Secure Registration for OC students with the ability to select their school district, school, and grade level. The “you and” app personalizes the students experience and video course lessons according to their specific grade level at registration.

OTP verification via email/SMS for password reset

AI Chatbot Check-in

Personalized according to the students grade level the AI chat-bot asks a series of pretest and post test questions regarding their mental in a conversational format similar to texting a friend or family member.

The students responses which are compliant with HIPPA regulations are then stored in a secure database

Untitled 24
Untitled 2 3

Account Settings

Edit profile, email, phone, profile picture, school, grade (but completion of all courses required to change grade level), delete account

Untitled 2 3

AI Chat bot and Live Chat Support

Integrated into the application. Students have the ability to chat with a live therapist or a support team member for urgent mental health issues. The AI chatbot also provides useful resources responses to many frequently asked questions.

Untitled 2 3

Journey Tracker

An innovative and fun way for students to track their progress through the many video and workbook courses. The course icons show as partially filled if only a portion of that lesson has been completed and fully filled after the course has been completed.

Now Available on the App Stores!
Click Below

Logo Footer

© 2021 You And . All Rights Reserved

Ef7f5ee199640e800d6cc185237db32f?s=300&d=wavatar&r=g
Orange Web Group
Orange Web Group, LLC
Best Web designers in Orange
Best Web designers in Orange
Top Orange Web Developers
Best Web designers in Orange