Mental Health Campaign Site Prototype

I created a prototype of an awareness campaign website, starting from user personas and ending at an interactive prototype created using Adobe XD.

The homepage

A new startup, Affect Mental Health, wanted a separate website for an awareness campaign. The campaign, called 1,000 Journeys, will collect mental illness stories from patients, loved ones, and caregivers and display them in a blog format similar to the ever-popular Humans of New York. In addition to sharing stories, 1,000 Journeys will also collect data from the interviews to identify pain points shared by certain groups of people; the parent startup, Affect Mental Health, will then develop products to address these pressing needs.

Thus, the website needed to accomplish the following goals:

• display stories of mental health patients, caregivers, and loved ones using text and images
• summarize trends inferred from interview data
• solicit donations from site visitors
• explain the origin, goals, and future plans of the campaign
• give brief biographies of each interviewer

User personas for the site; created using Adobe InDesign

Using the goals and personas, I sketched a brief wireframe of the homepage. I also drew a map of a typical "patient journey" illustrating pain points shared by patients as they navigated the healthcare system. Maps like these could quickly tell a viewer what conclusions the interview data drew.

After I realized the overall idea for the site, I used Adobe XD to make a quick interactive prototype. Unfortunately Adobe XD does not allow scrolling.

Homepage

Bios of the interviewers are included here

In retrospect, a line between the two sections would have been good to better visually separate. The bottom of the events page would have a calendar widget involving clickable days, provided enough events were scheduled

One could click on a photo behind the front one and have that come to the front. Stories would be grouped by similar characteristics, but I decided to abstain from labeling them because grouping five people under "Chronic Depression" does not seem particularly appropriate.

I debated whether or not to add a map to the website, and finally decided against it because I find it easier to copy-paste the address into Google Maps. I don't find the small map typically provided helps me realize where the building is in an area.

An example of collected interview data: a typical patient journey map and some brief conclusions on the side.

The startup decided not to create a separate website until the project has more interviews to display; for now, they will create pages for the campaign within the parent startup's website.