Why this concept looks the way it does
What I found on the live site, and what changed
Everything below was measured on mindwisedbt.com before this was built. The brand — colours, logo, voice, the garden metaphor — is deliberately kept. The problems are structural, not visual.
- Accessibility — blocking
Pinch-zoom is switched off on mobile
The viewport tag ships maximum-scale=1.0, user-scalable=0, which stops users enlarging text on a phone. That is a WCAG 2.1 AA failure (SC 1.4.4), and on a mental-health product it locks out the people most likely to need it.
- SEO — high value
The page title is printed twice
The current tag reads “Mindwise DBT – Transformative… - Mindwise DBT – Transformative…”, a theme-and-plugin collision. Google truncates it, so the search result reads as duplicated boilerplate.
- SEO — high value
Three competing H1s, used as line breaks
“Mindwise is”, “where healing” and “begins.” are three separate h1 elements — markup used to force line wrapping. The same happens with “Dialectical / Behavior / Therapy” across three h2s. Search engines see fragments instead of a headline.
- Performance
30 PNGs and 31 scripts on a brochure page
Every raster image is a PNG — no WebP or AVIF anywhere — behind 31 scripts on a page with only 635 DOM nodes. Converting the images alone typically cuts 60–70% of page weight before a line of code is rewritten.
- Conversion
The hero asked people to “Learn More”
The site sells a $2.99/month subscription, but the primary hero button pointed at more reading, and the price only appeared near the bottom. In the redesign the price is in the hero, in the header, and pinned to the bottom of the screen on mobile.
- Trust
“Medically validated” was buried
For a clinical product this is the single most persuasive phrase on the site, and it sat several screens down. It is now the first thing above the headline.
- Duty of care
Crisis support was a bullet point
Crisis Management appeared only as one of six feature cards. On a site serving people in acute distress, a route to immediate help should be reachable from every page — so it is a standing band in the redesign, and a real route in the build.
Lighthouse, both versions
Both pages on this site run the same code on the same infrastructure. The only difference is the design. Run these yourself — Chrome DevTools → Lighthouse, on either tab.
| Category | Your design, rebuilt | Redesigned |
|---|---|---|
| Performance | 99 | 100 |
| Accessibility | 93 | 100 |
| Best Practices | 100 | 100 |
| SEO | 100 | 100 |
Worth being precise about that 93. It is your design rebuilt with the title tag, the heading structure, the disabled zoom and the image formats already fixed. What is left is the colour palette on its own. The same audit against the live WordPress site flags those other four on top.
The colours that fail
WCAG AA asks for 4.5:1 between text and its background. These pairs are taken from your live stylesheet, not invented for this page.
| Where | Text on background | Ratio | Needs |
|---|---|---|---|
| Hero body copy | #4D413C on #FF9357 | 4.47:1 | 4.5:1 |
| App module titles | #C97742 on #FFFFFF | 3.38:1 | 4.5:1 |
| Links on cream | #E08A4E on #FDF7EC | 2.48:1 | 4.5:1 |
| Links on white | #E08A4E on #FFFFFF | 2.65:1 | 4.5:1 |
This is fixable without a rebrand
Every fix on the redesigned tab was a shift in tone, not a change of colour. The orange is still your orange — #D9581F became #C5501C, which nobody will notice and which passes at 4.63:1. Link and heading tones move the same small distance.
If you keep your current design, I'll do this pass on it either way — it is an afternoon, and it matters more than usual for a product whose users are often in distress and often reading on a phone with the brightness down.
Measured on this build
Every route is prerendered to static HTML: one canonical title, one h1 per page, pinch-zoom enabled, fonts self-hosted so no visitor data reaches a third party, and roughly 115 kB of gzipped JavaScript with 5 kB of CSS for the whole site. No server renders anything per request — Cloudflare's edge serves the file.