Soaring Higher

A UX case study on the "Soaring Higher" mental health app.

Project Background

A case study of designing an app targeting towards people interesting in helping veterans with mental health issues. Specifically testing out a user flow that would allow for people to donate their time volunteering instead of just donating money.

Soaring Higher Style Sheet

• Colors: I chose a simple monochrome color palette of navy blue. I wanted to choose a color that is associated with trust, since people will be donating.
  • Primary color: #242B64
  • Secondary color: #3C3C3C
• Fonts: Roboto font for headers and body text. Since the Operetta font was more decorative with the serifs, I wanted something to balance it out.
  • Header 1: Brandon Grotesque 40px
  • Header 2: Brandon Grotesque 36px
  • Header 2: Brandon Grotesque 30px
  • Paragraph: Adobe Clean 16px
• Photography: Serious, but not too somber. I want to evoke a feeling of people rising above their mental illness.

Adobe XD Prototypes

High-Fidelity Desktop Prototype

Once I was satisfied with the elements in the low low-fidelity wireframe I transitioned the design into a high fidelity mockup.

High-Fidelity Mobile Prototype

The prototype takes you through the whole process from taking the style quiz through selecting the style package and completing the payment