top of page


Mental Health Telemetry for Mood Disorders

MyMood is an e-diary tool created by the Centre for Mobile Computing in Mental Health at Sunnybrook Health Sciences Centre (Toronto). Intended for people with mood disorders, it allows users to record their mood, medication adherence, and important life events. Its also helps users and their healthcare professionals visualize how the user's mood changes over time.

MyChart and the Centre for Mobile Computing in Mental Health are currently integrating MyMood into Sunnybrook’s MyChart electronic patient portal as part of a research study investigating how online mood management resources can help people with mood disorders. With MyMood soon available to all MyChart users, there is a need for orientation and training materials for potential and first-time users. My role in the MyMood project was to create an onboarding experience for people discovering MyMood through MyChart. This included design and creation of landing page and of training materials for new users of the tool.


Clients: Prof. Nick Woolridge; Dr. David Kreindler, MD

Audience: MyChart users with mood disorders (outpatients)

Format: landing page for web & mobile (iOS)

Media: Adobe Illustrator, Adobe XD

Date: August 2018

Process work

User personas

The first step I took in the creation of the landing page was construction of a user persona. This persona was based on observational data on MyMood users provided by Dr. Kriendler. The needs of this 'user' helped guide the development of content as well as the design of the interface, later down the line.

Content development

The next step I took was to determine the content of the landing page. To do this, I envisioned the landing page as an online equivalent of the in-clinic recruitment process Dr. Kreindler and his research team conduct with potential MyMood users. To determine what information is typically conveyed during this recruitment process, I consulted with the research team and drew upon my own experience recruiting patients into clinical studies. The information I collected was distilled yet further by considering the needs and preferences of the 'user' I created. I drafted the finalized content in plain language, at a level appropriate for the audience.


With the content finalized, I considered the flow of information on the landing page and the basic functionalities/interactions that could be used to present information. I presented this in wireframes. Multiple iterations were created based on feedback from Dr. Kreindler, Prof. Woolridge, and the development team at Sunnybrook. These sets of wireframes also included subsequent steps in the MyMood on-boarding process, including registration and consent.

Illustration & design

Then, I moved to the creation of visual assets to accompany the content and the design of the interface in which they would be appear. Selection of an illustrative style was based on information collected in focus group discussions with the target audience. Design of the interface was informed by research of popular health and wellness apps. Multiple iterations were created based on feedback from Dr. Kreindler and Prof. Woolridge.


Finally, a functional prototype of the MyMood landing was created for the research team and developers using Adobe XD. Prototype demo coming soon!

bottom of page