The 7 Laws of Web Design That Actually Convert
Forget trendy rules—web design success rests on seven timeless laws: one clear job per page, crystal-clear copy, a hero section that answers three questions, words doing the selling (not design), restraint over decoration, speed and SEO as foundation (not add-ons), and treating your site as an ongoing system. Apply these and stop redesigning every 18 months while chasing awards that don't generate leads.
Rules vs. Laws: Why Most Web Design Advice Fails
Rules change yearly; laws are timeless
Web design rules (specific hero layouts, font pairings, button colors) shift every year with platform trends and conventions. Laws are the underlying principles that explain why rules exist in the first place. When you design from laws instead of chasing rules, you stop redesigning every 18 months and stop wondering why award-winning sites don't generate leads.
Visual hierarchy, not trends, drives design choices
A button is a certain color because of the law of visual hierarchy, not because it's trendy. A hero section's structure exists because of the law of what the first scroll must accomplish. Premium websites feel premium because of the law of restraint, not because a designer copied a design from Awwwards.
Law 1: One Job Per Page
The page exists to push one decision
Most websites ask visitors to do five things at once—book a consultation, download a whitepaper, book a demo, read a blog—all with equal visual weight. When you give a visitor a choice between five competing actions, you've handed them the option to do nothing, which is what most will choose. The law is not that you can only have one CTA; it's that all CTAs should serve the same single job.
The job changes by business type
E-commerce sites: the one job is 'Add to cart'. Consulting: 'Book a call'. Agencies: 'Start a conversation'. The job itself varies, but the principle stays constant—every element on the page reinforces that single decision.
Case study: I Bridge Group stripped competing CTAs
The client's site had 'Book a free consultation', 'Download our white paper', 'Book a demo', and 'Read our blog' scattered throughout with equal visual weight. The redesign removed most 'learn more' links, dropped visual weight on secondary CTAs by turning them into underlined buttons, and made 'Book a free consultation' the loudest element repeated throughout the page. Result: clarity and focus.
Law 2: Clarity Before Conversion
Visitors need to understand what you do in 30 seconds
If a visitor doesn't immediately understand what you do, who it's for, and why they should care, nothing else on the site matters—not your offer, design, or testimonials. If they need to spend mental energy figuring out your value, they're gone after about 30 seconds. Almost every clarity problem boils down to weak copy.
Focus copy on what visitors actually read
You don't need a lot of copy—just the parts visitors will read: the H1, subheadings, CTAs, and social proof. Be crystal clear about what's being offered. Everything else is noise.
Name the category, not just the feature
Case study: Markup's original H1 was 'Custom contract revisions in your inbox in 15 min'—it described a feature but didn't say what the product is. The redesigned H1: 'The first ever email-only contract revision agent.' The second version names the category (agent), the delivery method (email-only), and the use case (contracts), so visitors instantly know what they're looking at.
Back clarity with social proof to build trust
After a clear H1, add strong social proof—a friendly face, strong ratings, customer count—to move visitors from understanding the offer to acting on it. Good copy and good structure let visitors understand what you do and decide if you're worth their time without it feeling like a chore.
Law 3: The Hero Section Decides Everything
The first scroll answers three critical questions
Most sites lose visitors in the first 5 seconds because the hero doesn't answer three questions fast enough: Where am I? What do I get? Why should I care? The hero section is the moment that decides whether a visitor stays or leaves.
Reduce friction by enabling action in the hero
Instead of forcing visitors to navigate to a contact page, embed a contact form or multiple ways to start a conversation directly in the hero section. This removes the friction between interest and action.
Case study: By Crawford's hero form doubled inbound leads
By Crawford's original hero was clean but basic—just 'who we are' and a CTA button. The redesign added a contact form on the right side of the hero, giving visitors three ways to start a conversation: book a call, go to the contact page, or fill the form without leaving. Inbound inquiries went from about 2 per day to over 30 by the end of the week—a nearly 100% overnight increase. With growing traffic, the site now generates about 10 leads per day, most through the hero form.
Law 4: Words Sell; Design Gets Out of the Way
Copy comes before design, always
Words, more often than not, do the selling. A site can look beautiful and win awards but still generate zero revenue. Every serious landing page build starts with copy, never the other way around. The headline is the promise, the subheading provides context, and the proof turns interest into trust.
Design's job is to amplify the message, not compete with it
Design working at full strength is design you don't really notice—it makes the message do all the heavy lifting. It gives the headline room to breathe, makes the CTA impossible to miss, and places proof next to the moment of doubt. Design working against copy looks impressive but converts nothing.
Copying a competitor's design without their copy is a trap
When a client wants to copy a competitor's site design, ask: 'What is your competitor's H1? What does it actually say?' If you copy the design but use weaker words, you've copied the part that doesn't sell and skipped the part that does.
Law 5: Premium Is What You Remove
Premium means restraint, not more
Most people think premium means more features, sections, graphics, text, color, and animation. It rarely does. Premium is the white space around the headline, full-bleed imagery that doesn't compete with overlaid text, and a navigation with four items instead of nine. Every element that earns its place makes a stronger argument because surrounding elements aren't fighting for attention.
Case study: Farleigh House used restraint to convey heritage
Farleigh House is a Grade II listed English country estate with 18th-century history, mentioned in the Domesday Book, and home to Bath Rugby on 135 acres. The brand and history were already premium, so the site let imagery do most of the talking. White space was added everywhere so sections could breathe. Copy was kept deliberate and minimal—every line had to earn its place next to the visuals. When text does appear, it stands out instantly because it's the only text in that section, and visitors absorb it alongside the imagery and brand.
Law 6: Speed and Findability Are the Foundation
Speed and SEO are not upgrades; they are the floor
Most clients treat page speed and SEO as add-ons to bolt on after the site looks good. That's wrong. If a site is slow or doesn't surface in search or AI answers, none of the other laws matter because the visitor never sees the site. The beautiful design, clear copy, and premium feel are irrelevant if Google won't surface the page or the user bounces before it loads.
Speed and findability are ongoing, not one-time
If your site takes more than a few seconds to render on first scroll, or if your top three competitors appear in AI-generated answers while you don't, you have a serious foundation problem. These aren't layers you add later; they're the base everything else is built on.
Law 7: A Website Is a System, Not a Project
Launch is the start, not the end
A website is not something you build once, hand over, and forget. It's a system that needs ongoing management to stay working over time. The launch isn't the end of the project; it's the start of a wider system.
SEO and AI surfaces require constant management
Many clients ask for one-and-done SEO packages to rank forever. SEO has never worked that way, and it works that way even less now. The way AI surfaces content changes every few months, and search engines like Google and Bing constantly update how they serve content. Ranking on page one requires ever-changing algorithm management from someone who knows what they're doing.
Offers, proof, and integrations need constant updates
Page offers evolve, proof points need updating, integrations break, and platforms ship changes that affect rendering. A site left alone for a year loses performance every month it isn't maintained. Both design and SEO must carry equal weight in your thinking—there's no point building a beautiful site that ranks for nothing, and no point ranking if the content is built to last only 6 months.
Five Questions to Apply All Seven Laws Today
Five diagnostic questions for any website
Run any site through these five questions to know exactly what's working, what's costing you money, and what to fix first: (1) What is the one job this site is supposed to do? (2) Does the hero answer where I am, what I get, and why I should care? (3) Are words doing the selling or is design covering for weak copy? (4) Does it feel premium because of what's removed or cheap because of what's added? (5) Is the site fast, findable, and maintained as a system?
Notable quotes
Laws don't move. They are the reasons that rules exist in the first place. — Sam Crawford
The moment you give a visitor a choice between five competing actions, you've handed them the option to do nothing. — Sam Crawford
Premium is restraint. It's the white space around the headline. — Sam Crawford
Action items
- Identify the single job your website is supposed to accomplish and ensure every CTA serves that one purpose.
- Audit your hero section: does it answer 'Where am I?', 'What do I get?', and 'Why should I care?' within the first scroll?
- Test your copy by covering the design with your hand and reading only the words—if the offer doesn't land without visuals, copy is your bottleneck.
- Count elements in each section; if you can remove three without losing meaning, the section is fighting itself.
- Check your site speed (should load in a few seconds) and verify your top three competitors appear in AI-generated answers while you audit your own visibility.
- Set up a system for ongoing maintenance: schedule quarterly reviews of offers, proof points, integrations, and SEO performance.