Let’s talk

SELECTED WORK / HEALTHCARE

Mend Health.

Kirkwood, Missouri

A calm, practitioner-led website for a chiropractic and soft tissue practice, with a body map, city and condition pages and booking on the page.

Visit live website (opens in a new tab)Explore the project
Mend Health homepage: “Soft Tissue Expertise to Keep You Active” over a deep green background
CLIENT
Mend Health
INDUSTRY
Healthcare
OUR WORK
Website design & development, technical SEO
WEBSITE
mendhealthmo.com

THE PROJECT

A practitioner-led practice.
A site that starts where it hurts.

Mend Health is a chiropractic and soft tissue practice in Kirkwood, Missouri. Patients book a block of time rather than a set procedure, and the practice serves Kirkwood and nearby St. Louis County communities, including Clayton, Frontenac, Ladue, Webster Groves and Des Peres.

Together with River City Digital, we designed and built a new site to replace the practice’s Wix site and kept the old addresses working. It covers both services, time-based pricing, the practitioner’s background, a blog, six city pages and seven condition pages, and the practice can update pages and publish posts itself.

DESIGN STRATEGY

Earthen and calm,
with motion that slows down.

We built the design from the brand’s earthen palette. Pages sit on ivory with dark green headings, a serif display face pairs with a clean sans-serif, and a faint film grain keeps the screen from looking flat. Where brand colors lacked contrast for small text, we adjusted them until they met WCAG AA.

On desktop, the homepage opens on a slow WebGL marble texture, then moves through scroll-driven sections that explain the time-based model. A body map asks “Where does it hurt?” and links each region to a condition page or article. Pages stay readable without JavaScript, and visitors who prefer reduced motion see a still version.

TYPOGRAPHY

A serif display face over a clean sans-serif, with a faint film grain.

COLOR

Ivory, cream, sage, dark green and charcoal from the brand’s logo, adjusted where needed to pass WCAG AA.

NAVIGATION

A “Where does it hurt?” body map that links each region to a condition page or article.

HOW IT’S BUILT

Prerendered pages
the practice can edit.

We built the site with Next.js and React in TypeScript, styled with Tailwind CSS. GSAP and Lenis run the scroll motion, Framer Motion handles small interactions and OGL renders the WebGL hero, which loads only on capable devices.

Copy lives in JSON and MDX files that the practice edits through a Keystatic editor, the contact form sends through Amazon SES, and the site is hosted on AWS Amplify behind CloudFront.

FRAMEWORK
Next.js 16 (App Router) and React 19
LANGUAGE
TypeScript
STYLING
Tailwind CSS 4 with design tokens
MOTION
GSAP, Lenis, Framer Motion and an OGL WebGL hero
CONTENT
Keystatic editor, with JSON and MDX content
HOSTING
AWS Amplify and CloudFront

SEARCH, BUILT IN

Six cities, seven conditions,
one clinic in the data.

Patients search by where they live and by what hurts, so the site has a page for both.

We kept the old Wix site’s addresses working: the homepage and cancellation policy kept their URLs, and the two retired pages redirect permanently to their replacements.

Six city visit guides, from Kirkwood to Des Peres, each have breadcrumbs, structured data and directions to the office.

Seven condition pages, from neck and back pain to plantar fasciitis, are linked from the homepage body map.

The practice is marked up as a single MedicalClinic entity, with service, FAQ, article and breadcrumb data on the pages that need them.

Every blog article link is in the page’s first HTML response, so search engines find each post without running JavaScript.

The robots file is generated from code and explicitly allows AI crawlers such as GPTBot, Google-Extended and ClaudeBot.

The Mend Health homepage on a phone, with buttons to book an appointment and meet the practitioner

THE SAME WEBSITE. A SMALLER SCREEN.

PROJECT HIGHLIGHTS

The details
that make it work.

Body map navigation

A “Where does it hurt?” figure whose ten regions link to condition pages and articles, with a text list for touch and no-JavaScript visitors.

In-page booking

The practice’s booking calendar sits on the contact, pricing, service, city and condition pages and loads when a visitor opens it.

Self-serve publishing

The practice edits page copy and publishes blog posts through a Keystatic editor, without touching code.

KEEP EXPLORING

Learn more about the services behind our work.

YOUR NEXT WEBSITE

Planning a website
your customers will use?

Let’s talk about your business, your customers and what your website needs to do.

Let’s plan your website More of our work