Child Mind Institute

Child-Mind-Institute-Website-Family-Resource-Center-thumb-2022

Project Overview

I was the lead designer for the information architecture and visual design for the new website. Child Mind Institute is a global leader in children’s mental health care, research and education.

Services

Design System · Web Design

Agency

Constructive

Key Performance Indicators 

The new website's structure and pathways make it easier to accessing mental health resources and care options. The updated Content Management System (CMS) expanded the editorial team's vision and ability to make related content connections. The new site reachs a wider more inclusive audience with a focus on rural, low-income, and latinx audiences.

Child-Mind-Institute-web-design-Full-Width-2

User research, testing, and analytics informed every UX decision

The information architecture and wireframe phase of the project was informed deeply by several research key activities:

Developed analytics insights based their current traffic and conversion goals
Audit the current content (over 2000 articles and guides)
Develop audiences personas and journey mapping
Held Stakeholder workshops and interviews
We developed and tested wireframes based on their digital service design, mapping people who are curious about children mental health to actively booking appointments and sharing helpful resources. Our wireframes were influenced directly through several rounds of user testing, ensuring the right audience knew exactly where to access the right information

Documenting the Backend

We made an extensive spreadsheet outlining all the content-types and taxonomies on the current and new site's Wordpress backend. This allowed the client, project team, and external developers to be on the same page about content requirements. And we knew what exactly we needed to migrate to the new site, which saved a lot of time cause CMI had over 2,500 existing articles and guides. 

Child-Mind-Institute-Website-Family-Resource-Center-taxonomy-schema-2023

Establishing the New Brand

 

The design was rooted in design principles that we co-created with the CMI team. We choose type families that express a friendly brand tone and are utilitarian enough to support long-form digital publishing.

We created a new color system and illustration style called 'Growth Rings' that expressed emotion while still feeling rational and bright.

Child-Mind-Institute-Website-Family-Resource-Brand-Guidelines-2023

A New Family Resource Center

The main focus of the project was to create a new resource portal for families to help support children who are struggling with mental health, behavior, or learning challenges.

The largest audience challenge was understanding different audience’s emotions to getting the right care. Some families are more comfortable talking about care, while others feel worried and uncertain. We created a positive ‘choose-your-own-adventure’ experience that allows people to access the right resources in different ways. 

The multiple ways for families to find the right mental health resources and care:

Child-Mind-Institute-Website-Family-Resource-Center-home-2023
Child-Mind-Institute-web-design-spanish-translation-2023
Custom Translations from the CMI Spanish Team
Making the full site multilingual was a major step into creating a more inclusive experience for Latinx families. Every page of the site is custom translated by the CMI’s Spanish team, allowing important care information to be communicated by native speakers, not an automatic AI translation.
Child-Mind-Institute-web-design-resource-finder-2023
The Resource Finder
A 5 minute quiz that focuses on concerns rather than symptoms.
child-mind-institute-web-design-the-care-journey
The Care Journey
The Care Journey walks families through each stage of the process to identifying concerns to receiving clinical care
Child-Mind-Institute-Website-Topics
Topic Pages
Fully customized pages give an editorial overview of relevant and topical mental health content.
Child-Mind-Institute-Website-Family-Articles-and-Guides-1
Article and Guides Pages
Every Article and Guide has helpful UI components like table of contents, reading progress bar, text-to-speech tool, related resources + topics to explore more.
Child-Mind-Institute-web-design-symptom-checker-2023
The Symptom Checker
The tool allows families to connect symptoms with resources

The results speak for themselves

The new site launched September 2021 and has been praised as a success across Child Mind Institute and the families they help. The Child Mind Institute website was awarded a 2022 Webby Awards Honoree for Charitable Organizations/Non-Profit Websites and Mobile Sites

The analytics also point that the site has extensively increased its reach to more families

  • Organic Traffic jumped up to a +33.15% YOY increase after the redesign.
  • The Resource Center main page and Topics now have about +67% more page views than before.
  • Articles have experienced a +18% increase in page views.
  • The site had a +14.9% increase in the number of visits from Spanish Speaking users.

  • Page loads are 31% faster
  • Users are more likely to visit the Request for an Appointment form (+486% increase in views) which also shows in the increased number of conversions.

  • Significant Donations conversion rate improvement (+39.88% YOY)

©2023   |   Created in Brooklyn, New York