The name Lisande handwritten in her own lettering

Chat with me

Research and product design case study

Crafting CALM's first product to support decreasing youth suicide across the UK in tandem with a missed birthdays campaign.

With a well known suicide hotline and bold support campaigns, CALM was looking at reducing youth suicide rates with their first dedicated digital product, targeted at adults. I researched the space and worked to develop a product alongside education.

On this page you will see references to females and males. This is due to coroner reports recording sex, not gender, so academic studies and my research insights align with this. The product however uses inclusive language and / or gender as sex is not a required determinant. To protect company confidentiality, data and numbers have been obscured, altered in graphics, or use placeholders, unless the number is specified to highlight an outcome of the work. All work is shown in snapshots only to provide an insight. The rest of the page discusses suicide. Please take a break at any time or refer to resources in your country for support. If you are working on systemic change in this space, I'd love to hear from you.

2024 Project

The scope

Worked on this project over the course of four months to launch a youth suicide reduction product during a campaign launch period.

My role

Managing and designing as the Research and Product Head with the wonderful team at Orbit29.

Outcome

Developed the target user, aligned product with internal goals, led conversation design, launched with 100k+ users, significant research insights.

Audience

Adults across the UK, ultimately refined to those with lower mental health literacy.

Tying into the Missed Birthdays campaign by the agency Adam & Eve (photo by them)
A graph I created showing the suicide rates of people aged 10-24 for England, Wales, and Scotland.

Developing a theory of change

We recommended that CALM use a Theory of Change to establish a clear focus and define related goals. I provided a template to guide the process, and CALM outlined their primary objectives. With a draft framework and the term-specific goals in place, we were able to shape a research plan and begin exploring what to create next.

The North Star was to reduce suicide rates among young people in communities where adults have received training, increase early intervention for at-risk young people, and change the community culture in respect to mental health and suicide discussions.

The data for this project was surprisingly difficult to reconcile. Although England accounts for the bulk of the data due to its population size, the absence of a unified database (combined with data disparities and differing methodologies across the UK), meant I had to spend considerable time understanding and normalizing the figures first. Alongside this, I conducted detailed research by analyzing Parliamentary reports, academic studies on coroner findings, psychological interviews and assessments, and research with healthcare professionals.

A few foundational findings

  • Youth suicide in the UK peaked in the mid-to-late 1990s. Following a lengthy period of fairly steady rates, the rate began rising again from 2017. Though the male rate has not returned to peak levels, young females are reaching new heights.
  • Suicide is the leading cause of death for young people. Like suicide at the population level, there appears to be a difference between anglophone countries (rising) and other OECD nations (decreasing or stable) at time of research. Self-harm appears to be rising in young people in global countries however.
  • At a population level, it is difficult to pinpoint exact policy change or event impacts to yearly fluctuations because there are significant death registration delays in all countries except Scotland.
  • The suicide rate has been consistently higher in Predominantly Rural or More Deprived areas than in Predominantly Urban or Least Deprived areas since 2017.
  • Coroner reports do not include ethnicity, but the ONS did conduct a study into higher education students, finding numerous ethnicity differences in the suicide rates. I was then able to compare these rates against the population levels, finding that suicide rates amongst higher education students are lower than the same age bracket rate of the population level. But, suicide in students under 20 occurred more often in April and May, conventionally exam months.
A light blue solid background shows text based graphics highlighting a few of the primary risk facts, secondary risk factors, complementary risk factors, and potential protective factors I found. A few notes are shown for example, that bias exists in coroner reports, information is subject to recall bias, police and coroner reports can vary significantly on detail, survivors of suicide tend to search for meaning, and might emphasize the factors or events they believe are relevant.
Though we will never know the exact and accurate reasons for most suicides, I was able to group a number of likely primary and secondary factors which can increase the risk.
Since one of the ultimate goals of the project was to inform and improve policy, I was able to identify several specific areas where we might concentrate support and solutions, and future research topics for internal consideration. This particular example has the potential to make change in healthcare, clinical practice, and policy. If young people in other countries are suiciding at lower rates, but are also experiencing increased admissions for self-harm, what factors are contributing to a lower suicide completion rate? Understanding this might lead to shaping more effective interventions for both self-harm and suicide.

Learning from bereaved parents

To limit bias in the initial research, I held off on reviewing CALM's fantastic earlier work talking to bereaved parents until I had analyzed the data and identified levers in the system. I was then able to review the workshop, other CALM campaigns of collected family member stories, and other bereaved parent testimonies online. The parental insights are sharp; they often align with what the research told us was needed in terms of issue areas, changes we could make, and policy recommendations.

A light green background shows text based graphics of text pull-outs from the bereaved parents research including things like life transition, academic pressures, social media, isolation, resilience building, and leaving school. Often parents expressed shock such as saying his passing came as a complete shock.

Analyzing the ecosystem

There is some fantastic work being done with young people. While it wasn’t necessary to focus on suicide, my aim was to analyze and highlight how other organizations are achieving success with parents, educators, healthcare professionals, and legislators on a range of issues impacting young people such as neurodiversity, race, sexual orientation, social justice, adolescence and puberty, parenting, pornography, and sexism. By examining their approaches, we could make some shortcuts to what’s working, what works better, and what might not.

A snapshot from my database which shows some notes on some of the organizations found.

The next phase of research involved interviews. I collaborated with an emerging designer to identify the key participant groups we wanted to learn from. I then developed tailored interview frameworks for each persona, along with safety guidance, a recruitment plan, a modest budget, and outreach templates. Some of the most significant changes occur between the ages of 15 and 24, so I designed an activity to highlight where we would likely need to tailor work to suit different problems.

A solid light blue colored image shows various shots from this stage of the project - some parent story screenshots from the website, identification language for trusted adults with my notes on the words used, and understanding the changes happening around a young person at each phase.
We also discussed the language of trusted adult significantly and how CALM helps people identify as this, as many adults might not naturally identify themselves like this. While the term young people typically refers to ages 10 to 24 in much of the reporting, suicide rates among 10-14 years remain exceptionally low, so this age group was not a primary focus for the product. However, the period between 15 and 24 involves some of the most significant life changes, with daily experiences and challenges shifting and therefore demands are more customized approach.
An image showing a snapshot of the personas to recruit and a safety plan
Developing frameworks for the interviews and personas
An image showing a snapshot of the work needed for interviews; the recruitment process, interview goals, email templates, and question guides and interview frameworks.
Recruitment and interviews take a bit of effort!

Building in an impact measurement pathway that supports product development

I developed an initial user journey to support CALM’s goal of offering a personalized learning pathway, while also ensuring we embed impact measurement into the product. I began by identifying the type of trusted adult each user was, then created two key questions: one to assess their entry state (for later comparison post-use), and another to understand their initial goals and motivations, which would inform product development.

Together, these three elements form the basis for personalization and measurement: set > funnel > measure.

A sketch mockup of the data we needed for the impact pathway including the trusted adult type, questions in order to funnel users to the right content and guage their entry concerns, questions to measure the impact later for comparison.

Adding an effective survey approach

In conjunction, CALM had also developed a survey for the resource kit, so I worked on refining it. We wanted to keep it brief, but I needed to include demographic questions to ensure the data could be properly contextualized and useful. To do this, I distilled the key information we needed into a simple “select all that apply” format that was quick and easy to complete. I also reviewed and edited the rest of the survey to remove bias from questions and answers, reworded or removed items to enhance impact and product development insights, and added new questions where we could gain better understanding.

An image on a light purple background shows section examples of the survey that I reworked and their reasoning and suggestions.
Try for yourself: Review your survey - who is it going to, what do you want to learn from them, are you leaving it open to positive and negative interpretation or judgement, what will you do with this data, what do you need to know about the person to make this insight useful to you, are you being as clear as possible about what is being asked and assessed, are you testing your hypotheses and potential impact?

Refining product ideas and a change of direction

Through this research and the review of existing content, we began developing a range of potential ideas, user pathways, target audiences, and product features. While we were initiating interviews, CALM was undergoing internal changes and was not yet ready to move into solution development within the problem space. A shift in direction was taken. At this stage, the organization was ready to implement existing general content that was well suited to audiences with lower exposure to mental health topics. By building internal capacity, and with evidence of public interest, this would be a cornerstone in securing further product development.

Conversation design principles

With a smaller product framework outlined, and a target of a broad audience of adults, we wanted to encourage skill-building in the product and suggested a conversation practice to see if this interaction might be useful to this audience, largely those with children within their care. We wanted to build something easy to manage and without needing a custom tool platform so our excellent Orbit engineers figured out how to do this within the existing CMS framework. During this, I spent some time pulling together the design principles for the conversation to help guide the content development, and the learning modules we would be using.

Designing the conversation content

Conversation design is challenging (and really enjoyable!). It’s also much more complicated when the system has to respond intelligently. We started small therefore, without live interaction from the machine-side. To get things moving, I outlined five potential conversation starters, giving the rest of the flow a clear structure. CALM produced an initial draft, which I reviewed through the lenses of inclusiveness, flow, readability, and UX clarity. I then built a basic prototype to show how it would work, allowing the team to refine the copy further. Next, I translated the prototype into a detailed flow diagram, adding assurance messaging exits and completion screens that encouraged the next steps. After a couple of review cycles, we finalized the conversation, and the developers used the flow to code the rest of the system.

An example of a before and after of the copy in the conversation content - this one for a defensive answer response during the simulation
An example of a before and after of the copy in the conversation content - this one for an assess and react situation step during the simulation
Showing some of the models I used during the conversation design work - including the maxims we wanted to adhere to unless it made sense to violate a principle, the Boyd's law of iteration for the conversation, and our context for the simulation
The user journey of the conversation flow showing the questions and answers, obscured in this image.
Creating the architectural flow

Designing the conversation interface

From there, we were able to apply a visual layer to show how the conversation could look and feel in context. I prototyped two options: one with a more refined design and a focused, immersive experience that concentrated the adult’s attention on the conversation; the other with a simpler, more straightforward UX that made it easier to get started, particularly suitable for less digitally confident users. CALM reasonably opted for the second option.

For new products built from a marketing brand, we often need to adapt and expand the visual system. For CALM, I audited their website and UI library, identifying where we needed to reduce core colors and add tones and shades for product use. As the content was likely to reach people in distress, and the interface was compact, I created a calm, clutter-free design aligned with CALM’s brand but distinct enough to support a product-led experience.

An image on the left showing all the marketing brand colors and on the right showing the two color palette options for the product
I refined the 30+ primary colors into product options with shades and tones we needed for product usage. As the core brand had a range of bold and pastel colors we developed two options focusing on one or the other to allow CALM to have a clear direction for this kit.
An image on the left showing all the marketing typography heirarchy and widgets - all of which created over 75+ combinations - and on the right showing a refined type heirarchy for the product as the product was very small
I reduced the significant type palette from the website into a heirarchy that could be implemented for a small product, with readibility, accessibility, and SEO in mind. The simplicity will hopefully help with maintaing the product over the coming time too.

Developing an accessible design foundation

To allow the product to consistently improve on accessibility rather than needing to retrofit it (costing more over time), we designed and developed with accessibility from the start. With the intention that this product would grow, we set it up so it could easily scale.

On the left of this image is a large accessibility table showing the color combinatons allowed and not for their contrasts and readability and on the right is an in-situ example of this applied.
I built out the chosen palette and created an accessibility table to test the combinations, highlight what would be used for the product, and establish a usage guide.
This image is a mix of graphics showing colors palettes, variable setup in Figma, variable classes in the code and margins and padding
I finalized the product components by building the functional palette required. Everything was set up in Figma so more efficient design could take place and the lead engineer could then set up the design variables.
A collection of snapshots from the public website with different link styling applied
Auditing the website revealed years of varying link styling which can be tricky for UX and accessibility standards, particularly as we wanted to create a consistent throughline between product and website.
A snapshot of the link styling guidelines showing where links can be used, how to write with links, what meaningful links are, what links on colors should look like, links within paragraphs, links within lists etc.
I was able to create guidelines for best accessibility and readability practices for the product as we had a clean code setup, which could later be applied to the public website.
An image showing the email signup on a large screen vs a mobile device where on mobile the fields have been pulled into three separate field for name, surname and email with an embedded button to submit, whereas on large screens it's one interactive horizonal line with focus points for the user input in the active field
Responsively designing so things always feel native and intended for the experience.

Kit learning design

All our work was brought together through the online kit which followed CALM's three intervention stages. To incorporate active learning alongside passive methods, I collaborated with our engineers to develop three widgets, enabling CALM to select an appropriate learning component for each sub-module.

An image on a solig green background shows the conversation practice page on the left, and a page for supporting adults on the right.
The dashboard showing the three modules, the conversation tool, and the resources shown across two shots of the page from the top half and the bottom - both large screen desktop versions
Four shots from the mobile small screen experience of various sections - the resources changing design, the dashboard reducing down, the mobile specific thumb menu, the module with widgets for audio and actions
I added designs for a thumb-based menu for a nicer phone experience, and a primary navigation on large screens that show/hid with user intent and made navigation simple.
A module page shown across three shots of different features within the modules - large screen desktop designs

Finishing it off with an engaging landing page

The final step was enhancing the previously created landing page to effectively funnel users into the kit from various offline media campaigns. I wanted to introduce an interactive element at the start - something that would quickly prompt users to position themselves within a context we aimed to educate on. For digital campaigns, we recommended driving traffic to either the main landing page, the dashboard, or a custom landing page tailored to the specific partnership. That wrapped up our time and a launch that saw tens of thousands of adults interacting with the site in the first week.

Creating an interactive section for immediate engagement and a reason to continue learning.
A photo of the balloon installation in the shopping centre on the left, with a shot of the mobile design of the landing page and the larger screen desktop version on the right.
The name Lisande handwritten in her own lettering