✦ OVERVIEW
Redesign of information Architecture for a non-profit organization in Philadelphia.
MY ROLE
UX Designer
Team
3 other UX designers
Focus
Information Architecture Redesign
TIMELINE
3 Months
Tools
Figma, Miro, Slack
result
160%
Efficiency in booking an appointment
✦ THE USER PROBLEM
Difficult to navigate the website
✦ THE BUSINESS PROBLEM
Lots of in person calls
✦ PROBLEM STATEMENT
redesign the website for patients so that they can book an appointment faster?
✦ SOLUTION
✦ 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.
✦ 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"
Therapist says
"All these new words doesn't mean anything to me"
Such a bad website for such a beautiful studio!
The ambience of website and the actual studio was worlds' apart
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?
✦ 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
Placemaking data
Style Guide
A simple design standard all across all screens
✦ FINAL DESIGN
High-fidelity wireframes
✦ Is the app easy to use?
Rapid Usbility testing
✦ Learnings
Self Reflection
Takeaways
Next steps
That's a lot of scrollling!