Depend.org.uk
A complete redesign for Depend, a UK organisation offering free, confidential support to adults with a trans partner, friend, or family member. Replaced a dated, difficult-to-navigate site with a clean, modern, fully optimised build.
Redesign
Project Type
UK-Wide
Support Network
A+
SEO & Schema
WCAG
Accessibility Compliant
Overview
The Problem
Depend is a UK organisation offering free, confidential, and non-judgemental advice, information, and support to adults with a trans partner, friend, or adult family member. Their previous website was visually outdated, poorly structured, difficult to navigate, and lacked the SEO foundations needed to reach the people who need their services.
For an organisation that relies on being found online by people at a vulnerable point in their lives, the website needed to feel modern, trustworthy, and easy to use. It also needed proper technical foundations: structured data, accessibility, performance, and search engine visibility.
The Solution
I redesigned and rebuilt the entire site from scratch using Laravel and Livewire. The focus was on clarity: clean layouts, clear navigation, and content that is easy to find. A dark mode option respects user preferences and improves comfort for those browsing privately.
Every page was built with SEO best practices, Schema.org structured data, ARIA accessibility, and performance optimisation baked in from the start. The result is a small but polished site that punches well above its weight in search and usability.
Features
What I Built
Technical SEO
Unique title tags and meta descriptions on every page. Auto-generated XML sitemap and robots.txt. Clean URL structure, semantic heading hierarchy, and canonical URLs throughout.
Schema.org Structured Data
JSON-LD markup on every page. Organization schema with contact points and service descriptions. Open Graph and Twitter Card tags for professional social sharing previews.
ARIA & Accessibility
Semantic HTML5 landmarks, ARIA labels and roles, full keyboard navigation, skip-to-content links, and WCAG 2.1 AA colour contrast in both light and dark modes.
Performance
Minified and bundled assets via Vite, lazy-loaded images, font display swap, and optimised delivery. Fast Core Web Vitals on mobile and desktop, even on slow connections.
Dark Mode
Full dark mode with class-based switching that respects system preferences. Proper colour contrast maintained in both themes. Privacy-conscious visitors often browse in dark mode, so it matters here.
GDPR & Cookie Consent
Privacy-first cookie consent with clear accept/decline options. No personal data sold or shared. Analytics only run with explicit consent. Built for trust from the first visit.
Screenshots
The Website in Action
The Support page. Clear, welcoming content with mailing list sign-ups for ongoing support.
The Contact page. Simple, accessible, and confidential. All enquiries treated in confidence.
Tech Stack
How It Was Built
Backend
Frontend & Infrastructure
Outcomes
What Was Delivered
A Modern, Trustworthy Presence
A complete visual and technical overhaul. The previous site felt dated and hard to navigate. The new site is clean, modern, and communicates trust from the first visit.
SEO-Ready from Day One
Every page built with proper meta tags, structured data, semantic headings, and an auto-generated sitemap. The site is ready to rank from launch.
Fully Accessible
WCAG 2.1 AA compliant with ARIA landmarks, keyboard navigation, screen reader support, and proper colour contrast in both light and dark modes.
Fast on Every Device
Optimised assets, lazy loading, and minified bundles. Strong Core Web Vitals scores. A small site built to a high standard loads fast and stays fast.
Want something like this built for you?
I build bespoke web applications from scratch. Let's talk about your project.