Care 2 Prevent
Group project at General Assembly
Research/Design/Strategy: Jane Huntington, Anooja Chitnis, Kevin Nguyen, and Ron Shiri.
Tools Used: Figma, Maze, Invision, Photoshop, Illustrator, and Adobe Color.
My Role: Research, strategy, and site redesign after initial design phase.
Features
Private Message Functionality
It would allow people to reach out to Care2Prevent anonymously to ask personal/private questions.
Video Testimonials and Information Section
Care2Prevent has a record of clients thriving and leading productive lives after coming to their clinic for wraparound services who want to tell their stories and give back to the community. Care2Prevent already has a YouTube page, but it needs more accessibility. By creating pages with people sharing their stories and gathering relevant information, potential clients can learn more about how Care2Prevent can help them.
Information Architecture Audit
Investigating how users navigate the site and how easy is it to find the information they need
Restructuring of the navigation of the current site to help users with their options in terms of getting help
Resources pages restructured
The events page needs more clarity.
Redesign
After the project was finished, I redesigned the site and used imagery directed at Care2Prevents demographic and need for community.
About Care2Prevent
Care2Prevent is a pediatric and adolescent HIV program in South Side Chicago and fills a critical HIV prevention and care need. Wrap-around services, outreach, prevention education, and testing are free of charge. Those who test positive are brought in for clinical care, case management, and behavioral help.
The Problem (client perspective)
"The main challenge during COVID is reaching people. Our population is notoriously hard to engage with, and the pandemic has made it even harder. We've run a few ad campaigns on hookup sites – the results have been disappointing. It's also hard to follow up on people who have clicked through our website. How can we more effectively engage with our target population to get them the help they need?"
Research: Interviews
Staff
Multidisciplinary: wrap-around service: ambulatory, behavioral health outreach, prevention, and case management.
Technology: is always an issue. Phones are on and off.
Rapid intervention: service model: immediate needs 1st.
Advocate: Make someone who is doing exceptionally well in the program an advocate.
Trauma: Demographic has had a lot of trauma and doesn't trust easily. They notice or are told that they aren't like the others.
Support Groups: The Rose Petals support group is doing well, and they would like to add two others: one for caregivers and the other for youth living with HIV.
Clients
Demographic: 20-31 years old, African American, Chicago residents. Two are parents.
Trust: Trusting relationships with staff, mentors, and peers have been built over time – it didn't happen right away.
Gratitude: They are grateful to Care2Prevent staff for personalized care and for really listening to them.
Immediate Needs: Housing is a big issue for many. Help with applications, letter writing, etc., is always mentioned.
Inclusion: They feel isolated. Being in groups makes them feel included while teaching them new things.
What people are saying
“Care can mean being a listening ear to patients who haven’t felt safe in disclosing their medical status for fear of rejection, scrutiny or shame.”
— Elaine Seaton, Medical Case Manager
"Some people work to get a check, and some people love to help people and see them doing better."
— Z, client, early 20’s
"You know, when I'm down, like when I feel like I can't do anything, he pushes me forward."
—A, client, early 20s
“I don’t know what Meera’s title is, but she’s been like everything... She’s been my therapist, she’s been my counselor and she’s been my case manager. I really appreciate the whole team.”
— K, client, age 31
Persona
Problem statement:
Chris needs a safe space with staff he can trust so that he can access the resources and healthcare he needs without fear of being judged for his sexual preferences and life choices by his community.
How Might We…
After reviewing our interview sessions and coming up with a problem statement, the group came up with three “How Might We” statements. These statements were used as the basis for our ideation sessions.
How might we make Chris feel safe enough to ask for the help he needs?
How might we overcome the stigma that might prevent Chris from coming into a sexual health testing center?
How might we reach more people like Chris so they can benefit from supportive services?
Ideation Session
Participants included two educators with experience working with at-risk youth, one social worker, and a North-Side Chicago LGBTQ community member.
We broke down their responses into the following main categories:
Sex Education
Community Resources
Private Communication
Positive Messaging
Peer Support
Incentives
Based on the responses, we chose the most prominent themes to focus on for UX features.
Information Architecture and UX Audit: Key Takeaways
Site Map Navigation
Global navigation categories were not intuitive
Events calendar & YouTube videos
Needs more accessibility, events page needs more clairity
UX writing overall and Community Resources page
Great information is buried in text heavy paragraphs. Users typically read 20% of the content because they’re scanning for information
Best practices for writing for the web
Use short words, short sentences, short paragraphs, and active verbs.
Bulleted lists are easier to scan
User Journey
Site Map
User Flows
Private Message
Testimonials
High Fidelity Usability Testing
Purpose and Goal
Test how much time and in how many clicks it takes the user
Logistics
Conducted via Maze & Zoom
Tasks
Task 1: Send a message to Care2Prevent anonymously, choose phone as contact method, and select HIV symptoms as the topic.
Task 2: Go to client testimonials, watch the first video at the top, show support for the video.
Task 3: On the home page, go to the Informational Videos in the navigation.
Metrics
Number of clicks
Success Criteria
Task 1: User completes task in 6 clicks
Task 2: User completes task in 6 clicks
Task 3: User completes task 3 in 2 clicks
Observations
Conducting the test over Zoom allowed us to observe users’ thought process better
The “Empower” button wasn’t intuitive enough for users to understand
The layout of the buttons on the testimonials page was too wide, and users assumed they could click on the photos of the categories instead of the buttons themselves
Iteration
We added a popup that explains what the “Empower.”
We made the photo for each testimonial category clickable and adjusted the button arrangement to make the spacing
Further Iteration
Our project focused on research, developing new features, and doing a UX audit-areas from where we felt the organization would benefit most. After we finished, I embraced the agile methodology and updated the design incorporating their current identity and the new features.
Style Guide & Mood Board
For the mood board, I did a deep dive into royalty-free images. My goal was to have something fresh and current.
I changed the font used in the prototype from Montserrat to Metropolis. Metropolis has the same feel but has a narrower width.
Design
I trimmed down the colors on the site and added complementary ones to make the design more cohesive and pop more.
Features
After doing an unofficial review of the site with educators serving this demographic, I changed “testimonial videos” to “videos” in the menu and added “patient stories” to the dropdown.
I removed the “Empower” pop-up.
I added some multi-racial images to make the site feel more inclusive.
Mood Board
Our last mood board focused on Care2Prevent’s role as an HIV health clinic – but in our interviews, time and again, it was that their wrap-around services were a lifeline for their patients. In this version, I focused on hope, freedom from isolation, and inclusivity.
Style Guide
Using the existing design, I edited out redundant colors, added new complementary hues, and changed the font to Metropolis.
High Fidelity Prototype
Here’s a list of our new features!
Home Page
Private Messaging
HIV & Mobile Testing Page
Community Resources Page
Enhanced Events Calendar
Patient Stories Video Page
Mental Health
Back to School Givaway
Health Clinic Page
Support Groups
Informational Videos Page
