September 2026

Most small business websites are not lost because of ugly design. They are lost because nobody, human or robot, can figure out where anything lives. Site architecture in web design is the part of the job that decides whether a visitor finds your service page in two clicks or gives up after five. This guide breaks it down in plain language: what site architecture actually is, the difference between flat and deep structures, how URL hierarchy works, how internal linking holds the whole thing together, and a ready-to-copy 5-level map you can apply to a service business today. What Is Site Architecture in Web Design? Site architecture is the way the pages of a website are grouped, nested and connected to each other. Think of it as the floor plan of a building. The design is the paint and the furniture. The architecture is where the doors, hallways and staircases go. A complete site architecture answers three questions: Grouping: which pages belong together in the same category? Hierarchy: which pages are parents and which are children? Connection: how does a user (or a search engine crawler) travel from one page to another? Site Architecture vs Information Architecture vs Navigation These three terms get mixed up constantly. Here is the clean separation: Term What it covers Example Information architecture How content is labelled, grouped and organised so it makes sense Deciding that “Roof Repair” and “Roof Replacement” both sit under “Roofing” Site architecture The technical structure: page hierarchy, URLs, click depth, internal links /services/roofing/roof-repair/ linked from the Roofing hub page Navigation The visible interface that exposes the structure to users The header menu, footer links, breadcrumbs, sidebar Information architecture is the thinking. Site architecture is the building. Navigation is the signage. Web design as architecture covers this in more depth. Why Site Architecture Decides Both Usability and Rankings Structure is one of the rare web design decisions that pays off twice, once for people and once for search engines. For your visitors Faster orientation: a clear hierarchy tells a visitor what you do within seconds of landing anywhere on the site. Fewer dead ends: every page offers an obvious next step instead of forcing a back-button retreat. Better conversion paths: service pages that sit next to proof (reviews, case studies, pricing) convert far better than isolated pages. For search engines Crawlability: crawlers discover pages by following internal links. A page nobody links to is a page that may never get crawled properly. Click depth: pages reachable in three clicks or fewer from the homepage tend to be crawled more often and treated as more important. Authority distribution: internal links pass value. A tidy hierarchy funnels authority from your homepage down into the money pages instead of scattering it. Topical clarity: grouping related pages under one parent signals to Google that you cover a subject in depth rather than in fragments. Sitelinks: well structured sites are far more likely to earn expanded sitelinks under their brand result. Simple rule: if a human needs a map to find your page, a crawler needs one too. Flat vs Deep Site Architecture Every structure sits somewhere on a spectrum between flat and deep. Flat architecture Most pages sit one or two clicks from the homepage. Common on small sites with 10 to 40 pages. Fast to crawl and easy to navigate Authority spreads widely from the homepage Becomes chaotic past a certain page count, with menus that turn into a wall of links Deep architecture Pages are nested several levels down inside categories and subcategories. Common on large catalogues and multi-location businesses. Excellent for organising large volumes of content into logical themes Supports clear breadcrumbs and topic clusters Risk: important pages buried five or six clicks deep get crawled rarely and rank poorly Side by side comparison Criteria Flat structure Deep structure Best for Under roughly 50 pages Hundreds or thousands of pages Average click depth 1 to 2 clicks 3 to 6 clicks Crawl efficiency High Depends on internal linking quality Topical grouping Weak Strong Menu complexity Grows messy fast Stays manageable with dropdowns Main risk No hierarchy, no topical signals Orphaned and buried pages The answer for most small businesses is neither extreme. You want a shallow hierarchy with real categories: deep enough to group topics, flat enough that nothing sits more than three or four clicks from the homepage. That is exactly what the 5-level map below delivers. The 5-Level Site Architecture Map for a Service Business Here is a structure you can copy directly. It works for plumbers, dentists, law firms, agencies, accountants, contractors, clinics, consultants and almost any local service provider. Level 1: The Homepage Your single most authoritative page. It should link to every Level 2 hub and to your top three or four money pages. Nothing else. States what you do, for whom, and where Links to all main categories in the header Carries one primary call to action repeated down the page Level 2: Hub or Category Pages These are the pillars of your site. Keep them to five or six maximum so the navigation stays readable. /services/ overview of everything you offer, linking to each service page /locations/ if you serve several towns or regions /about/ team, story, credentials, certifications /blog/ or /resources/ for educational content /contact/ quote form, phone, address, opening hours A hub page is not a placeholder. It should have real content: an explanation of the category, a grid of child pages, and internal links pointing down. Level 3: Core Service Pages One page per service you actually sell. These are your commercial pages, the ones that should rank for buying keywords. /services/roof-repair/ /services/roof-replacement/ /services/gutter-installation/ Each of these should link up to its parent hub, sideways to closely related services, and down to supporting content. siteinspire.com walks through the specifics. Level 4: Sub-Services, Locations and Segments This is where you capture long tail and local searches without duplicating your Level 3 pages. /services/roof-repair/emergency-leak-repair/ /locations/manchester/roof-repair/ /services/accounting/for-restaurants/ Warning: only create Level 4 pages when

Hiring a web designer is one of those decisions that looks simple until the invoice arrives, the launch date slips, or you discover you don’t actually own your own website. The difference between a smooth project and an expensive mess is almost never talent. It’s clarity, and clarity comes from asking the right questions to ask a web designer before anything is signed. This guide gives you 15 questions small business owners routinely forget, what a solid answer sounds like, and the warning signs that should make you pause. Print it, bring it to your discovery call, and use it to compare quotes side by side. Why the vetting conversation matters more than the portfolio Portfolios are curated. Every studio shows its best five projects. What a portfolio cannot tell you is: Whether the project finished on time, or six months late Who wrote the content, and whether the client had to scramble for it What happened when the client asked for a seventh round of changes Who holds the domain, the hosting account and the admin login today Whether the site still ranks, loads fast and converts two years later Those answers come from questions, not screenshots. Treat the first call as an interview in both directions: a professional studio will be interviewing you just as carefully. The quick checklist: 15 questions at a glance # Question What it protects 1 What exactly is included in the quote? Your budget 2 How many pages and templates are covered? Scope creep 3 Who writes the content and sources the images? Your timeline 4 What is your design and project management process? Predictability 5 How long will the project take, start to launch? Your launch date 6 What do you need from me, and by when? Delays and extra fees 7 How many rounds of revisions are included? Budget and goodwill 8 What is the payment schedule and cancellation policy? Cash flow 9 Who owns the website, files and content after launch? Your asset 10 Where will it be hosted and whose account is it in? Your independence 11 What platform will you build on, and why? Future flexibility 12 What SEO work is included in the build? Visibility 13 How will performance, mobile and accessibility be handled? Conversions and compliance 14 What happens after launch: support, updates, training? Long term stability 15 How do you measure whether the site succeeded? Return on investment Part 1: Scope and deliverables 1. What exactly is included in this quote, and what is not? A number on a page means nothing without a line item list behind it. Ask for the quote to specify: strategy and discovery, wireframes, visual design, development, content integration, forms, integrations (booking, CRM, newsletter, payment), testing, launch, and training. A good answer sounds like: a written proposal where each deliverable is named, plus an explicit list of exclusions such as copywriting, photography, logo design, translations, third party plugin licences or ongoing hosting. This overview fills in the gaps. Red flag: a single price with one sentence of description, or a verbal promise that everything is included. 2. How many pages, templates and unique layouts are covered? Most quotes are built on templates, not pages. A five page site with five completely different layouts costs far more than a fifteen page site using four templates. Clarify: The number of unique page designs versus repeated templates What happens if you need three more pages mid project Whether blog, case study or service page templates are included The cost per additional page or template, stated up front 3. Who is responsible for content, images and copy? This is the single biggest cause of stalled projects. Designers are usually waiting on the client, not the other way around. Ask directly: do you write the copy, do I, or do we work with a copywriter? Who sources photography and who pays for stock licences? Who migrates existing blog posts? How we answer it at Berardo Modern: we define content ownership in the proposal before kickoff, provide a page by page content template with word counts, and set a content deadline that is treated as a real milestone. If content is not ready, we say so early rather than silently sliding the launch date. Part 2: Process and timeline 4. What is your design and project management process? You want to hear named phases, not vibes. A mature process usually looks like this: Discovery: goals, audience, competitors, current analytics Strategy and sitemap: page structure, user journeys, conversion points Wireframes: layout and hierarchy before any colour Visual design: homepage and key templates presented for approval Development: build, responsive testing, integrations Content and QA: population, link checks, forms, speed, browsers Launch and handover: redirects, analytics, training, documentation Also ask who you talk to. One point of contact, or five people in a shared inbox? Which tool tracks tasks and feedback? How often will you receive updates? 5. How long will the project take from kickoff to launch? Ask for a phase by phase timeline with dates, not a single duration. Typical ranges for small business projects: Project type Realistic timeline One page or landing site 2 to 3 weeks Brochure site, 5 to 10 pages 4 to 8 weeks Content heavy or multilingual site 8 to 14 weeks E-commerce or custom functionality 10 to 20 weeks Red flag: anyone promising a full custom site in one week without seeing your content. Speed usually means a recycled template and no strategy. 6. What do you need from me, and what happens if I am late? Ask for a client responsibilities list: brand assets, logins, content, feedback deadlines, approvals. Then ask the uncomfortable follow up: if I miss a deadline by three weeks, does the project get rescheduled, and is there a fee? Knowing the rule in advance prevents resentment later. Part 3: Revisions, pricing and contracts 7. How many rounds of revisions are included, and what counts as a round? Two designers can both say two rounds included

Why Most Brands Blend In (And How to Stop Doing It) Walk into any category today and you will see the same thing: identical value propositions, lookalike websites, and taglines that could be swapped without anyone noticing. If you are a small business owner trying to figure out how to differentiate your brand from competitors, the good news is that most of your rivals are not really trying. That gap is your opportunity. This guide skips the abstract theory. Instead, you get seven concrete strategies, each with a mini-example and a question you can answer today to start applying it. Let’s get to work. 1. Lead with Brand Beliefs, Not Product Features Features are easy to copy. Beliefs are not. When customers agree with what you stand for (or against), price sensitivity drops and loyalty rises. Mini-example: A small coffee roaster in Portland does not sell “premium single-origin beans.” They sell the belief that coffee should never travel more than 60 days from farm to cup. Same beans, radically different story. See hbr.org for their take. Try this today: Finish this sentence: “We believe our industry is broken because ______.” Finish this one: “We refuse to ______, even if it costs us sales.” Those two answers are the raw material for a belief-driven brand. 2. Find the Gap Nobody Is Talking About Every competitive landscape has an unclaimed position. Map your top 5 to 10 competitors on a simple 2×2 grid and look for empty quadrants. Axis Common Position Underserved Gap Price Cheap or luxury Mid-tier with transparent pricing Tone Corporate or playful Quietly expert, no jargon Audience Everyone in the category One specific sub-niche Mini-example: Most accounting software targets “small businesses.” One young SaaS brand chose only freelance photographers. They now dominate that slice. 3. Build a Distinct Verbal Identity Your tone of voice is the most underused differentiator in small business branding. Two brands can sell the exact same product, and the one that sounds like a real human wins. The 3-Word Voice Test Pick three adjectives that describe how your brand talks. Then, more importantly, pick three that describe how you never talk. We are: direct, warm, a little irreverent We are not: corporate, hype-driven, apologetic Print this. Tape it above your desk. Every headline, email, and social post should pass the test. 4. Own a Visual Identity That Breaks the Category Look at the top 10 websites in your industry. Are they mostly blue? White backgrounds with a hero photo of smiling people? A sans-serif logo? Congratulations, you now know exactly what not to do. Mini-example: Liquid Death entered a category (canned water) dominated by pastel minimalism and pastoral photography. They chose heavy metal aesthetics. The product is water. The brand is worth over a billion dollars. Visual differentiation checklist: Is your primary color the same as your top 3 competitors? Change it. Are your photos indistinguishable from stock imagery? Reshoot with a signature style. Does your typography have any personality? If not, invest in a distinctive typeface pairing. 5. Be the Best in the World at One Small Thing You cannot outspend Amazon. You can outspecialize them. The narrower your promise, the more believable it becomes. Full details on https://gelato.com. Mini-example: A hardware store that says “we sell tools” competes with everyone. A hardware store that says “we are the largest independent stockist of Japanese woodworking hand tools in Europe” has zero direct competitors. Ask yourself: What is the one thing we could be objectively #1 at within a defined niche? 6. Turn Your Origin Story into a Weapon Your competitors can copy your pricing, your features, and even your design. They cannot copy why you started. Founders’ stories, unusual backgrounds, and unexpected obsessions all create authentic differentiation. The story framework: The problem you personally lived through The frustration with existing solutions The unconventional choice you made to fix it What that choice cost you Publish this on your About page. Reference it in emails. Let it shape product decisions. It becomes a filter that attracts the right customers and repels the wrong ones. trustedshops.com goes into the numbers. 7. Make Your Customer Experience the Product In 2026, most categories are feature-saturated. The experience around the product is often the last honest differentiator. That includes packaging, onboarding, support, follow-up, and even how you handle mistakes. Mini-example: A small ecommerce brand includes a handwritten thank-you note in every order under 50 units per day. They stopped when it became impossible. Customers noticed and complained. They hired someone whose only job is writing notes. Retention jumped 34%. Experience audit questions: What is the one moment in our customer journey that could feel remarkable instead of ordinary? Where do competitors cut corners that we could refuse to cut? What would we do if we were trying to make customers tell their friends? Putting It All Together: A 30-Day Differentiation Sprint Do not try to implement all seven strategies at once. Use this sequence instead: Week Focus Deliverable Week 1 Positioning Competitor gap map + belief statement Week 2 Voice 3-word voice guide + rewritten homepage headline Week 3 Visual identity New color, type, and photography direction Week 4 Experience One remarkable customer touchpoint launched Frequently Asked Questions What is the 3-7-27 rule of branding? The 3-7-27 rule suggests it takes roughly 3 brand touchpoints for someone to recognize your name, 7 for them to remember you, and 27 for them to actively prefer you over competitors. The takeaway: consistency and repetition matter more than any single campaign. How do I identify my real brand competitors? Look beyond companies selling the same product. Your true competitors are anyone your customer considers when solving the same problem. That may include DIY solutions, doing nothing, or a completely different category. Interview 5 recent customers and ask what else they considered before choosing you. What are the five C’s of competition? The five C’s are Company, Customers, Competitors, Collaborators, and Context (or Climate). It is a strategic framework for auditing your

Most small business landing pages fail for the same reason: they look like brochures, not conversion machines. While inspiration galleries like Dribbble and Behance are full of beautiful designs, beauty alone doesn’t fill your pipeline. What actually moves the needle are deliberate landing page design decisions, from visual hierarchy to the exact placement of your call to action. In this post, we break down the 10 structural and visual elements every small business landing page needs. No fluffy marketing tips, just real design choices we’ve seen work across dozens of client projects. Why Landing Page Design Is Different From Website Design A homepage answers the question “what do you do?”. A landing page answers “why should I act right now?”. That single shift changes every design decision you make: fewer navigation options, tighter hierarchy, one clear goal, and content structured around a single conversion path. Small businesses often make the mistake of treating landing pages like mini-websites. The result is a page that competes with itself for attention. Great landing page design removes choices instead of adding them. The 10 Essential Elements of a High-Converting Landing Page 1. A Hero Section With a Single, Scannable Message Your hero is the first 600 pixels visitors see. It must answer three questions in under 5 seconds: What is this product or service? Who is it for? What’s the next step? Design-wise, this means one dominant headline (48px or larger on desktop), one supporting subheadline, and one primary CTA button. Avoid stacking multiple messages or rotating sliders. They kill conversion because they force the visitor to wait or think. 2. Visual Hierarchy That Guides the Eye Hierarchy is the invisible skeleton of your page. On a well-designed landing page, a visitor should be able to squint at the screen and still know what to look at first, second, and third. For a real-world example, look at a studio that gets this right. Practical rules we apply: Use only 3 font sizes per section (headline, subhead, body) Reserve your accent color exclusively for CTAs and key highlights Give critical elements at least 60px of whitespace around them Left-align body copy for readability, never justify 3. A Primary CTA That Repeats (But Doesn’t Multiply) Your call to action should appear at least 3 times on a long landing page: above the fold, after the value proposition, and at the end. But it must always be the same CTA. Don’t offer “Book a demo” at the top and “Download the guide” at the bottom. One page, one goal. landingfolio.com has a solid rundown on this. CTA Placement Purpose Design Tip Hero Capture ready buyers Solid button, high contrast Mid-page Convert after value Inline banner with reinforcing copy Footer Catch scrollers Full-width section with urgency 4. Social Proof Placed Before the Ask Social proof only works if it appears before the visitor is asked to convert. Placing testimonials in the footer is a common mistake. Instead, put them right after your value proposition and before your pricing or form. The most effective formats we’ve seen for small businesses: A logo bar of recognizable clients (even 4 logos work) Two or three testimonials with real photos, full names, and job titles A single hero case study with a measurable result (“increased bookings by 42%”) Star ratings pulled from Google or Trustpilot 5. A Value Proposition Section With Icons or Visuals Right after the hero, most landing pages need a “why us” section. The design pattern that consistently converts is a 3-column grid with an icon, a benefit headline, and one line of body copy per column. Keep icons in a consistent style (all outlined or all filled, never mixed) and limit yourself to three benefits. More than three dilutes each one. 6. Product or Service Visuals That Show, Not Tell Stock photos of handshakes are a conversion killer. Replace them with: Real screenshots of your product Photos of your actual team or workspace Short looping videos (under 15 seconds, muted, autoplay) Custom illustrations that reinforce your brand 7. A Friction-Free Form or Booking Widget Every extra form field drops conversion. If you only need an email, only ask for an email. Design decisions that matter here: Label fields above the input, not inside as placeholders Use a single-column layout (no side-by-side fields) Make the submit button larger than the fields themselves Show a clear success state after submission 8. An FAQ Section That Handles Objections FAQs aren’t lazy content, they’re objection handlers. Design them as an accordion so the page stays clean, and answer the 5 to 7 questions that actually stop people from buying: pricing, timelines, refunds, onboarding, and support. 9. Mobile-First Layout Decisions In 2026, more than 65% of small business landing page traffic is mobile. That means designing for mobile first, not shrinking a desktop layout. Mobile-specific rules we follow: CTAs must be at least 48px tall and thumb-reachable Body copy stays at 16px minimum Sticky CTA bars at the bottom of the viewport can lift conversion by 10-20% Test load time on 4G, not fiber. Aim for under 2.5 seconds LCP. 10. A Focused Footer (Not a Sitemap) Landing page footers should be minimal. No mega-menus, no newsletter signup competing with your CTA. Include only: A final CTA Contact info Legal links (privacy, terms) Optional: trust badges or security seals Common Landing Page Design Mistakes to Avoid Even with the right elements, execution kills conversion. The most frequent mistakes we fix on small business landing pages: Too many CTAs with different goals. Pick one action. Hero images that don’t relate to the offer. Every visual should reinforce the message. Autoplay video with sound. Instant back-button. Low contrast buttons. If it doesn’t pop when you squint, redesign it. Testimonials without names or photos. They read as fake. Navigation menus that let visitors escape. Remove or simplify the header. How to Test Your Landing Page Design Design intuition is a starting point, not a finish line. Before scaling traffic to a new landing page, run