Mindful Support Space

UX PROJECT: DESKTOP SITE
Screen capture of top portion of Mindful Support Space's home page
Mindful Support Space is a conceptual, mental health resources hub that provides low-cost workshops, free toolkits, and other resources to North Carolina-based users.

This site is designed to help users easily understand and access available resources.
View Prototype

Project Details

Problem Statement

There is an information overload and unclear pathway toward resources for users seeking accessible mental health support. This leads to confusion and delays in engaging with helpful tools and services.

Goals

Mindful Support Space addresses this need for a more intuitive, user-centered experience that simplifies access and guides users toward mental health support.

Team

• Lead Researcher: Khrystyna Kis
‍
• Lead Designer: Karyn O'Neill
‍
• Lead Tester & Documenter: Tracey Sanders

Target Audience

Primary:

  • Adults in their late teens and twenties, who are navigating transitions such as entering the workforce, higher education, or increased personal responsibility.
  • They value affordable resources that feel supportive rather than overwhelming.
  • They are looking for healthy coping strategies during periods of change.

Secondary:

  • Midlife and older adults experiencing changes in family dynamics, career shifts, or increased feelings of isolation.
  • They are interested in supportive group environments, educational workshops, and opportunities for personalized exploration.
  • This group may have close connections to the primary audience and are looking for ways to help support them.

Project Plan

Create a lead-generated website for Mindful Support Space. Guide the user to the resource hub's landing page to sign up for a workshop or download a toolkit via an Instragram post add.

The Design Process

Cartoon drawing of a light bulb

1. Sitemap

An overview of all the pages created for Mindful Support Space's website.

Sitemap diagram showing all the pages in the Mindful Support Space's website

2. User Flow

The diagram below outlines the journey the user would take to achieve the project's goals. First, the user would view a Mindful Support Space ad and then be lead to the resource hub's website.
Diagram of one of Mindful Support Space's user flows

3. Wireframes

Here are a few wireframes that each represent one webpage. They outline placement of logo, navigation bar, welcome message, photos, and introductory information.
Home Page
Workshop Landing Page
Wireframe low fidelity prototype image of Mindful Support Space's workshop landing page
Registration Confirmation Page
Wireframe low fidelity prototype image of Mindful Support Space's workshop confirmation page
Cartoon drawing of a pencil and paper with a star drawn on it

4. Brand Identity Design

This is where the project begins to come to life! Logo ideas, color schemes and typefaces are selected and drawn up ultimately to create the high-fidelity prototype.

Mindful Support Space's color schemeMindful Support Space's typefaces used on website

5. The First Prototype

The images below are a glimpse of a few of the website prototype's pages. Accessibility standards, such as readability, ample contrast, and ease of navigation, are taken into account.
Home Page
High fidelity prototype image of Mindful Support Space's home page
Workshop Landing Page
High fidelity prototype image of Mindful Support Space's workshop landing page
Workshop Confirmation Page
High fidelity prototype image of Mindful Support Space's workshop registration confirmation page

Testing & Revised Prototype

Cartoon drawing of a two people talking with chat bubbles above their heads

Usability Study Testing

We conducted a moderated usability study to test how intuitive the first prototype was. Based on user feedback, respective changes were made on the prototype's next iteration.

Research Goals

Determine how easy users can find workshops, toolkits, and individual therapy sessions.

Testing Process

During February 2026, the moderated usability study was completed where adult students were participants and were asked a series of questions about the ease of navigate the site and locating key features that contribute to the user flows.

Summarized Results

Users successfully completed the usability study's tasks. While no negative feedback was identified during the study, there were opportunities to improve layouts and feature placement.

Updates Made

  1. Reducing amount of text and increasing white space on confirmation pages.Reducing amount of text and increasing white space on confirmation pages.
  2. Adding an abbreviated logo icon to break up areas where there is a lot of text.Adding an abbreviated logo icon to break up areas where there is a lot of text.
  3. Addition of supplemental pages to further explain Mindful Support Space's mission.

Future Considerations

  • Create more landing pages for Mindful Support Space's services to help users gain confidence with the organization. That way, users are more likely to reach out when they are in need of mental health support.
  • Conduct more usability studies comparing webpage layouts and colors to ensure a calming and inviting tone to the website.

Prototype Changes According to Testing Feedback

Follow the arrows below to see the revisions that increased white space and added more variety with shapes around text and more icon use.

Before Testing
After Testing
Mindful Support Space's updated registration confirmation page with arrows pointing to where updates were made

The Revised Prototype

View the Full Process

Interested in learning even more about this project? Check out a deep dive into the UX research, design, and iteration process for Mindful Support Space.
Interactive PresentationDownload PDF