JESSIKA MARISCA

Sphere Mental Health App

Internal app to empower field supervisors in a nationwide B2B salesforce.

View case study

Usability

55%

User Satisfaction

4.5*

My role

I led the end-to-end design process, from research and personas to information architecture, wireframing, and high-fidelity prototyping.

 

My goal was to align mental health insights with a design that feels empathetic, simple, and approachable.

Design approach

Empathise

Define

Empathise to define

the problem

Test to create new ideas and eliminate bad ones

Learn from prototypes to come up with better ideas for the product

Tests reveal insights that allow us to better define the problem

Ideate

Prototype

Test

The problem

25%

increase in anxiety and depression around the world after the COVID-19 pandemic.

In recent years, mental health has become an increasingly present concern in our society.

The combination of social isolation, fear and uncertainty has led to a significant increase in mental health problems around the world.

Objectives

01

This project aims to identify what is happening to the user and generate changes in the user's mental health.

02

Create a mood tracking app to help people with bad time management.

Mood tracker app

UX/UI case

Discover your mood. Explore your world.

Research

Trends

  • Digital Solutions and Virtual Care
  • Big Data to understand

the patient

  • Self care and prevention

Insights

There is a growing interest in the prevention of both physical and mental illnesses. Self care is more important than ever, people want to feel in control of their body and mind.

People would like to identify their emotional triggers or alarming patterns.

Existing applications do not motivate or have any incentive for the user to use them regularly.

No knowledge of activities that take place in the city when the person has free time.

The pandemic generated an increase in people's level of anxiety, due to being in a state of crisis and constant hyperproductivity.

We created a mood tracking app to help people with poor management of time and emotions to use their free time in a healthy and productive way to improve their mood.

 

 

How do we solve it?

We change your day to day life

We provide the user with a new way of organizing their time, giving suggestions of activities they can do based on their mood. They can also detect any alarming patterns and take active steps to improve their mental health.

57%

Booking Confirmed!

Today ∙ 18:30

Present this QR code at

Center Yogi

User personas

Vicente

The workaholic

 

37, developer working remotely.

He is having problems managing his emotions and has put aside his physical and mental health.

Emilia

FOMO

 

28, journalist with an irregular schedule.

Wants to be more organized to be able to see her friends and never miss an event, but her life is filled with unforeseen events.

Goals

 

  • Identifying and understanding his emotions
  • Having a record of how he has been feeling lately and if a situation has triggered a particular emotion
  • Finding something he is passionate about and being constant practicing it

Goals

 

  • Spend more time with friends
  • Organize her day to day life better
  • Knowing what activities she can do in the city on her time off
  • Wants to feel in control of her life

Pains

 

  • Has no social life outside of work
  • Dificultad para comunicar sus emociones
  • Ha dejado de lado su salud física pero no tiene tiempo para resolverlo.

Pains

 

  • Her schedule and her free hours are unclear
  • She gets frustrated trying to be organize
  • The apps she has tried to use are very passive and she forgets to use them

Information Architecture

Home

Activities

Planner

Community

Insights

Today

All

Tomorrow

Filter

Share with a friend

Let’s go

This week

Activity sheet

Recommended for your current emotion

Recommended for your current emotion

Recommended

based on your likes

Try something

new

Check in

Insights

Recomendado

based on critera

(ex: weather)

Wireframes

Colors

The primary color of the app is blue for both backgrounds and texts on a white background.

The color in the application is quite important to symbolize the emotions. We are working with the Emotion Identification Model (Watson and Tellegen, 1985). Encompassing emotions in Positive Energized, Positive Calm, Negative Energized and Negative Calm.

Tense-

Nervous

Irritated-

Annoyed

Excited-

Lively

Cheerful-

Happy

Bored-

Weary

Gloomy-

Sad

Positive

Negative

Relaxed-

Carefree

Calm-

Serene

Energized

Calm

Blue

Primary for interface

HEX: 000099

Green

Secondary for emotions

Negative Calm

HEX: 00DEB5

Yellow

Secondary for emotions

Positive Energized

HEX: FFC500

Fucsia

Secondary for emotions

Positive Calm

HEX: F32CE6

Orange

Secondary for emotions

Negative Energized

HEX: FF4B00

Sphere style

Guidelines

Kind, caring and close

Scientific but easy to understand

Icons

57%

Pilates Class

Go

1km ∙ Center Yogi

Today 14:30

Fonts

The font for the main texts is Ubuntu. It is a sans serif typeface with some curve to convey the close personality of the brand.

The secondary font is Avenir, the font is a simpler sans serif that allows us to have greater legibility in longer texts.

This is our main font

Ubuntu

abcdefghijklmnopqrstuvwxyz1234567890?

Avenir

abcdefghijklmnopqrstuvwxyz

1234567890?

Ub/24pt

Heading 1

Ub/20pt

Heading 2

Ub/16pt

Heading 3

Av/24

Subheading 1

Av/20

Subheading 2

Av/16

Text 1

Buttons

Calendar

Reading

Sports

Eating out

Weekly

Plan

I need help

managing my time

Check-In

Summer walks

Let’s go

Share

It’s easy!

Join us and tell us what you want to work on

Check in everyday and tell us how you’re feeling

57%

Booking Confirmed!

Today ∙ 18:30

Present this QR code at

Center Yogi

Activities

just for you

Jun 3, 2023

57%

Today

Fri 6

Sat 7

Sun 8

Mon 9

Tues 1

Because you’re feeling

1km ∙ Center Yogi

Today 14:30

Today

57%

Pilates Class

Flea

Go

3km ∙ Collserola

Today 17:00

Find Out Collserola

Go

37%

Beach Volley

Go

1.5 km ∙ Barceloneta

Today 19:00

68%

57%

Pilates Class

Go

1km ∙ Center Yogi

14:00

57%

Pilates Class

Go

1km ∙ Center Yogi

17:00

Because you like Nature

Because its Sunny

48%

Adventure Park

Go

2.5km ∙ Tibitabo

Today 17:00

57%

Pilates Class

Go

1km ∙ Center Yogi

16:00

Try something new

Anxious

And we’ll find the perfect activity to improve your mood

* Don’t worry! We’ll also tell you if we detect any alarming pattern

Track your insights to see if your moods have been improving

Impact & Lessons Learned

Sphere demonstrates how UX/UI design can play a role in supporting mental wellbeing. By combining daily mood tracking with personalized activity suggestions, the app empowers users to build self-awareness, organize their time, and take proactive steps toward improving their emotional health. Unlike many mood trackers, Sphere focuses not only on logging emotions but also on turning insights into actionable routines.

 

This project strengthened my ability to:

  • Translate research insights into actionable design solutions.
  • Design for sensitive contexts with empathy and clarity.
  • Balance aesthetic decisions with usability to ensure trust and adoption.
Icons

Other Projects

Graphic depicting a mountain peak at sunset cropped in a circle with the words RANGE CRAZY above and below.

See Project

→

See Project

→

Stylized blue and pink image of a whiskey glass with the wordmark of Vèloce in pink all-caps letters above.

See Project

→

My design philosophy

I design for impact: blending UX, business growth, and emerging tech. My approach combines experimentation, storytelling, and human-centered design to create products that scale globally.

Open to opportunities across Europe & the UK. Let’s design the future of digital products together!

Sphere

JESSIKA MARISCA

Arrow

Sphere Mental Health App

A UX/UI case study exploring how design can improve mental health through self-awareness and daily tracking.

Usability

55%

User Satisfaction

4.5*

Discover your mood. Explore your world.

Mood tracker app

UX/UI case

My role

I led the end-to-end design process, from research and personas to information architecture, wireframing, and high-fidelity prototyping.

 

My goal was to align mental health insights with a design that feels empathetic, simple, and approachable.

Design approach

Empathise

Define

Empathise to define

the problem

Test to create new ideas and eliminate bad ones

Learn from prototypes to come up with better ideas for the product

Tests reveal insights that allow us to better define the problem

Ideate

Prototype

Test

The problem

25%

increase in anxiety and depression around the world after the COVID-19 pandemic.

In recent years, mental health has become an increasingly present concern in our society.

The combination of social isolation, fear and uncertainty has led to a significant increase in mental health problems around the world.

Objectives

01

This project aims to identify what is happening to the user and generate changes in the user's mental health.

02

Create a mood tracking app to help people with bad time management.

Research

Trends

  • Digital Solutions and Virtual Care
  • Big Data to understand

the patient

  • Self care and prevention

Insights

There is a growing interest in the prevention of both physical and mental illnesses. Self care is more important than ever, people want to feel in control of their body and mind.

People would like to identify their emotional triggers or alarming patterns.

Existing applications do not motivate or have any incentive for the user to use them regularly.

No knowledge of activities that take place in the city when the person has free time.

The pandemic generated an increase in people's level of anxiety, due to being in a state of crisis and constant hyperproductivity.

We created a mood tracking app to help people with poor management of time and emotions to use their free time in a healthy and productive way to improve their mood.

 

 

How do we solve it?

We change your day to day life

We provide the user with a new way of organizing their time, giving suggestions of activities they can do based on their mood. They can also detect any alarming patterns and take active steps to improve their mental health.

57%

Booking Confirmed!

Today ∙ 18:30

Present this QR code at

Center Yogi

User personas

Vicente

The workaholic

 

37, developer working remotely.

He is having problems managing his emotions and has put aside his physical and mental health.

Emilia

FOMO

 

28, journalist with an irregular schedule.

Wants to be more organized to be able to see her friends and never miss an event, but her life is filled with unforeseen events.

Goals

 

  • Identifying and understanding his emotions
  • Having a record of how he has been feeling lately and if a situation has triggered a particular emotion
  • Finding something he is passionate about and being constant practicing it

Goals

 

  • Spend more time with friends
  • Organize her day to day life better
  • Knowing what activities she can do in the city on her time off
  • Wants to feel in control of her life

Pains

 

  • Has no social life outside of work
  • Dificultad para comunicar sus emociones
  • Ha dejado de lado su salud física pero no tiene tiempo para resolverlo.

Pains

 

  • Her schedule and her free hours are unclear
  • She gets frustrated trying to be organize
  • The apps she has tried to use are very passive and she forgets to use them

Information Architecture

Home

Activities

Planner

Community

Insights

Today

All

Tomorrow

Filter

Share with a friend

Let’s go

This week

Activity sheet

Recommended for your current emotion

Recommended for your current emotion

Recommended

based on your likes

Try something

new

Check in

Insights

Recomendado

based on critera

(ex: weather)

Wireframes

Colors

The primary color of the app is blue for both backgrounds and texts on a white background.

The color in the application is quite important to symbolize the emotions. We are working with the Emotion Identification Model (Watson and Tellegen, 1985). Encompassing emotions in Positive Energized, Positive Calm, Negative Energized and Negative Calm.

Tense-

Nervous

Irritated-

Annoyed

Excited-

Lively

Cheerful-

Happy

Bored-

Weary

Gloomy-

Sad

Positive

Negative

Relaxed-

Carefree

Calm-

Serene

Energized

Calm

Blue

Primary for interface

HEX: 000099

Green

Secondary for emotions

Negative Calm

HEX: 00DEB5

Yellow

Secondary for emotions

Positive Energized

HEX: FFC500

Fucsia

Secondary for emotions

Positive Calm

HEX: F32CE6

Orange

Secondary for emotions

Negative Energized

HEX: FF4B00

Sphere style

Guidelines

Kind, caring and close

Scientific but easy to understand

Icons

57%

Pilates Class

Go

1km ∙ Center Yogi

Today 14:30

Fonts

The font for the main texts is Ubuntu. It is a sans serif typeface with some curve to convey the close personality of the brand.

The secondary font is Avenir, the font is a simpler sans serif that allows us to have greater legibility in longer texts.

This is our main font

Ubuntu

abcdefghijklmnopqrstuvwxyz1234567890?

Avenir

abcdefghijklmnopqrstuvwxyz

1234567890?

Ub/24pt

Heading 1

Ub/20pt

Heading 2

Ub/16pt

Heading 3

Av/24

Subheading 1

Av/20

Subheading 2

Av/16

Text 1

Buttons

Calendar

Reading

Sports

Eating out

Weekly

Plan

I need help

managing my time

Check-In

Summer walks

Let’s go

Share

It’s easy!

Join us and tell us what you want to work on

Check in everyday and tell us how you’re feeling

57%

Booking Confirmed!

Today ∙ 18:30

Present this QR code at

Center Yogi

Activities

just for you

Jun 3, 2023

57%

Today

Fri 6

Sat 7

Sun 8

Mon 9

Tues 1

Because you’re feeling

1km ∙ Center Yogi

Today 14:30

Today

57%

Pilates Class

Flea

Go

3km ∙ Collserola

Today 17:00

Find Out Collserola

Go

37%

Beach Volley

Go

1.5 km ∙ Barceloneta

Today 19:00

68%

57%

Pilates Class

Go

1km ∙ Center Yogi

14:00

57%

Pilates Class

Go

1km ∙ Center Yogi

17:00

Because you like Nature

Because its Sunny

48%

Adventure Park

Go

2.5km ∙ Tibitabo

Today 17:00

57%

Pilates Class

Go

1km ∙ Center Yogi

16:00

Try something new

Anxious

And we’ll find the perfect activity to improve your mood

* Don’t worry! We’ll also tell you if we detect any alarming pattern

Track your insights to see if your moods have been improving

Impact & Lessons Learned

Sphere demonstrates how UX/UI design can play a role in supporting mental wellbeing. By combining daily mood tracking with personalized activity suggestions, the app empowers users to build self-awareness, organize their time, and take proactive steps toward improving their emotional health. Unlike many mood trackers, Sphere focuses not only on logging emotions but also on turning insights into actionable routines.

 

This project strengthened my ability to:

  • Translate research insights into actionable design solutions.
  • Design for sensitive contexts with empathy and clarity.
  • Balance aesthetic decisions with usability to ensure trust and adoption.
Icons

Other Projects

Graphic depicting a mountain peak at sunset cropped in a circle with the words RANGE CRAZY above and below.

See Project

→

See Project

→

Stylized blue and pink image of a whiskey glass with the wordmark of Vèloce in pink all-caps letters above.

See Project

→

Icons

Connect with us to explore your project's potential.

Icons

My design philosophy

I design for impact: blending UX, business growth, and emerging tech. My approach combines experimentation, storytelling, and human-centered design to create products that scale globally.

Open to opportunities across Europe & the UK. Let’s design the future of digital products together!

Sphere

JESSIKA MARISCA

Arrow

Sphere Mental Health App

A UX/UI case study exploring how design can improve mental health through self-awareness and daily tracking.

Usability

55%

User Satisfaction

4.5*

Mood tracker app

UX/UI case

Discover your mood. Explore your world.

My role

I led the end-to-end design process, from research and personas to information architecture, wireframing, and high-fidelity prototyping.

 

My goal was to align mental health insights with a design that feels empathetic, simple, and approachable.

Design approach

Empathise

Define

Empathise to define

the problem

Test to create new ideas and eliminate bad ones

Learn from prototypes to come up with better ideas for the product

Tests reveal insights that allow us to better define the problem

Ideate

Prototype

Test

The problem

25%

increase in anxiety and depression around the world after the COVID-19 pandemic.

In recent years, mental health has become an increasingly present concern in our society.

The combination of social isolation, fear and uncertainty has led to a significant increase in mental health problems around the world.

Objectives

01

This project aims to identify what is happening to the user and generate changes in the user's mental health.

02

Create a mood tracking app to help people with bad time management.

Research

Trends

  • Digital Solutions and Virtual Care
  • Big Data to understand

the patient

  • Self care and prevention

Insights

There is a growing interest in the prevention of both physical and mental illnesses. Self care is more important than ever, people want to feel in control of their body and mind.

People would like to identify their emotional triggers or alarming patterns.

Existing applications do not motivate or have any incentive for the user to use them regularly.

No knowledge of activities that take place in the city when the person has free time.

The pandemic generated an increase in people's level of anxiety, due to being in a state of crisis and constant hyperproductivity.

We created a mood tracking app to help people with poor management of time and emotions to use their free time in a healthy and productive way to improve their mood.

 

 

How do we solve it?

We change your day to day life

We provide the user with a new way of organizing their time, giving suggestions of activities they can do based on their mood. They can also detect any alarming patterns and take active steps to improve their mental health.

57%

Booking Confirmed!

Today ∙ 18:30

Present this QR code at

Center Yogi

User personas

Vicente

The workaholic

 

37, developer working remotely.

He is having problems managing his emotions and has put aside his physical and mental health.

Emilia

FOMO

 

28, journalist with an irregular schedule.

Wants to be more organized to be able to see her friends and never miss an event, but her life is filled with unforeseen events.

Goals

 

  • Identifying and understanding his emotions
  • Having a record of how he has been feeling lately and if a situation has triggered a particular emotion
  • Finding something he is passionate about and being constant practicing it

Goals

 

  • Spend more time with friends
  • Organize her day to day life better
  • Knowing what activities she can do in the city on her time off
  • Wants to feel in control of her life

Pains

 

  • Has no social life outside of work
  • Dificultad para comunicar sus emociones
  • Ha dejado de lado su salud física pero no tiene tiempo para resolverlo.

Pains

 

  • Her schedule and her free hours are unclear
  • She gets frustrated trying to be organize
  • The apps she has tried to use are very passive and she forgets to use them

Information Architecture

Home

Activities

Planner

Community

Insights

Today

All

Tomorrow

Filter

Share with a friend

Let’s go

This week

Activity sheet

Recommended for your current emotion

Recommended for your current emotion

Recommended

based on your likes

Try something

new

Check in

Insights

Recomendado

based on critera

(ex: weather)

Wireframes

Colors

The primary color of the app is blue for both backgrounds and texts on a white background.

The color in the application is quite important to symbolize the emotions. We are working with the Emotion Identification Model (Watson and Tellegen, 1985). Encompassing emotions in Positive Energized, Positive Calm, Negative Energized and Negative Calm.

Tense-

Nervous

Irritated-

Annoyed

Excited-

Lively

Cheerful-

Happy

Bored-

Weary

Gloomy-

Sad

Positive

Negative

Relaxed-

Carefree

Calm-

Serene

Energized

Calm

Blue

Primary for interface

HEX: 000099

Green

Secondary for emotions

Negative Calm

HEX: 00DEB5

Yellow

Secondary for emotions

Positive Energized

HEX: FFC500

Fucsia

Secondary for emotions

Positive Calm

HEX: F32CE6

Orange

Secondary for emotions

Negative Energized

HEX: FF4B00

Sphere style

Guidelines

Kind, caring and close

Scientific but easy to understand

Icons

57%

Pilates Class

Go

1km ∙ Center Yogi

Today 14:30

Fonts

The font for the main texts is Ubuntu. It is a sans serif typeface with some curve to convey the close personality of the brand.

The secondary font is Avenir, the font is a simpler sans serif that allows us to have greater legibility in longer texts.

This is our main font

Ubuntu

abcdefghijklmnopqrstuvwxyz1234567890?

Avenir

abcdefghijklmnopqrstuvwxyz

1234567890?

Ub/24pt

Heading 1

Ub/20pt

Heading 2

Ub/16pt

Heading 3

Av/24

Subheading 1

Av/20

Subheading 2

Av/16

Text 1

Buttons

Calendar

Reading

Sports

Eating out

Weekly

Plan

I need help

managing my time

Check-In

Summer walks

Let’s go

Share

It’s easy!

Join us and tell us what you want to work on

Check in everyday and tell us how you’re feeling

57%

Booking Confirmed!

Today ∙ 18:30

Present this QR code at

Center Yogi

Activities

just for you

Jun 3, 2023

57%

Today

Fri 6

Sat 7

Sun 8

Mon 9

Tues 1

Because you’re feeling

1km ∙ Center Yogi

Today 14:30

Today

57%

Pilates Class

Flea

Go

3km ∙ Collserola

Today 17:00

Find Out Collserola

Go

37%

Beach Volley

Go

1.5 km ∙ Barceloneta

Today 19:00

68%

57%

Pilates Class

Go

1km ∙ Center Yogi

14:00

57%

Pilates Class

Go

1km ∙ Center Yogi

17:00

Because you like Nature

Because its Sunny

48%

Adventure Park

Go

2.5km ∙ Tibitabo

Today 17:00

57%

Pilates Class

Go

1km ∙ Center Yogi

16:00

Try something new

Anxious

And we’ll find the perfect activity to improve your mood

* Don’t worry! We’ll also tell you if we detect any alarming pattern

Track your insights to see if your moods have been improving

Impact & Lessons Learned

Sphere demonstrates how UX/UI design can play a role in supporting mental wellbeing. By combining daily mood tracking with personalized activity suggestions, the app empowers users to build self-awareness, organize their time, and take proactive steps toward improving their emotional health. Unlike many mood trackers, Sphere focuses not only on logging emotions but also on turning insights into actionable routines.

 

This project strengthened my ability to:

  • Translate research insights into actionable design solutions.
  • Design for sensitive contexts with empathy and clarity.
  • Balance aesthetic decisions with usability to ensure trust and adoption.
Icons

Other Projects

Graphic depicting a mountain peak at sunset cropped in a circle with the words RANGE CRAZY above and below.

See Project

→

See Project

→

Stylized blue and pink image of a whiskey glass with the wordmark of Vèloce in pink all-caps letters above.

See Project

→

Icons

Connect with us to explore your project's potential.

Icons

My design philosophy

I design for impact: blending UX, business growth, and emerging tech. My approach combines experimentation, storytelling, and human-centered design to create products that scale globally.

 

Open to opportunities across Europe & the UK. Let’s design the future of digital products together!

Sphere