Skip to content

Makepeace — Brand & Website Design for a Mind-Body Pain Program

Brand identity and website design for the Makepeace Method — a mind-body chronic pain healing program. Logo, landing page, course delivery, and payment flow.

Nov 18, 2025
Makepeace — Brand & Website Design for a Mind-Body Pain Program

Overview

The Makepeace Method is a mind-body healing program for adults living with chronic pain — built on the premise that chronic pain is primarily a brain-based emotional experience, not a mechanical one. Michael Wickware, the program's founder, needed a complete brand identity and web presence that could position this approach credibly in a category full of skepticism and overclaiming.

Masterly designed the full brand and web experience from scratch: logo and identity system, landing page, course delivery interface, pricing and payment flow, science and credibility section, and mobile-responsive layouts throughout.

The target audience — adults aged 45 to 70+ dealing with chronic pain — brought specific design constraints: high skepticism from past failed treatments, need for emotional resonance over clinical distance, and accessibility requirements that most wellness brands ignore.

Makepeace brand mosaic — logo, the Method positioning, target audience, and program badges

What the project covered:

  1. Brand identity — logo, color system, typography, visual language
  2. Landing page — hero, problem framing, method explanation, social proof, pricing
  3. Course delivery interface — video progression, audio meditation, student experience
  4. Science and credibility section — research made accessible, founder story
  5. Payment and checkout flow — Stripe integration design, conversion optimization
  6. Mobile-responsive layouts across all surfaces

The Challenge

Designing trust in a category defined by disappointment

Chronic pain patients are among the most skeptical audiences a health brand can face. They have tried physical therapy, medication, surgery, and multiple alternative approaches — most of which delivered incomplete results. A program that claims to resolve pain through a mind-body method faces immediate resistance from people who have been overpromised before.

The design had to communicate credibility without overclaiming — specific about the mechanism, transparent about what the program includes and costs, and clear about what results are realistic. Vague "transform your life" language, which fills most wellness marketing, was off the table.

Reaching a 45-70+ audience without designing down to them

Most health and wellness brands targeting older adults make the same mistake: they reduce contrast, increase font size, simplify to the point of condescension, and fill the design with stock photography of silver-haired couples on beaches. The audience recognizes and rejects this.

Makepeace's audience is experienced, educated, and has high standards for what credibility looks like. The design needed to meet them there — premium aesthetic, real imagery, legible but not oversized typography, and a visual system that communicates seriousness.

A course product that had to feel like more than videos

The Makepeace Method delivers its program through seven videos and an audio meditation — a format that risks feeling thin compared to in-person alternatives. The design had to make the course feel complete, structured, and valuable before purchase, and navigable and motivating after.

The payment page had a documented conversion problem before the redesign. Users were reaching checkout and leaving — a signal that the value wasn't landing clearly enough before the price was shown.

Makepeace "Watch Video" call-to-action button in light and crimson variants

Design Approach

Brand identity: premium, not clinical

The Makepeace visual identity runs counter to the wellness category default. Where most health brands go light, soft, and pastel, Makepeace goes deep navy and near-black — a deliberate signal that this is a serious, evidence-based program, not a retreat experience or a supplement ad.

The crimson-magenta accent carries the emotional warmth that the dark base can't. It appears on CTAs, the logo mark, and key headline moments — present enough to be felt, restrained enough not to undercut the seriousness of the subject matter.

The logo mark — a stylized M with a curved, almost infinity-like form — encodes the program's core idea visually: the relationship between mind and body as a continuous loop, not a hierarchy.

The Makepeace crimson leaf-mark logo and wordmark

Makepeace brand guidelines — logo construction, color palette, and typography

Landing page: earn the click before asking for it

The hero section doesn't open with the program name or a "Watch Video" button. It opens with the problem — a precise, empathetic articulation of what chronic pain feels like and why standard approaches fail. Michael's face and story are introduced after the user has felt recognized, not before.

The "Watch Video" CTA appears after this setup, large and high-contrast. By the time a user reaches it, clicking feels like a logical next step rather than a cold ask.

A "Watch Video" button on a blank hero converts poorly. The user has no reason to invest the time before they've been given a reason to believe.

Below the hero: the method explanation (brain-based pain, not mechanical), social proof from real students, science section, and a pricing page that restates the deliverables in full before showing the price.

Makepeace landing-page "Watch Video" button that earns the click

Makepeace UI components and button styles

Science and founder sections: authority without arrogance

Michael's credibility needs to come through on the page — but the failure mode here is a founder bio that reads like a CV. We designed the about section around his story as a problem-solver: what he experienced, what he discovered, why the method works, and why he built the program. Authority emerges from the narrative, not from credentials listed in bullet points.

The science section translates research into plain language — what the studies show, what it means for someone in pain, and how the Makepeace Method applies it — rather than linking to papers and hoping users will read them.

Payment flow: value before price

The Stripe checkout page had a low conversion rate before the redesign. The core problem: users were seeing the price without a strong enough restatement of value immediately above it. The redesigned pricing page places a full deliverables summary — seven videos, audio meditation, specific outcomes — directly before the payment step, with one testimonial at the moment of hesitation.

Fewer form fields, clear security signals, and a visible satisfaction framing complete the checkout experience.

Mobile-responsive throughout

The Makepeace audience accesses content on a range of devices, including tablets and mobile phones. The entire experience — landing page, course delivery, and checkout — was designed mobile-first, with particular attention to tap targets, reading line length, and video playback controls on smaller screens.

Makepeace mobile-responsive website screens — hero, method, testimonials, and pricing

The Outcome

Masterly delivered a complete brand and web presence for the Makepeace Method — from logo mark to checkout flow — designed specifically for a high-skepticism, older demographic in a category where most competitors rely on generic wellness aesthetics and vague outcome claims.

The design positions Michael Wickware as a credible, specific authority. The landing page earns the video click before asking for it. The payment flow restates value at the moment of hesitation. The course delivery experience makes the program feel structured and complete from the first login.

Makepeace brand and website system — logo, card, app, browser, and merch across the full experience

Deliverables

  • Brand identity — logo (primary + mark), color system, typography, usage guidelines
  • Landing page — full web, mobile-responsive
  • Course delivery interface — video progression, audio meditation player
  • Science and credibility section
  • About / founder story page
  • Pricing and payment flow (Stripe-integrated design)
  • Mobile-responsive layouts for all surfaces
  • Social media creative templates
  • Design system and component library
  • Development-ready Figma handoff

Frequently Asked Questions

Free 30-minute
intro call

Book now