Minder App
1/1
TAGS

UI / UX, Product

Minder

Mobile app for e-mental health and substance use

CLIENT

Vigo Lab, University of British Columbia

COLLABORATORS
LAST UPDATED

2021

MEDIA

Photoshop, Illustrator, Figma, Invision

FORMAT

Mobile app for Android & iOS


About


Objective


Design a welcoming experience and look for an e-mental health app that:

  • Invites users to learn about managing their wellness in an exploratory manner;

  • Guides users to suitable resources in the community.


This app is part of an ongoing (2021-) student e-mental health research study and will eventually be made available to university students in Canada.


This collaboration between Julia Devorak and I included:


  • Designing the user experience: user persona and flow analysis, wireframing and high-fidelity mockups;

  • Designing the user interface, including the visual identity of Minder;

  • Following best practices for iOS (Apple Human Interface Design) and Android (Google Material Design) and multi-device responsiveness.


 

Target audience


University students in Canada (subclinical population). Especially:

  1. New / international students;

  2. Older, disillusioned students.


 



More case study & process info coming soon!


 

Process


Flow and architecture




More coming soon!


 


Designing the Minder-verse




Custom assets: chat characters and spot illustrations

Custom assets: vector icons and placeholder images

Support for developers, based on Google Material Design standards.

Early home screen concepts

Early character design proposals

Early character style tests

Other iterations of the homepage design (iOS)