Information Architecture Redesign
Sankofa Healing Studio serves incarcerated women of color, a community that often faces significant barriers to digital literacy. To meet our users where they are, we are redesigning our platform to be exceptionally user-friendly, ensuring that even those with very limited tech experience can navigate our resources with ease.
How might we make website easier to navigate for thearapy patients so that they can book an appointment faster?
Who
What
Why
Solution
Redesigned complete website user flow by restructuring information architecture to improve navigation clarity, content hierarchy, and overall user experience usability.
Project details
Role - Solo UXD, academic project
Team - 3 other UXD designers
Duration - 4 Months
Tools - Figma, Miro, Slack
Result
160% efficiency in booking an appointment from usability testing results

✦ SOLUTION

Placing the obvious front and centre

The old home screen felt like a landing page with irrelevant data, adding cognitive load due to confusing navigation and hierarchy. The new design eliminates this issue.

✦ HOW DID I GET THERE?

Project roadmap

We started with content audit to understand lay of the land. This was followed by usability testing of the existing website and several design solutions and iteration to address the core issue.

✦ Secondary research

Findability Test - Are you able to book an appointment?

Two pro UX designers tackled a single goal: book an appointment. Confusing terminology and maze-like navigation hindered users, requiring a clearer approach.

Task completion - 100%
2/2 users were able to complete the task.
Task success - 0%
2/2 users failed

✦ Primary Reserach

Why did the users fail?

Four patients and two therapists were interviewed to ensure unbiased data collection.

Patients says

"I can't find the appointment button"

"Where the button ? It is too confusing for me."

Therapist says

"All these new words doesn't mean anything to me"

"It's difficult to differentiate between what is for patients and what is meant for other therapists"

Such a bad website for such a beautiful studio!

The ambience of website and the actual studio was worlds' apart

The studio was calm, but the website was a chaos.
While studiorefelcted a mindul approach to colors, textures and sensory experience, the website was the exact opposite off what the studio stood for.

Why was the user unable to book an appointment?

From the surface to the root cause.

Who is Radient Rachel (User)

Storyboard persona.

Content audit

We audited the existing information architecture and make a complex excel sheet to understand how users make way finding decisions.

Current website and navigation

Welcome to hell

✦ user journey map

User Journey Map of Radient Rachel

Radiant Rachel goes through a lot of emotions, decisions, ups and downs, all while simply trying to book an appointment. Let's see what she goes through.

✦ Competitive analysis

How does 10 competitor manage appointment booking?

Simple Terminologies
So simple, even a 12 y/o can navigate
Calm colors
Pastal colors, and simple typography
Metrics
Homapage had statistics to attract on-boarding users

✦ Ideation

Card Sorting, brain storming and dot voting

Designing new information architecture and new features, all while preserving existing capabilities of the website.

Hand-drawn paper prototype : Test, change and test again

Wireframes for placemaking data

Style Guide : A simple design standard all across all screens

✦ FINAL DESIGN

High-fidelity wireframes

✦ Is the app easy to use?

10 students participated in the moderated usability testing

Book appointment
Goal 01
Select a therapist
Goal 02
90% success
and 80% NPS Score

✦ Learnings

Self Reflection

Takeaways
Be respectful of each other’s personal space. Ensure users feel safe to discuss their pain points.
Nonprofits rely heavily on grants, so be ready to adapt your project to meet their specific needs.
Next steps
Incorporate insurance checking as soon as possible. It will be the next milestone in the product development lifecycle.