Production, Circulation, and Drainage
Cerebrospinal Fluid:
This two-page textbook spread is the result of a collaborative effort of three students in the Biomedical Communications neuroanatomy course. For this group project, a pre-determined style guide and colour palette were followed, and a studio environment workflow was emulated, with each team member taking charge of a different stage of execution. My role was the conceptualization and design of the illustrations and layout and the composition of text. Illustrations were then vectorized by Kim and rendered by Felix. The goal of this spread is to communicate key anatomical and physiological aspects of cerebrospinal fluid at molecular, tissue, and system scales.
Clients: Prof. Dave Mazierski, Prof. Shelley Wall
Audience: undergraduate students
Format: print (textbook)
Medium: Adobe Photoshop, Adobe Illustrator
Date: April 2018
Biomedical illustration & design
MyMood:
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.
Wireframing
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.