Mobile app · UI design

PsiU

PsiU is a platform for scheduling therapy sessions, connecting volunteer psychologists with low-income youth in Brazil, promoting greater access to mental health care.

Five PsiU screens over a soft mountain illustration: home, welcome, splash, video call and mood picker

Getting started

A first run in three screens: a promise, a short sign-up, and a home that always points to the next step.

  1. 01

    Welcome

    The mascot and one promise: take care of your mental health, daily and free. Two clear actions, sign up or log in.

  2. 02

    Sign up

    One short form, with social sign-in as a shortcut. The terms and the privacy policy sit right under the button.

  3. 03

    Home

    While a therapist is being matched, the home shows that status, the mental diary, recommended videos and the help center.

Booking a session

The core of the platform: patients say when they are free, and the sessions they get land in a calendar they can read at a glance.

  1. 04

    Availability

    Patients mark the days and times they are free, so the platform can match them with a volunteer psychologist. If nothing fits, they can ask to be fitted in.

  2. 05

    Agenda

    A month view marks session days, the selected day and today, and shows the mood logged on each day.

The session

From the match to the video call, the whole conversation stays inside the app.

  1. 06

    Conversations

    Two tabs, Chats and Calls, and a search. The platform assistant and the psychologist share one list.

  2. 07

    The PsiU! assistant

    The mascot announces the match, asks for a yes or no, and reminds the patient shortly before the session starts.

  3. 08

    Therapist chat

    The psychologist’s profile, the conversation and a Join call button, together in one place.

  4. 09

    Video call

    Full-screen video with the patient’s own view and controls. Shortcuts open the diary, the chat, a call tutorial or a problem report.

The mental diary

A daily check-in: a tap for the mood, a tap for the cause, a few words for the rest.

  1. 10

    Diary home

    Today’s date, a prompt to register, the week in moods at a glance and a link to the full evolution.

  2. 11

    Mood

    Nine mood cards in a grid. One tap chooses, and a progress bar shows how short the flow is.

  3. 12

    Cause

    Then what led to it: study, myself, family, self-esteem, relationships, friends, work or health. More than one can be picked.

  4. 13

    In your words

    An open field for what happened that day, with the option to skip.

Look and feel

Pastel green and purple for calm and comfort. Rounded Poppins for a young, friendly voice, wave illustrations for tranquility, and a brain mascot to keep the tone light. Texts stay short and the language plain, so the app is easy to use for low-income young people.

Color

Primary Green

  • Primary −1#a6ddcf
  • Primary#339980
  • Primary +1#256c5b

Secondary Purple

  • Secondary −1#ecddf4
  • Secondary#bca5dd
  • Secondary +1#7a5795

Light, dark and support

  • Light −1#fffefa
  • Light#fffbf5
  • Light +1#f9f3ee
  • Outline#e4dad0
  • Disabled#c4c2b7
  • Dark −1#787878
  • Dark#474747

Feedback

  • Success#6ab492
  • Danger#dc7278

Gradients

  • Gradient 1#3d9a83 → #64beab
  • Gradient 2#559bad → #c0e3ee
  • Gradient 3#b4b6e1 → #d3c7e8

Typography

Poppins

  • H156Care starts here
  • H248Care starts here
  • H340Care starts here
  • H432Care starts here
  • H522Short texts and plain words
  • H6 Bold15Short texts and plain words
  • H615Short texts and plain words
  • P Bold12Short texts and plain words, easy to use
  • P12Short texts and plain words, easy to use
  • Details11DETAILS
PsiU welcome, mood, home and video call screens in perspective on a teal background, next to the purple splash screen

The app in motion

The app running, from the splash screen to the video call.