PTSD Resolution
A full website rebuild for one of the UK's leading charities providing free, confidential PTSD therapy to armed forces veterans, reservists, and their families. Commissioned by MassMedia Limited.
Charity
Project Type
200+
Therapists Nationwide
A+
SEO & Schema
ARIA
Accessibility Built-In
Overview
The Problem
PTSD Resolution is a UK registered charity (1202649) that provides free, prompt, and confidential mental health support to armed forces veterans, reservists, and their families through a network of over 200 therapists. Their existing website had grown outdated, lacked proper SEO foundations, had no structured data, and did not meet modern accessibility standards.
The charity needed a modern, professional web presence that communicated trust and accessibility to those who may already be reluctant to seek help. It needed to rank well in search, load fast on any device, and be fully accessible to users with disabilities. For a charity relying on organic traffic to reach the people it serves, these are not nice-to-haves. They are essential.
The Solution
Working as lead consultant and developer on behalf of MassMedia Limited, I designed and built a complete website from the ground up. Every page was built with SEO best practices, semantic HTML, ARIA accessibility, structured data, and performance optimisation as first-class concerns, not afterthoughts.
The result is a website that communicates the charity's mission clearly, makes it easy for those needing help to register for therapy, ranks well in search engines, loads fast on mobile, and works for everyone regardless of ability or device.
Features
What I Built
Technical SEO
Unique title tags, meta descriptions, and canonical URLs on every page. Auto-generated XML sitemap. Clean URL structure with semantic hierarchy. Proper heading structure (h1 through h6) on every template.
Schema.org Structured Data
JSON-LD schema markup on every page. NGO and MedicalOrganization types tell search engines exactly what this charity does, who it serves, and how to contact it. This is how you earn rich results, not by hoping.
ARIA & Accessibility
Semantic HTML5 landmarks, ARIA labels, roles, and live regions throughout. Full keyboard navigation, skip-to-content links, focus management, and strong colour contrast in both light and dark modes. Screen reader tested.
Performance Optimisation
Automatic WebP image conversion, lazy loading, font display swap, minified and bundled assets via Vite, and optimised media served from cloud storage. Fast Core Web Vitals on mobile and desktop.
Social Sharing & Open Graph
Open Graph and Twitter Card meta tags on every page with proper titles, descriptions, and images. When someone shares a link on social media, it looks professional and trustworthy before anyone clicks.
Mobile-First Responsive
Every layout designed for mobile first and scaled up with Tailwind CSS breakpoints. Navigation, forms, testimonials, and content all work properly on any screen size. No pinch-zooming, no broken layouts.
Semantic HTML5
Proper use of header, nav, main, section, article, aside, and footer landmarks. Meaningful heading hierarchy. Lists for lists, tables for tabular data. The markup communicates structure to machines and assistive technology, not just browsers.
Dark Mode
Full dark mode support with class-based switching that respects the user's system preference. Proper colour contrast maintained in both themes. A detail that improves comfort and accessibility, especially for visitors browsing late at night.
Security & Privacy
HTTPS enforced, secure cookie handling, reCAPTCHA and honeypot spam protection on forms, rate limiting, and GDPR-compliant cookie consent. Built to the standard expected of a registered charity handling sensitive referrals.
Screenshots
The Website in Action
The "Who We Are" page. Clear messaging about the charity's mission, values, and the team behind the service.
Testimonials from those the charity has helped. Real stories that build trust with visitors considering reaching out.
The "Get Help" page. Designed to be reassuring and accessible, guiding visitors through the process of registering for free therapy.
Tech Stack
How It Was Built
Backend
Frontend & Infrastructure
Architecture
Key Technical Decisions
Schema.org as a first-class concern
Every page includes JSON-LD structured data. The homepage uses NGO and MedicalOrganization schemas with contact points, service areas, and founding date. News pages use Article schema with datePublished and author. FAQ pages use FAQPage schema so answers can appear directly in search results. This is not decorative. It is how a charity gets found by the people it exists to help.
Accessibility is not optional
ARIA landmarks, roles, and labels are used throughout, not sprinkled on at the end. Navigation uses aria-current for the active page. Expandable sections use aria-expanded. The search form uses aria-live regions to announce results to screen readers. Colour contrast is carefully tuned for readability in both light and dark modes. A charity serving people in need cannot afford to exclude anyone.
Performance built into the architecture
Images are stored in cloud object storage and automatically converted to WebP with responsive thumbnails. Vite bundles and minifies CSS and JavaScript. Fonts use display swap to prevent layout shift. Lazy loading defers off-screen images. Every decision serves Core Web Vitals. Fast pages keep visitors. Slow pages lose the people this charity needs to reach.
SEO-driven URL and content structure
URL paths follow a clean, hierarchical structure that mirrors the site's content categories. Every page has a unique meta title and description. Internal linking is deliberate, not accidental. The XML sitemap regenerates automatically to keep search engines in sync. Canonical URLs prevent duplicate content issues across pagination and category views.
Outcomes
What Was Delivered
SEO-Ready from Day One
Every page built with proper meta tags, canonical URLs, structured data, semantic headings, and an auto-generated sitemap. The site is ready to rank from launch, not six months later.
Fully Accessible
Built with ARIA landmarks, keyboard navigation, screen reader support, skip links, and strong colour contrast in both light and dark modes. A website that works for everyone.
Fast on Every Device
Optimised images, minified assets, lazy loading, and cloud-hosted media. Strong Core Web Vitals scores on mobile and desktop. Someone on a slow connection still gets a fast, usable experience.
Trust & Credibility
A modern, professional website that reflects the quality of the service. Rich results in Google from structured data. Professional social previews from Open Graph tags. For someone considering reaching out, the website is often their first impression.
Beyond the Code
A website is only as good as the details people never see.
Building the product is half the job. The other half is making sure it loads fast, ranks well, looks right when shared, and works for everyone. After 25 years of building for the web, these are the things I treat as non-negotiable on every project.
On-Page SEO
Unique titles and meta descriptions on every page. Semantic heading hierarchy. Deliberate internal linking strategy. Clean, descriptive URLs. Canonical tags to prevent duplicate content. An XML sitemap that stays in sync automatically.
Rich Results
JSON-LD structured data on every page. NGO, MedicalOrganization, Article, and FAQPage schemas give search engines the context they need to show rich results. This is how you stand out in Google, not by hoping.
Core Web Vitals
Automatic WebP conversion, lazy loading, font display swap, minified bundles, and cloud-hosted media. Every choice serves LCP, FID, and CLS. Fast pages convert. Slow pages bounce.
ARIA & Screen Readers
ARIA landmarks, roles, labels, and live regions throughout. Skip-to-content links. Focus management on interactive elements. Tested with screen readers. A charity serving vulnerable people cannot afford to exclude anyone.
Social Previews
Open Graph and Twitter Card meta tags on every page with proper titles, descriptions, and images. When someone shares a link to the charity, it looks professional and trustworthy before anyone clicks through.
Mobile First
Every layout designed for mobile first and scaled up. Navigation, registration forms, testimonials, and FAQs all work properly on a phone. Someone reaching out for help should not be blocked by a broken layout.
Why Work With Me
25+ years of building for the web. Every one of them matters.
PTSD Resolution is a charity that provides a critical service to people who have served their country. Their website is not a brochure. It is a front door for people who may be taking the hardest step of their lives by asking for help. That demanded a website built with care, not just competence.
As lead consultant and developer on behalf of MassMedia Limited, I was responsible for the full technical delivery: architecture, design, frontend, backend, SEO, accessibility, structured data, performance, and deployment. The result is a website that ranks, loads fast, works for everyone, and looks professional when shared.
When I build something for a client, they get the same attention to detail. Not because they asked for it, but because after 25 years I know these things are the difference between a website that works and one that actually performs.
What my clients get
- A website that ranks, not just one that looks good
- SEO, structured data, and social sharing tags on every page
- Fast load times that keep visitors and satisfy search engines
- Accessible build with ARIA, keyboard nav, and screen reader support
- Mobile-first design that works on every device
- Clean, maintainable code that will not fall apart in six months
- One developer who owns the entire stack, from design to deployment
Want something like this built for you?
I build bespoke web applications from scratch. Let's talk about your project.