Design and conversion are not opposites. The best-performing sites are the ones that look like they deserve to perform. Design earns attention. Clarity converts it. A site needs both — and the order matters.
The site reads as commodity to a buyer spending real money on a considered decision. Deal size and qualified-lead rate erode — not because the offer is weak, but because the front door makes the buyer arrive at the sales call already negotiating. The sales team absorbs the trust deficit the website should have closed.
The site is impressive but illegible — a portfolio that wins awards and loses leads. The buyer cannot figure out what is being sold, what it costs, or why to trust it. Conversion stalls; the team blames “the market” when the actual problem is that the site is unfinished as a sales tool.
The middle is not a compromise between these two extremes. It is a deliberate position calibrated to the buyer. Both kinds of clients want leads. The framework is what gets them there.
Across every position in the framework, one rule holds: design and conversion pull the same direction. Neither sacrifices the other.
The buyer recognizes themselves immediately — the opening matches the emotion they arrived with.
Evidence appears where the buyer hesitates, not stockpiled at the bottom of the page.
The ask arrives once the case has been built — not before, and not after the buyer has cooled.
The site does not look like the average of its competitors. It looks like the buyer it serves.
Each band is a register — a way of speaking visually — not a category. The same band can hold a B2B SaaS, a luxury hotel, and a children’s nonprofit. What makes a band a band is how it relates design and information, not what industry it serves.
Utility-seekers, researchers, civic users, professional buyers shopping a known SKU. Whitespace is wasted real estate. Wayfinding is by text and structure.
Time-pressured operators and technicians. One clean hero, then specs, comparisons, FAQs, calculators. Imagery supports the data rather than replacing it.
Sophisticated buyers who reward both polish and substance. Generous whitespace and editorial typography sit alongside named customers and substantive depth.
Categories where feeling drives the decision. Image-led hero, paced and quotable copy, pricing earned by a click. Substance still anchors — but it surfaces as the buyer reaches.
Premium, considered, high-trust buyers. Information sparse and earned. Pricing often hidden. The visual register signals the price point before a single number does.
A reference, not a position. Useful for individual moments inside a real site — a cinematic loading sequence, a generative title treatment — but rarely the model for the whole site. When a Band 5 brand becomes a Band 6 site, the buyer can’t find the booking button.
Drag · scroll · arrow keys
Each band has three positions — a minus wing, a center, and a plus wing — written as a single label. Band 3, Band 3−, and Band 3+ are three meaningfully different positions inside one band.
The label is one value. The brief that follows the diagnosis names exactly where the position holds and where it lags — the hero is delivering 3+, the body copy is sitting at 2+, the proof block is at 4−. That separation matters.
Wings come from real diagnostic tension, not aesthetic preference. A client cannot “choose a wing” because they like how it sounds. The framework refuses to compress the position into a percentage — “Band 3 at 60%” implies a precision the underlying judgment does not have.
Determines how much of the site does education versus confirmation. An educated buyer confirming a choice rewards proof and specificity. A skeptical buyer rewards differentiation. An exploring buyer rewards problem-framing before solution.
The opening move has to match the emotional state the buyer arrives in. Acute pain calls for empathy first, competence second. Aspiration calls for the after-state. Frustration calls for contrast. Curiosity calls for the interesting thing, told without preamble.
Categories carry baseline trust deficits. A timeshare exit company starts at a different place than a Notion competitor. The site has to do enough trust work, early enough, to clear the threshold. Burned categories need trust signals before claims.
Proof is not universal. A logo wall convinces a B2B SaaS buyer; it does almost nothing for a homeowner picking a roofer. Name the proof types that move this buyer specifically — logos, named outcomes, faces, credentials, working demos, real project photography — and use only those. Wrong proof burns the section without earning anything.
Some buyers read whitespace as premium; others as “they don’t have much to say.” Some read density as authority; others as overwhelm. Match the visual register to the buyer: spacious for premium considered purchases, dense for pragmatic experts, faces and stories for emotional consumer, real-world photography over illustration for trade and industrial.
Once all five are answered, they are read together as a single picture. The picture determines the band. If the answers point cleanly at one register, the position is a center. If most answers point at one band but one or two pull toward a neighbor, the position is a wing.
A site can be diagnosed at Band 3+ overall while having a Band 4-quality hero, a Band 3 photography system, and a Band 2 body-copy zone. The position is right in aggregate; the unevenness is the actual problem.
A team that names the unevenness has a punch list. A team that learns the position label without learning where it holds and lags has nothing to act on.
Punch list, in plain language: level body copy up to the hero; keep the proof and pricing where they are.
A site that lands at the right band but looks like every other site at the right band in its category has paid for trust without paying for memorability. The framework calls the move that solves this — anchored to the buyer’s diagnostic answers — the zag.
“When everybody zigs, zag.”
Every competitor sits at Band 2. The team takes the Band 2 buyer’s diagnostic seriously and moves to Band 3− or Band 3+. The buyer experiences the site as taking the category more seriously than the category takes itself. Most B2B and trade-services zags live here.
Every competitor sits at Band 4 trying to look luxurious; the team moves to Band 3 with brutal information transparency. Less common, but the right call when a category has over-designed itself into ambiguity.
Same band as competitors; differentiation comes from a cross-industry borrow. What would this plumber’s site look like if it borrowed Patagonia’s ethics-forward voice? Same band, fundamentally different flavor.
The site is already at the right band. The work is consistency — leveling body copy up to match the hero, extending the editorial register across the whole site, shedding the category-cliché moments that drag the rest down. Execution discipline rather than reinvention.
A zag is only a real zag if it serves the buyer’s actual diagnostic answers. “Be different” is not a zag. “Lead with X while every competitor leads with Y” is.
Some diagnostics finish without a redesign recommendation. The site is at the right band. The execution is consistent. There is nothing to zag against. The framework treats this as a real and frequent outcome — not a failure to find work.
A framework that always recommends a redesign is selling redesigns. The discipline is to confirm the diagnosis and point the team toward the right next conversation — a CRO sweep, an SEO audit, a churn analysis, sales-cycle compression. None of those are website-design questions.
The right design repels the wrong buyer and attracts the right one. Premium design filters out price-shoppers before a single sales call is wasted.
Every visitor arrives with a trust deficit. Design either closes that gap faster or slower than the competition. A better offer in a less-trustworthy wrapper loses.
Undifferentiated design forces the buyer to compare on price because there is nothing else to compare. The team commoditizes itself before the conversation starts.
A well-designed site moves a buyer from stranger to interested faster — a measurable compression of the sales cycle and less education the sales team has to do.
Existing customers who feel proud of who they hired refer more. A client who pulls up a site to show a friend and feels embarrassed is a referral that never happens.
“Beautiful design isn’t what you pay for.
It’s what your buyer pays you for.”Design is time. It either saves it or wastes it — for the buyer evaluating the team, for the sales team closing deals, for the team fielding unqualified inquiries. When a team translates design into time saved and trust earned, design stops being a creative expense and starts being a business investment. The framework is what makes the translation visible.