Logos 05 1 966x1024


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 1024x580
Untitled 19


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


In the News! NBC LA

NBC LA Logo Border 300x300 1
Play Video

The "you and " project

Untitled 4 300x195
Play Video


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 1024x498

Secondary Color Palette

Secondry 1024x606


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

Untitled 3 1024x607
Untitled 7

Logo Type

Untitled 8
Untitled 5 1

Logo Type Structure

Untitled 2 1

Logo Color Variations

Color 1024x607

Logo buildup

Untitled 11 1024x128

Color and Lesson Associations

Untitled 12 1024x607

Shape and Lesson Associations

Untitled 14 1024x157

Video Graphic Guidelines

Logo treatment with color variations

Untitled 1

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

Untitled 2 2 1024x576

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 513x1024
2 513x1024
3 513x1024
4 513x1024

App Design – Progress Indicator

Untitled 22 1 1024x775

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

Orange Web Group, LLC
Best Web designers in Orange
Best Web designers in Orange
Top Orange Web Developers
Best Web designers in Orange