All projects
Community & Public Health · Croydon
Mental Health Croydon
A free service directory helping people across Croydon find mental health support. Built for accessibility first, with search and filtering.
- Kind of site
- Free directory
- Built with
- Next.js, Supabase, Accessibility
- Live at
- mentalhealthcroydon.co.uk
The brief
Croydon needed a free online directory where residents could find mental health services across the borough. People in a hard moment needed to find help quickly. The brief was a search-first interface, clear filtering, and pages that stay usable on a phone.
What I built
- Search-first interface with filtering by service type, area, and availability
- Fully accessible — navigable with screen readers, keyboard-only input, and high-contrast mode
- Structured service listings with contact details, opening hours, and referral pathways
- Supabase-powered backend for easy directory updates without developer involvement
- Mobile-responsive design for users searching on the go
- Resource pages with crisis helplines and self-referral guidance
How it came together
Mental Health Croydon needed a free online directory where people could find mental health services across the borough. Accessibility wasn't optional — it was the entire point. People in crisis needed to find help quickly, regardless of how they access the web.
I built a search-first interface with comprehensive filtering, ensuring the site was fully navigable with screen readers and keyboard-only input. Every service listing is structured for clarity, with contact details, opening hours, and referral information front and centre.
It is a public directory. Listings, search, and crisis routes sit on one site so people in Croydon are not hunting across ten others.
Want a site like this?
Send the current site and what you want to change.