{"id":27122,"date":"2025-10-22T14:19:24","date_gmt":"2025-10-22T13:19:24","guid":{"rendered":"https:\/\/inkbotdesign.com\/?p=27122"},"modified":"2025-10-28T20:45:47","modified_gmt":"2025-10-28T20:45:47","slug":"web-design-checklist","status":"publish","type":"post","link":"https:\/\/inkbotdesign.com\/web-design-checklist\/","title":{"rendered":"The Ultimate 5-Phase Web Design Checklist for Entrepreneurs"},"content":{"rendered":"\n<p><strong>The Ultimate 5-Phase Web Design Checklist for Entrepreneurs<\/strong><\/p>\n\n\n\n<p>Most &#8220;web design checklists&#8221; are rubbish.<\/p>\n\n\n\n<p>They're either a 10-point fluffy blog post written by an intern or a hyper-technical developer's spreadsheet that means nothing to you, the business owner. They're a box-ticking exercise that completely misses the point.<\/p>\n\n\n\n<p>A website isn't an art project. It's not a digital ornament. It's your single most important sales and marketing asset, your 24\/7\/365 employee. And if you build it without a plan, you've just bought the world's most expensive, non-functional <a href=\"https:\/\/inkbotdesign.com\/effective-marketing-materials\/\" title=\"The 15 Most Effective Marketing Materials for ROI\"  data-wpil-monitor-id=\"12105\">business card<\/a>.<\/p>\n\n\n\n<p>As a design consultant who's seen hundreds of small business sites crash and burn (and built the ones that don't), I've developed a few strong opinions.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">My Pet Peeves (Or, Why Most Checklists Fail You)<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Treating &#8220;Launch&#8221; as the Finish Line.<\/strong> This is my number one. Launching your site is the <em>start<\/em>. It's like buying a retail shop, unlocking the door, and then never restocking the shelves, dusting, or changing the window display. It's madness.<\/li>\n\n\n\n<li><strong>Designing for Yourself.<\/strong> I don't care if you &#8220;don't like the colour yellow.&#8221; Does your <em>customer<\/em>? Does yellow make them click the &#8220;Buy Now&#8221; button? Your personal taste is irrelevant. The only opinion that matters is the one held by the person with the credit card.<\/li>\n\n\n\n<li><strong>Chasing &#8220;Cool&#8221; Over &#8220;Clear&#8221;.<\/strong> That slick parallax scrolling animation? The video background that autoplays with sound? It's distracting, it kills your page speed, and it confuses visitors. Clarity beats &#8220;cool&#8221; every single day of the week.<\/li>\n\n\n\n<li><strong>Ignoring the &#8220;Boring&#8221; Stuff.<\/strong> Everyone wants to pick <a href=\"https:\/\/inkbotdesign.com\/go\/bestfonts\" title=\"Myfonts Bestsellers\" class=\"pretty-link-keyword\"rel=\"nofollow sponsored \" target=\"_blank\">fonts<\/a>. No one wants to discuss cookie policies, image alt-text, or 301 redirect strategies. Guess which items will actually sink your SEO or land you in legal hot water?<\/li>\n\n\n\n<li><strong>&#8220;Just build it and they will come.&#8221;<\/strong> Utter nonsense. A website is a <em>tool<\/em> that needs to be integrated into a <em>business system<\/em>. It needs traffic (from SEO, ads, social) and a purpose (to capture leads, make sales). It doesn't &#8220;do&#8221; anything on its own.<\/li>\n<\/ol>\n\n\n\n<p>This isn't a 10-point list. This is a 5-phase project plan. It's the brutally honest, comprehensive <a class=\"wpil_keyword_link\" href=\"https:\/\/inkbotdesign.com\/why-web-design-is-important\/\"   title=\"Why Web Design Is Important (And How It Makes You Money)\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"12685\">web design<\/a> checklist I use for my clients. It's what separates a professional, goal-driven website from a hobbyist's homepage.<\/p>\n\n\n\n<p>Let's get to work.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Before You Write a Single Line of Code: Phase 1 (Strategy & Discovery)<\/h2>\n\n\n\n<p>90% of the work determines 100% of the success. Skipping this phase is like building a house with no blueprint.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Define Your &#8220;One True Goal&#8221;<\/h3>\n\n\n\n<p>Your website cannot be all things to all people. It must have <strong>one primary, measurable goal.<\/strong> If you have three &#8220;main goals,&#8221; you have <em>no<\/em> goal.<\/p>\n\n\n\n<p>Everything\u2014every design choice, every word, every button\u2014must serve this single purpose.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Bad Goal:<\/strong> &#8220;I want a website to showcase my services and get my name out there.&#8221; (Fluffy, unmeasurable).<\/li>\n\n\n\n<li><strong>Good Goal:<\/strong> &#8220;I want this website to generate qualified leads by getting plumbers to book a 15-minute consultation.&#8221; (Specific, measurable, audience-focused).<\/li>\n\n\n\n<li><strong>Good Goal:<\/strong> &#8220;I want this website to sell my handmade leather wallets directly to consumers.&#8221; (E-commerce).<\/li>\n\n\n\n<li><strong>Good Goal:<\/strong> &#8220;I want this website to establish my authority in financial planning by capturing email signups for my newsletter.&#8221; (<a href=\"https:\/\/inkbotdesign.com\/digital-content-marketing\/\" title=\"A Simple Guide to Digital Content Marketing That Gets Results\"  data-wpil-monitor-id=\"12110\">Lead magnet<\/a>).<\/li>\n<\/ul>\n\n\n\n<p>Pick. One.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. Who Are You <em>Actually<\/em> Talking To?<\/h3>\n\n\n\n<p>You cannot design for &#8220;everyone.&#8221; You must design for a specific person. This changes <em>everything<\/em>.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Example 1: Emergency Plumber.<\/strong> Your user is &#8220;Sarah, 45, on her iPhone, standing in 2 inches of water in her kitchen.&#8221; She is stressed. She needs a <em>phone number<\/em> and &#8220;24\/7 Emergency Call Out&#8221; in massive, obvious text. She does not care about your &#8216;About Us' story from 1982.<\/li>\n\n\n\n<li><strong>Example 2: Bespoke Tailor.<\/strong> Your user is &#8220;David, 55, on his desktop, researching a suit for his daughter's wedding.&#8221; He is not in a rush. He wants to see high-resolution photos, read about your craft, understand the process, and <em>book an appointment<\/em> for a fitting.<\/li>\n<\/ul>\n\n\n\n<p>See? The audience dictates the entire design, layout, and priority of information.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3. The Competitor & Content Audit<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"559\" src=\"https:\/\/inkbotdesign.com\/wp-content\/uploads\/2022\/08\/Reverse-Engineer-Your-Competitors-Success-1024x559.webp\" alt=\"Reverse Engineer Your Competitors' Success\" class=\"wp-image-303190\" srcset=\"https:\/\/inkbotdesign.com\/wp-content\/uploads\/2022\/08\/Reverse-Engineer-Your-Competitors-Success-1024x559.webp 1024w, https:\/\/inkbotdesign.com\/wp-content\/uploads\/2022\/08\/Reverse-Engineer-Your-Competitors-Success-300x164.webp 300w, https:\/\/inkbotdesign.com\/wp-content\/uploads\/2022\/08\/Reverse-Engineer-Your-Competitors-Success-60x33.webp 60w, https:\/\/inkbotdesign.com\/wp-content\/uploads\/2022\/08\/Reverse-Engineer-Your-Competitors-Success.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>You don't operate in a vacuum. Your customers are looking at your competitors.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Competitor Audit:<\/strong> Open your top 3 competitors' websites. What are they doing <em>right<\/em>? What are they doing <em>wrong<\/em>? What pages do they all have? How do they structure their navigation? You're not looking to copy; you're looking for the &#8220;table stakes&#8221;\u2014the minimum customer expectation\u2014and for gaps you can exploit.<\/li>\n\n\n\n<li><strong>Content Audit:<\/strong> What content do you <em>actually<\/em> need? Most small businesses need, at a minimum:\n<ul class=\"wp-block-list\">\n<li><strong>Home:<\/strong> The &#8220;front door&#8221; that directs traffic.<\/li>\n\n\n\n<li><strong>About:<\/strong> The &#8220;why you&#8221; story.<\/li>\n\n\n\n<li><strong>Services \/ Products:<\/strong> What you actually sell (often broken into sub-pages).<\/li>\n\n\n\n<li><strong>Contact:<\/strong> How to get in touch (and <em>please<\/em>, make this an address, phone number, and form, not just an email link).<\/li>\n\n\n\n<li><strong>Do you need a blog?<\/strong> Be honest. If you can't commit to writing one helpful article a month, <em>forever<\/em>, then no. A &#8220;blog&#8221; with two posts from 2021 looks worse than no blog at all.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">4. Sitemapping & Information Architecture (IA)<\/h3>\n\n\n\n<p>Now you take your content list and turn it into a blueprint. This is your sitemap. It's a simple flow chart.<\/p>\n\n\n\n<p>Home<\/p>\n\n\n\n<p>-&gt; About Us<\/p>\n\n\n\n<p>-&gt; Services<\/p>\n\n\n\n<p>-&gt; Service A (e.g., &#8220;Web Design&#8221;)<\/p>\n\n\n\n<p>-&gt; Service B (e.g., &#8220;<a class=\"wpil_keyword_link\" href=\"https:\/\/inkbotdesign.com\/logo-design-and-branding\/\"   title=\"Logo Design and Branding: Build an Identity\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"12934\">Logo Design<\/a>&#8220;)<\/p>\n\n\n\n<p>-&gt; Portfolio<\/p>\n\n\n\n<p>-&gt; Contact<\/p>\n\n\n\n<p>-&gt; Blog<\/p>\n\n\n\n<p>This blueprint dictates your main navigation menu. The rule: <strong>If a user can't find what they want in 3 clicks, you've failed.<\/strong> Don't get clever. Don't call &#8220;Services&#8221; &#8220;Our Magic&#8221; or &#8220;Contact&#8221; &#8220;Get in the Mix.&#8221; Be brutally clear.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">The &#8220;Look and Feel&#8221;: Phase 2 (Branding, UX & UI Design)<\/h2>\n\n\n\n<p>This is the part everyone <em>thinks<\/em> <a href=\"https:\/\/inkbotdesign.com\/improving-your-web-design\/\" title=\"Improving Your Web Design: A Comprehensive Guide\"  data-wpil-monitor-id=\"12095\">web design<\/a> is. It's critical, but it's only one piece of the puzzle. It follows a strategy, but it doesn't lead it.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">5. Branding & Visual Identity (Beyond &#8220;I like blue&#8221;)<\/h3>\n\n\n\n<p>Your website must look like your business. Consistency <a href=\"https:\/\/inkbotdesign.com\/creating-landing-pages\/\" title=\"10 Steps to Creating Landing Pages that Convert\"  data-wpil-monitor-id=\"12101\">builds trust<\/a>.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Logo:<\/strong> You need a professional logo. It must work on a white background, a dark background, and as a tiny &#8220;favicon&#8221; (the little icon in the browser tab).<\/li>\n\n\n\n<li><strong>Colour Palette:<\/strong> You need 1-2 primary brand colours, 1-2 secondary colours, and a &#8220;call-to-action&#8221; (CTA) colour. This CTA colour should be bright, high-contrast, and used <em>only<\/em> for things you want the user to click (e.g., &#8220;Buy Now,&#8221; &#8220;Submit Form&#8221;).<\/li>\n\n\n\n<li><strong>Typography:<\/strong> Choose two <a href=\"https:\/\/inkbotdesign.com\/go\/bestfonts\" title=\"Myfonts Bestsellers\" class=\"pretty-link-keyword\"rel=\"nofollow sponsored \" target=\"_blank\">fonts<\/a>. One for headings (a &#8220;serif&#8221; or &#8220;display&#8221; font can work well) and one for body text (a &#8220;sans-serif&#8221; font is almost always best for readability). Ensure they are web-safe or properly licensed (e.g., from Google Fonts).<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"559\" src=\"https:\/\/inkbotdesign.com\/wp-content\/uploads\/2025\/04\/Lost-Sales-Due-to-Poor-User-Experience-UX-1024x559.webp\" alt=\"Lost Sales Due To Poor User Experience (ux)\" class=\"wp-image-300950\" srcset=\"https:\/\/inkbotdesign.com\/wp-content\/uploads\/2025\/04\/Lost-Sales-Due-to-Poor-User-Experience-UX-1024x559.webp 1024w, https:\/\/inkbotdesign.com\/wp-content\/uploads\/2025\/04\/Lost-Sales-Due-to-Poor-User-Experience-UX-300x164.webp 300w, https:\/\/inkbotdesign.com\/wp-content\/uploads\/2025\/04\/Lost-Sales-Due-to-Poor-User-Experience-UX-60x33.webp 60w, https:\/\/inkbotdesign.com\/wp-content\/uploads\/2025\/04\/Lost-Sales-Due-to-Poor-User-Experience-UX.webp 1408w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">6. User Experience (UX) Design: Making it <em>Work<\/em><\/h3>\n\n\n\n<p>UX is the invisible-but-critical &#8220;feel&#8221; of the site. It's the science of making it intuitive.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Wireframes:<\/strong> <em>Before<\/em> you add colours and images, you &#8220;wireframe.&#8221; This is a low-fidelity, black-and-white sketch (like a blueprint) of each main page. Where does the button go? Where does the text block go? This forces you to focus on <em>layout and priority<\/em> before you get distracted by &#8220;pretty.&#8221;<\/li>\n\n\n\n<li><strong>User Flow:<\/strong> This maps the path for your &#8220;One True Goal.&#8221; If your goal is &#8220;Book a Consultation,&#8221; the user flow might be: Homepage CTA -> Services Page -> &#8220;Book Now&#8221; Button -> Calendar\/Form Page -> Thank You Page. You must design this path to have as little friction as possible.<\/li>\n\n\n\n<li><strong>Navigation:<\/strong> Is your main menu simple? Can my mum use it? (This is the &#8220;Mum Test&#8221;). Stick to 5-7 top-level items. Anything more is a &#8220;megamenu&#8221; or needs to be a sub-item.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">7. User Interface (UI) Design: Making it <em>Beautiful<\/em><\/h3>\n\n\n\n<p>UI is the &#8220;skin&#8221; on top of the UX &#8220;skeleton.&#8221; This is the high-fidelity <a href=\"https:\/\/inkbotdesign.com\/go\/moqups\" title=\"Moqups\" class=\"pretty-link-keyword\"rel=\"nofollow sponsored \" target=\"_blank\">mockup<\/a> (what you'd see in tools like <a href=\"https:\/\/inkbotdesign.com\/ux-design-tools\/\" title=\"The 10 Best UX Design Tools for Business Owners\"  data-wpil-monitor-id=\"12109\">Figma or Sketch<\/a>) that shows <em>exactly<\/em> what the final site will look like.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Consistency:<\/strong> This is king. All $H1$ headings should look the same. All body text should be the same. All primary buttons should be the same. This predictability makes the user feel comfortable and in control.<\/li>\n\n\n\n<li><strong>White Space:<\/strong> Don't be afraid of it. <a href=\"https:\/\/inkbotdesign.com\/layout-design\/\" title=\"Strategic Layout Design: Making Every Element Count\"  data-wpil-monitor-id=\"12103\">White space<\/a> (or negative space) is the breathing room around elements. Cramming 50 things onto a page just creates noise and confusion. Let your key elements breathe.<\/li>\n\n\n\n<li><strong>Visual Hierarchy:<\/strong> The most important thing on the page should be the biggest or brightest. The least important should be the smallest. This guides the user's eye.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">8. The Non-Negotiable: Designing for Mobile First<\/h3>\n\n\n\n<p>This isn't a &#8220;nice to have&#8221; anymore. It's the standard. More than 60% of <a href=\"https:\/\/inkbotdesign.com\/social-media-metrics\/\" title=\"Understanding Social Media Metrics: Your Blueprint\"  data-wpil-monitor-id=\"12112\">web traffic<\/a> is mobile. Google indexes your mobile site <em>first<\/em>.<\/p>\n\n\n\n<p>This means you should literally design the mobile version of your site <em>before<\/em> you design the desktop one. Why? Because a 4-inch screen forces you to be ruthless with prioritisation. You <em>must<\/em> decide what's most important.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Real-World Example:<\/strong> I had an e-commerce client whose mobile &#8220;Add to Cart&#8221; button was slightly too small and low-contrast. We ran a test where we made it 30% larger, full-width, and bright green. <strong>Mobile conversion rate jumped 40% overnight.<\/strong> That's not a design trend; that's just smart, data-driven <a href=\"https:\/\/inkbotdesign.com\/mobile-first-design\/\">mobile-first design<\/a>. Your &#8220;pretty&#8221; desktop design is secondary to a functional, thumb-friendly mobile experience.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"559\" src=\"https:\/\/inkbotdesign.com\/wp-content\/uploads\/2023\/08\/Optimise-for-Mobile-Responsiveness-1024x559.webp\" alt=\"Optimise For Mobile Responsiveness\" class=\"wp-image-297771\" srcset=\"https:\/\/inkbotdesign.com\/wp-content\/uploads\/2023\/08\/Optimise-for-Mobile-Responsiveness-1024x559.webp 1024w, https:\/\/inkbotdesign.com\/wp-content\/uploads\/2023\/08\/Optimise-for-Mobile-Responsiveness-300x164.webp 300w, https:\/\/inkbotdesign.com\/wp-content\/uploads\/2023\/08\/Optimise-for-Mobile-Responsiveness-60x33.webp 60w, https:\/\/inkbotdesign.com\/wp-content\/uploads\/2023\/08\/Optimise-for-Mobile-Responsiveness.webp 1408w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">The &#8220;Building&#8221; Bit: Phase 3 (Development & Content)<\/h2>\n\n\n\n<p>Now we turn the approved <a href=\"https:\/\/inkbotdesign.com\/go\/moqups\" title=\"Moqups\" class=\"pretty-link-keyword\"rel=\"nofollow sponsored \" target=\"_blank\">mockups<\/a> into a real, functional website.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">9. Choosing Your Platform (The Big Decision)<\/h3>\n\n\n\n<p>This is a critical choice that dictates your flexibility, cost, and maintenance load.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><strong>Platform<\/strong><\/td><td><strong>Best For<\/strong><\/td><td><strong>Pros<\/strong><\/td><td><strong>Cons<\/strong><\/td><\/tr><tr><td><strong>WordPress.org<\/strong><\/td><td>The Gold Standard (Blogs, Business, Flexibility)<\/td><td>Total control, 60,000+ plugins, SEO powerhouse, scales infinitely.<\/td><td>Higher learning curve, requires maintenance (updates, security).<\/td><\/tr><tr><td><strong><a href=\"https:\/\/inkbotdesign.com\/go\/shopify\" title=\"Shopify\" class=\"pretty-link-keyword\"rel=\"nofollow sponsored \" target=\"_blank\">Shopify<\/a><\/strong><\/td><td>E-commerce (Small to Enterprise)<\/td><td>Unbeatable for selling products, secure, handles payments natively, and has great support.<\/td><td>Transaction fees (unless using <a href=\"https:\/\/inkbotdesign.com\/go\/shopify\" title=\"Shopify\" class=\"pretty-link-keyword\"rel=\"nofollow sponsored \" target=\"_blank\">Shopify<\/a> Payments), less content flexibility.<\/td><\/tr><tr><td><strong><a href=\"https:\/\/inkbotdesign.com\/best-website-builder\/\" title=\"What is the Best Website Builder? Our Top Picks\"  data-wpil-monitor-id=\"12097\">Squarespace \/ Wix<\/a><\/strong><\/td><td>Simple Portfolios, &#8220;Brochure&#8221; Sites<\/td><td>All-in-one (<a href=\"https:\/\/inkbotdesign.com\/go\/krystal\" title=\"Krystal\" class=\"pretty-link-keyword\"rel=\"nofollow sponsored \" target=\"_blank\">hosting<\/a> included), very easy to use, beautiful templates.<\/td><td>Minimal customisation can be slow and poor for complex SEO, such as &#8220;renting&#8221; your site.<\/td><\/tr><tr><td><strong>Webflow<\/strong><\/td><td>Designers \/ Visually-Rich Sites<\/td><td>Total design freedom (visual code), clean code, good performance.<\/td><td>Steeper learning curve than <a href=\"https:\/\/inkbotdesign.com\/go\/squarespace\" title=\"Squarespace\" class=\"pretty-link-keyword\"rel=\"nofollow sponsored \" target=\"_blank\">Squarespace<\/a>; it can get expensive.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>For most small businesses needing a flexible, content-rich site, <strong>WordPress<\/strong> is the standard. For e-commerce, <strong>Shopify<\/strong> is the king.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">10. Content Population (The &#8220;Oh, Crap&#8221; Moment)<\/h3>\n\n\n\n<p>This is the moment every project grinds to a halt. You have a beautiful, empty website, and now you need to <em>write the words<\/em> and <em>find the images<\/em>.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Writing for the Web:<\/strong> This is not your university essay.\n<ul class=\"wp-block-list\">\n<li>Use short sentences.<\/li>\n\n\n\n<li>Use short paragraphs (max 3-4 lines).<\/li>\n\n\n\n<li>Use clear, descriptive headings (H2, H3S) to break up text.<\/li>\n\n\n\n<li>Use bulleted lists (like this one).<\/li>\n\n\n\n<li>Write like a human. Avoid corporate jargon (&#8220;synergy,&#8221; &#8220;leveraging&#8221;).<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Image Sourcing:<\/strong> You need high-quality, professional images.\n<ul class=\"wp-block-list\">\n<li><strong>Best:<\/strong> A custom photoshoot of your team, product, and location. This builds <em>massive<\/em> trust.<\/li>\n\n\n\n<li><strong>Good:<\/strong> Premium stock sites (e.g., <a href=\"https:\/\/inkbotdesign.com\/go\/adobe\" title=\"Adobe Creative Cloud\" class=\"pretty-link-keyword\"rel=\"nofollow sponsored \" target=\"_blank\">Adobe<\/a> Stock).<\/li>\n\n\n\n<li><strong>Okay:<\/strong> Free stock sites (e.g., Unsplash, Pexels). Be careful\u2014everyone uses the same photos.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Image Optimisation:<\/strong> This is a <em>non-negotiable<\/em>. Do not upload a 5MB photo from your phone.\n<ul class=\"wp-block-list\">\n<li>Resize it to the <em>exact<\/em> dimensions it will be displayed at (e.g., 1200px wide, not 5000px).<\/li>\n\n\n\n<li>Compress it using a tool like TinyPNG.<\/li>\n\n\n\n<li>Save it as a .jpg (for photos), .png (for graphics with transparency) or .webp (for best performance).<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">11. On-Page SEO Foundations (Designed for Google)<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"559\" src=\"https:\/\/inkbotdesign.com\/wp-content\/uploads\/2025\/08\/Nail-the-On-Page-SEO-Fundamentals-1024x559.webp\" alt=\"Nail The On Page Seo Fundamentals\" class=\"wp-image-312495\" srcset=\"https:\/\/inkbotdesign.com\/wp-content\/uploads\/2025\/08\/Nail-the-On-Page-SEO-Fundamentals-1024x559.webp 1024w, https:\/\/inkbotdesign.com\/wp-content\/uploads\/2025\/08\/Nail-the-On-Page-SEO-Fundamentals-300x164.webp 300w, https:\/\/inkbotdesign.com\/wp-content\/uploads\/2025\/08\/Nail-the-On-Page-SEO-Fundamentals.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>SEO (<a href=\"https:\/\/inkbotdesign.com\/search-engine-optimisation\/\" title=\"What Is SEO &#8211; Search Engine Optimisation?\"  data-wpil-monitor-id=\"12100\">Search Engine Optimisation<\/a>) is a vast topic, but the <em>design<\/em> phase sets the foundation. This is what you must check.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Heading Structure:<\/strong> Your page must have <em>one<\/em> H1 tag (your main page title). A logical hierarchy of H2S and H3S follows this. This is the &#8220;outline&#8221; you give to Google.<\/li>\n\n\n\n<li><strong>Image Alt Text:<\/strong> Every functional image must have &#8220;alt text.&#8221; This is a short, descriptive sentence (e.g., &#8220;blue leather wallet with three card slots&#8221;) that describes the image for screen readers (accessibility) and for Google (SEO).<\/li>\n\n\n\n<li><strong>Meta Titles & Descriptions:<\/strong> This is the &#8220;shop window&#8221; on the Google search results page.\n<ul class=\"wp-block-list\">\n<li><strong>Title:<\/strong> ~50-60 characters. Your primary keyword + your <a href=\"https:\/\/inkbotdesign.com\/brand-name\/\" title=\"How to Choose a Brand Name in 5 Steps\"  data-wpil-monitor-id=\"12107\">brand name<\/a>. (e.g., &#8220;Web Design Services for Small Business | Inkbot Design&#8221;).<\/li>\n\n\n\n<li><strong>Description:<\/strong> ~150-160 characters. A compelling sentence that makes someone <em>want<\/em> to click.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Friendly URLs:<\/strong> Your page URLs should be short and descriptive.\n<ul class=\"wp-block-list\">\n<li><strong>Bad:<\/strong> https.inkbotdesign.com\/p=123<\/li>\n\n\n\n<li><strong>Good:<\/strong> https.inkbotdesign.com\/services\/web-design-services<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">The &#8220;Boring but Critical&#8221; Bits: Phase 4 (Pre-Launch Checks)<\/h2>\n\n\n\n<p>This is the part everyone skips because they're so excited to launch. Skipping this is like a pilot taking off without a pre-flight check.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">12. Technical & Functionality Testing (Does it <em>Break<\/em>?)<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Cross-Browser Testing:<\/strong> Does the site look and work correctly on Chrome, Safari, Firefox, and Edge? (Yes, people still use them.)<\/li>\n\n\n\n<li><strong>Device Testing:<\/strong> Does it work on an iPhone? An Android phone? A tablet? A laptop? A 27-inch desktop?<\/li>\n\n\n\n<li><strong>Link Testing:<\/strong> Click <em>every single link<\/em> on the website. Do any go to a &#8220;404 Not Found&#8221; page?<\/li>\n\n\n\n<li><strong>Form Testing:<\/strong> Fill out <em>every<\/em> contact form, newsletter signup, and <a href=\"https:\/\/inkbotdesign.com\/ecommerce-marketing-design\/\" title=\"5 eCommerce Marketing Design Hacks That 10X Conversions\"  data-wpil-monitor-id=\"12104\">checkout process<\/a>.\n<ul class=\"wp-block-list\">\n<li>Does the form submit?<\/li>\n\n\n\n<li>Do you <em>receive<\/em> the email notification?<\/li>\n\n\n\n<li>Does the user see a &#8220;Thank You&#8221; message so they know it worked?<\/li>\n\n\n\n<li>(You would be <em>shocked<\/em> how many businesses have broken contact forms and are just shouting into the void.)<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Favicon:<\/strong> Is your little site icon (favicon) installed and showing up in the browser tab?<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">13. Performance & Speed<\/h3>\n\n\n\n<p>Your site must be fast. A 3-second load time is the new &#8220;slow.&#8221; People will just leave.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Run your site through <strong>Google's PageSpeed Insights<\/strong>.<\/li>\n\n\n\n<li>It will give you a <a href=\"https:\/\/inkbotdesign.com\/mobile-friendly-website\/\" title=\"How to Build a Mobile-Friendly Website That Actually Sells\"  data-wpil-monitor-id=\"12099\">&#8220;Core Web Vitals&#8221;<\/a> score. You don't need a perfect 100, but you <em>must<\/em> be in the &#8220;Green.&#8221;<\/li>\n\n\n\n<li>What are the main culprits for slow sites?\n<ol class=\"wp-block-list\">\n<li>Un-optimised, massive images (see Phase 3).<\/li>\n\n\n\n<li>Cheap, slow <a href=\"https:\/\/inkbotdesign.com\/web-hosting\/\" title=\"Why Web Hosting Can Make or Break Your Website\"  data-wpil-monitor-id=\"12108\">web hosting<\/a>.<\/li>\n\n\n\n<li>Too many plugins or &#8220;bells and whistles&#8221; (e.g., <a href=\"https:\/\/inkbotdesign.com\/go\/sliderrevolution\" title=\"Slider Revolution\" class=\"pretty-link-keyword\"rel=\"nofollow sponsored \" target=\"_blank\">sliders<\/a>, video backgrounds).<\/li>\n<\/ol>\n<\/li>\n\n\n\n<li><strong>Caching:<\/strong> Install a <a href=\"https:\/\/inkbotdesign.com\/go\/wprocket\" title=\"WP Rocket\" class=\"pretty-link-keyword\"rel=\"nofollow sponsored \" target=\"_blank\">caching plugin<\/a> (like <a href=\"https:\/\/inkbotdesign.com\/go\/wprocket\" title=\"WP Rocket\" class=\"pretty-link-keyword\"rel=\"nofollow sponsored \" target=\"_blank\">WP Rocket<\/a> for WordPress). This serves a &#8220;saved&#8221; static version of your site to users so it loads instantly.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"489\" src=\"https:\/\/inkbotdesign.com\/wp-content\/uploads\/2022\/08\/pass-core-web-vitals-website-speed-1024x489.webp\" alt=\"Pass Core Web Vitals Website Speed\" class=\"wp-image-303275\" srcset=\"https:\/\/inkbotdesign.com\/wp-content\/uploads\/2022\/08\/pass-core-web-vitals-website-speed-1024x489.webp 1024w, https:\/\/inkbotdesign.com\/wp-content\/uploads\/2022\/08\/pass-core-web-vitals-website-speed-300x143.webp 300w, https:\/\/inkbotdesign.com\/wp-content\/uploads\/2022\/08\/pass-core-web-vitals-website-speed.webp 1132w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">14. The Legal & Compliance Checklist (Don't Get Sued)<\/h3>\n\n\n\n<p>This is non-negotiable, especially in the UK\/EU (GDPR) and US (ADA, CCPA). This is not legal advice\u2014consult a professional\u2014but this is your baseline checklist.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><strong>Item<\/strong><\/td><td><strong>What it is<\/strong><\/td><td><strong>Why You Need It<\/strong><\/td><\/tr><tr><td><strong>Privacy Policy<\/strong><\/td><td>A legal page explaining what data you collect (e.g., via contact forms) and what you do with it.<\/td><td><strong>Legally required<\/strong> almost everywhere (GDPR, CCPA). Builds trust.<\/td><\/tr><tr><td><strong>Cookie Banner<\/strong><\/td><td>That (annoying) pop-up that asks for consent to use cookies (like <a href=\"https:\/\/inkbotdesign.com\/marketing-tools\/\" title=\"21 Best Marketing Tools to Grow Your Business\"  data-wpil-monitor-id=\"12111\">Google Analytics<\/a>).<\/td><td><strong>Legally required<\/strong> by GDPR\/ePrivacy Directive if you use <em>any<\/em> non-essential cookies.<\/td><\/tr><tr><td><strong>Terms & Conditions<\/strong><\/td><td>The &#8220;rules of the road&#8221; for using your site. Essential for e-commerce (returns, refunds, liability).<\/td><td>Protects <em>you<\/em>, the business owner, from liability.<\/td><\/tr><tr><td><strong>Accessibility (WCAG\/ADA)<\/strong><\/td><td>Designing your site so people with disabilities (e.g., blindness, motor impairment) can use it.<\/td><td>It's the right thing to do. It's also a <strong>legal risk<\/strong> in many countries (e.g., ADA lawsuits in the US).<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p><strong>Accessibility Basics (Design Checklist):<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Alt Text:<\/strong> All images have it (see Phase 3).<\/li>\n\n\n\n<li><strong>Colour Contrast:<\/strong> Is your light grey text on a white background readable? Use a<a href=\"https:\/\/webaim.org\/resources\/contrastchecker\/\" target=\"_blank\" rel=\"noopener\"> Contrast Checker<\/a>.<\/li>\n\n\n\n<li><strong>Keyboard Navigation:<\/strong> Can you navigate the <em>entire<\/em> site (menus, links, forms) using only the &#8220;Tab&#8221; key?<\/li>\n\n\n\n<li><strong>Descriptive Links:<\/strong> The link text should say &#8220;Read our Web Design Services,&#8221; not &#8220;Click Here.&#8221;<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">The Launch Button&#8230; And Beyond: Phase 5 (Launch & Post-Launch)<\/h2>\n\n\n\n<p>You're here. You've checked every box. You're ready to &#8220;go-live.&#8221;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">15. The Go-Live Checklist<\/h3>\n\n\n\n<p>This is the final, technical &#8220;switch-flipping&#8221; sequence.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Backup:<\/strong> Take a full, complete backup of your site <em>before<\/em> you do anything.<\/li>\n\n\n\n<li><strong>Install Google Analytics:<\/strong> How will you know if it's working? Install GA4.<\/li>\n\n\n\n<li><strong>Install Google Search Console:<\/strong> This is how you talk to Google. Connect your site, verify it, and <strong>submit your sitemap<\/strong> (the sitemap.xml file your platform generates) so Google knows how to crawl your new site.<\/li>\n\n\n\n<li><strong>301 Redirects:<\/strong> <strong>CRITICAL!<\/strong> If you are replacing an <em>old<\/em> website, you must map all your old URLs to your new ones. (e.g., oldsite.com\/contact-us must be permanently redirected to newsite.com\/contact). If you don't, you lose <em>all<\/em> your SEO value, and customers will hit 404 pages.<\/li>\n\n\n\n<li><strong>Remove &#8220;No Index&#8221; \/ Maintenance Mode:<\/strong> Often, sites are &#8220;hidden&#8221; from Google during development. You must un-check this box so you are visible.<\/li>\n\n\n\n<li><strong>Final Live Test:<\/strong> Do one last test of the live forms and checkout process.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">16. The Post-Launch Reality: Maintenance & Iteration<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"462\" src=\"https:\/\/inkbotdesign.com\/wp-content\/uploads\/2023\/04\/customer-referrals-harrys-razor-launch-1024x462.webp\" alt=\"Customer Referrals Harrys Razor Launch\" class=\"wp-image-312639\" srcset=\"https:\/\/inkbotdesign.com\/wp-content\/uploads\/2023\/04\/customer-referrals-harrys-razor-launch-1024x462.webp 1024w, https:\/\/inkbotdesign.com\/wp-content\/uploads\/2023\/04\/customer-referrals-harrys-razor-launch-300x135.webp 300w, https:\/\/inkbotdesign.com\/wp-content\/uploads\/2023\/04\/customer-referrals-harrys-razor-launch.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Your website is <strong>never finished<\/strong>. It's a living asset. Your job has just begun.<\/p>\n\n\n\n<p>This is the mindset shift from a &#8220;project&#8221; to a &#8220;process.&#8221;<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><strong>Task<\/strong><\/td><td><strong>Pre-Launch &#8220;Project&#8221; Mindset<\/strong><\/td><td><strong>Post-Launch &#8220;Process&#8221; Mindset<\/strong><\/td><\/tr><tr><td><strong>Security<\/strong><\/td><td>&#8220;Is it secure for launch day?&#8221;<\/td><td>&#8220;I will update all plugins, themes, and platform versions <em>weekly<\/em>.&#8221;<\/td><\/tr><tr><td><strong>Backups<\/strong><\/td><td>&#8220;I took a backup before launch.&#8221;<\/td><td>&#8220;I have <em>automated<\/em> daily or weekly backups running to an off-site location.&#8221;<\/td><\/tr><tr><td><strong>Content<\/strong><\/td><td>&#8220;All the pages are filled with text.&#8221;<\/td><td>&#8220;I will publish one new, helpful blog post\/case study <em>monthly<\/em>.&#8221;<\/td><\/tr><tr><td><strong>Analytics<\/strong><\/td><td>&#8220;Is Google Analytics installed?&#8221;<\/td><td>&#8220;I will review my analytics <em>weekly<\/em> to see which pages are popular and where users are dropping off.&#8221;<\/td><\/tr><tr><td><strong>Iteration<\/strong><\/td><td>&#8220;The design is finished.&#8221;<\/td><td>&#8220;My contact page has a 50% drop-off rate. This quarter, I will <a href=\"https:\/\/inkbotdesign.com\/conversion-rate-optimisation\/\" title=\"The Ultimate Guide to Conversion Rate Optimisation\" data-wpil-monitor-id=\"12102\">A\/B test<\/a> a simpler form to improve conversions.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>Your website is a data-generating machine. Use that data. Find out what's working and do <em>more of it<\/em>. Find out what's broken and <em>fix it<\/em>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">The Project Management Checklist (A Summary Table)<\/h3>\n\n\n\n<p>This entire 3000-word article can be overwhelming. Here's how it looks as a high-level project plan.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><strong>Phase<\/strong><\/td><td><strong>Phase 1: Strategy<\/strong><\/td><td><strong>Phase 2: Design<\/strong><\/td><td><strong>Phase 3: Development<\/strong><\/td><td><strong>Phase 4: Pre-Launch<\/strong><\/td><td><strong>Phase 5: Post-Launch<\/strong><\/td><\/tr><tr><td><strong>Key Goal<\/strong><\/td><td>Define <em>Why<\/em> & <em>What<\/em><\/td><td>Define <em>how it looks<\/em><\/td><td><em>Build<\/em> the Thing<\/td><td><em>Test<\/em> the Thing<\/td><td><em>Improve<\/em> the Thing<\/td><\/tr><tr><td><strong>Checklist<\/strong><\/td><td>1. One True Goal 2. Audience Profile 3. Competitor Audit 4. Sitemap \/ IA<\/td><td>5. Branding \/ Visuals 6. UX (Wireframes) 7. UI (<a href=\"https:\/\/inkbotdesign.com\/go\/moqups\" title=\"Moqups\" class=\"pretty-link-keyword\"rel=\"nofollow sponsored \" target=\"_blank\">Mockups<\/a>) 8. Mobile-First Design<\/td><td>9. Platform Choice 10. Content & Images 11. <a href=\"https:\/\/inkbotdesign.com\/seo-website-design\/\" title=\"The SEO Website Design Formula: Traffic + Conversions\" data-wpil-monitor-id=\"12098\">On-Page SEO<\/a> Base<\/td><td>12. Tech\/Device Testing 13. Speed & Performance 14. Legal & Compliance<\/td><td>15. Go-Live Checks 16. Maintenance Plan 17. Analytics Review<\/td><\/tr><tr><td><strong>Deliverable<\/strong><\/td><td>Strategy Document<\/td><td>High-Fidelity Mockups<\/td><td>Staging \/ Dev Site<\/td><td>&#8220;Go&#8221; \/ &#8220;No-Go&#8221;<\/td><td>A Living Business Asset<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">When This Checklist Becomes a Nightmare (Why You Hire a Pro)<\/h2>\n\n\n\n<p>You're an entrepreneur. You're looking at this 16-step, 5-phase list and thinking&#8230; &#8220;I don't have time for this.&#8221;<\/p>\n\n\n\n<p>You're right. You don't.<\/p>\n\n\n\n<p>Your time is best spent running your business, not debugging a <a href=\"https:\/\/inkbotdesign.com\/wordpress-plugins-for-website-designers\/\" title=\"17 Best WordPress Plugins for Website Designers\" data-wpil-monitor-id=\"12106\">WordPress plugin<\/a> at 2 AM, learning about GDPR cookie consent, or optimising images. The DIY trap is thinking that you <em>save<\/em> money by doing it yourself. You don't. You lose <em>time<\/em>, which is infinitely more valuable, and you often end up with a C-grade asset that doesn't actually achieve your &#8220;One True Goal.&#8221;<\/p>\n\n\n\n<p>A professional web design agency isn't just a &#8220;builder.&#8221; They are a strategist, a project manager, a designer, a developer, and a technical partner. They take this entire, monstrous checklist off your plate and get it right the first time.<\/p>\n\n\n\n<p>If you're an entrepreneur who just wants a partner to handle this process from start to finish, that's precisely what our<a href=\"https:\/\/inkbotdesign.com\/services\/web-design-services\/\"> Inkbot Design web design services<\/a> are for. We build websites that are more than just &#8220;pretty&#8221;\u2014we build them to be sales engines.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Conclusion: A Checklist Is a Map, Not the Destination<\/h3>\n\n\n\n<p>A website is a complex, living, breathing part of your business. It is not a static brochure.<\/p>\n\n\n\n<p>This web design checklist is your map. It's long, it's not &#8220;easy,&#8221; but it's <em>right<\/em>. It's the difference between launching a professional tool designed to make you money and launching a digital-age ornament that just sits there.<\/p>\n\n\n\n<p>Don't just <a href=\"https:\/\/inkbotdesign.com\/how-to-make-a-website-from-scratch\/\" title=\"How To Make a Website From Scratch in 7 Days\" data-wpil-monitor-id=\"12096\">build a website<\/a>. Build a solution to your business problem.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">How We Can Help<\/h3>\n\n\n\n<p>Feeling overwhelmed by this list? That's a normal reaction. It <em>is<\/em> a lot, and these are just the headlines.<\/p>\n\n\n\n<p>If you'd rather focus on what you do best\u2014running your business\u2014and have a professional partner manage this entire process, that's what we're here for. We live and breathe this stuff, so you don't have to.<\/p>\n\n\n\n<p>When you're ready to start a real, strategic conversation about your project,<a href=\"https:\/\/inkbotdesign.com\/contact\/request-a-quote\/\"> request a quote<\/a>. We'll talk about your goals, your audience, and how to build a website that actually works.<\/p>\n\n\n\n<p>Still in research mode? Fair enough. Feel free to browse more of our insights on the<a href=\"https:\/\/inkbotdesign.com\/\"> Inkbot Design blog<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Web Design Checklist FAQs<\/h3>\n\n\n<div id=\"rank-math-faq\" class=\"rank-math-block\">\n<div class=\"rank-math-list \">\n<div id=\"faq-question-1761138774866\" class=\"rank-math-list-item\">\n<h4 class=\"rank-math-question \">What's the most critical part of this entire web design checklist?<\/h4>\n<div class=\"rank-math-answer \">\n\n<p>Phase 1: Strategy. Hands down. A beautiful website with no clear goal or audience is a failure. A &#8220;basic&#8221; website that is laser-focused on its one true goal will win every time.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1761138788706\" class=\"rank-math-list-item\">\n<h4 class=\"rank-math-question \">How long does a professional web design project take?<\/h4>\n<div class=\"rank-math-answer \">\n\n<p>For a small business website, plan for 6-12 weeks, minimum.<br \/>Phase 1 (Strategy): 1-2 weeks<br \/>Phase 2 (Design): 2-4 weeks (includes revisions)<br \/>Phase 3 (Development & Content): 3-6 weeks (content is <em>always<\/em> the bottleneck)<br \/>Phase 4 (Testing): 1 week<br \/>Phase 5 (Launch): 1 day<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1761138801905\" class=\"rank-math-list-item\">\n<h4 class=\"rank-math-question \">What's the average cost for a small business website?<\/h4>\n<div class=\"rank-math-answer \">\n\n<p>It's like asking the cost of a car. A simple, 5-page &#8220;brochure&#8221; site from a freelancer might be a few thousand pounds\/dollars. Five figures will be a custom-built e-commerce site or a 50-page corporate site from an agency. Be wary of anyone charging a few hundred\u2014you'll get a template with zero strategy.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1761138813941\" class=\"rank-math-list-item\">\n<h4 class=\"rank-math-question \">Can't I just build my own website on Squarespace or Wix?<\/h4>\n<div class=\"rank-math-answer \">\n\n<p>You can. And for some (like a photographer's portfolio), it's fine. But you're not a designer or a strategist. You're renting, not owning. Their tools limit you, your SEO will be handicapped, and you'll hit a &#8220;customisation ceiling&#8221; very quickly. It's often a false economy.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1761138826295\" class=\"rank-math-list-item\">\n<h4 class=\"rank-math-question \">What's the difference between UX and UI design?<\/h4>\n<div class=\"rank-math-answer \">\n\n<p>UX (User Experience) is the invisible part: the strategy, structure, and flow. It's how it works. UI (User Interface) is the visible part: the colours, fonts, and buttons. It's how it looks. A great site needs both.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1761138840702\" class=\"rank-math-list-item\">\n<h4 class=\"rank-math-question \">Why is mobile-first design so important?<\/h4>\n<div class=\"rank-math-answer \">\n\n<p>Two reasons: 1) Most of your customers are on their phones. 2) Google uses your mobile site for ranking (it's called &#8220;mobile-first indexing&#8221;). If your mobile site is a poor, afterthought version of your desktop site, you will lose customers and rankings.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1761138860652\" class=\"rank-math-list-item\">\n<h4 class=\"rank-math-question \">What is a sitemap, and why do I need one?<\/h4>\n<div class=\"rank-math-answer \">\n\n<p>A sitemap has two meanings: 1) The visual flow-chart you make in Phase 1 to plan your site structure. 2) The technical sitemap.xml file that your website generates for Google to read, which lists all your pages and posts.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1761138884451\" class=\"rank-math-list-item\">\n<h4 class=\"rank-math-question \">What is &#8220;scope creep&#8221; in web design?<\/h4>\n<div class=\"rank-math-answer \">\n\n<p>It's when the project slowly, and informally, gets bigger. It's the &#8220;Oh, can we just add&#8230;&#8221; or &#8220;You know what would be cool&#8230;&#8221; requests. This is why Phase 1 is so important: you must agree on the exact scope (e.g., &#8220;a 5-page site with a contact form&#8221;) before you start. Anything else is a new phase and a new cost.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1761138891124\" class=\"rank-math-list-item\">\n<h4 class=\"rank-math-question \">What's the very first step to start a web design project?<\/h4>\n<div class=\"rank-math-answer \">\n\n<p>Go back to Phase 1, Question 1: Define Your &#8220;One True Goal.&#8221; Don't email a designer. Don't look at templates. Sit down with a pen and paper and answer this: &#8220;What is the single, primary, measurable action I want a user to take on this website?&#8221;<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1761138901860\" class=\"rank-math-list-item\">\n<h4 class=\"rank-math-question \"><strong>How often should I update my website?<\/strong><\/h4>\n<div class=\"rank-math-answer \">\n\n<p><strong>Maintenance:<\/strong> (Software, plugins, security) Weekly.<br \/><strong>Content:<\/strong> (Blog, new projects, case studies) Monthly or quarterly, at a minimum.<br \/><strong>Design:<\/strong> (A complete redesign) Every 3-5 years. Technology and trends change, and your business goals will, too.<\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div><style>\r\n.lwrp.link-whisper-related-posts{\r\n            \r\n            margin-top: 40px;\nmargin-bottom: 30px;\r\n        }\r\n        .lwrp .lwrp-title{\r\n            \r\n            \r\n        }.lwrp .lwrp-description{\r\n            \r\n            \r\n\r\n        }\r\n        .lwrp .lwrp-list-container{\r\n        }\r\n        .lwrp .lwrp-list-multi-container{\r\n            display: flex;\r\n        }\r\n        .lwrp .lwrp-list-double{\r\n            width: 48%;\r\n        }\r\n        .lwrp .lwrp-list-triple{\r\n            width: 32%;\r\n        }\r\n        .lwrp .lwrp-list-row-container{\r\n            display: flex;\r\n            justify-content: space-between;\r\n        }\r\n        .lwrp .lwrp-list-row-container .lwrp-list-item{\r\n            width: calc(10% - 20px);\r\n        }\r\n        .lwrp .lwrp-list-item:not(.lwrp-no-posts-message-item){\r\n            \r\n            \r\n        }\r\n        .lwrp .lwrp-list-item img{\r\n            max-width: 100%;\r\n            height: auto;\r\n            object-fit: cover;\r\n            aspect-ratio: 1 \/ 1;\r\n        }\r\n        .lwrp .lwrp-list-item.lwrp-empty-list-item{\r\n            background: initial !important;\r\n        }\r\n        .lwrp .lwrp-list-item .lwrp-list-link .lwrp-list-link-title-text,\r\n        .lwrp .lwrp-list-item .lwrp-list-no-posts-message{\r\n            \r\n            \r\n            \r\n            \r\n        }@media screen and (max-width: 480px) {\r\n            .lwrp.link-whisper-related-posts{\r\n                \r\n                \r\n            }\r\n            .lwrp .lwrp-title{\r\n                \r\n                \r\n            }.lwrp .lwrp-description{\r\n                \r\n                \r\n            }\r\n            .lwrp .lwrp-list-multi-container{\r\n                flex-direction: column;\r\n            }\r\n            .lwrp .lwrp-list-multi-container ul.lwrp-list{\r\n                margin-top: 0px;\r\n                margin-bottom: 0px;\r\n                padding-top: 0px;\r\n                padding-bottom: 0px;\r\n            }\r\n            .lwrp .lwrp-list-double,\r\n            .lwrp .lwrp-list-triple{\r\n                width: 100%;\r\n            }\r\n            .lwrp .lwrp-list-row-container{\r\n                justify-content: initial;\r\n                flex-direction: column;\r\n            }\r\n            .lwrp .lwrp-list-row-container .lwrp-list-item{\r\n                width: 100%;\r\n            }\r\n            .lwrp .lwrp-list-item:not(.lwrp-no-posts-message-item){\r\n                \r\n                \r\n            }\r\n            .lwrp .lwrp-list-item .lwrp-list-link .lwrp-list-link-title-text,\r\n            .lwrp .lwrp-list-item .lwrp-list-no-posts-message{\r\n                \r\n                \r\n                \r\n                \r\n            };\r\n        }<\/style>\r\n<div id=\"link-whisper-related-posts-widget\" class=\"link-whisper-related-posts lwrp\">\r\n            <h4 class=\"lwrp-title\">You May Also Like:<\/h4>    \r\n        <div class=\"lwrp-list-container\">\r\n                                            <ul class=\"lwrp-list lwrp-list-single\">\r\n                    <li class=\"lwrp-list-item\"><a href=\"https:\/\/inkbotdesign.com\/graphic-design-ethics\/\" class=\"lwrp-list-link\"><span class=\"lwrp-list-link-title-text\">Graphic Design Ethics: Copycats, Clients, and Copyrights<\/span><\/a><\/li><li class=\"lwrp-list-item\"><a href=\"https:\/\/inkbotdesign.com\/different-types-of-logos\/\" class=\"lwrp-list-link\"><span class=\"lwrp-list-link-title-text\">The 7 Different Types Of Logos &amp; How To Use Them<\/span><\/a><\/li><li class=\"lwrp-list-item\"><a href=\"https:\/\/inkbotdesign.com\/sensory-branding\/\" class=\"lwrp-list-link\"><span class=\"lwrp-list-link-title-text\">Sensory Branding: Engaging All 5 Senses<\/span><\/a><\/li><li class=\"lwrp-list-item\"><a href=\"https:\/\/inkbotdesign.com\/personalisation-in-marketing\/\" class=\"lwrp-list-link\"><span class=\"lwrp-list-link-title-text\">Personalisation in Marketing: Why it Matters<\/span><\/a><\/li><li class=\"lwrp-list-item\"><a href=\"https:\/\/inkbotdesign.com\/digital-pr-strategies\/\" class=\"lwrp-list-link\"><span class=\"lwrp-list-link-title-text\">Digital PR Strategies to Boost Your Online Presence<\/span><\/a><\/li>                <\/ul>\r\n                        <\/div>\r\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Most web design checklists are useless. They&#8217;re fluffy, technical, or miss the point: a website is a sales tool. This is a 5-phase project plan for entrepreneurs, covering strategy, design, development, launch, and post-launch maintenance.<\/p>\n","protected":false},"author":1,"featured_media":319993,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[48],"tags":[],"class_list":["post-27122","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-brand-strategy","no-featured-image-padding","resize-featured-image"],"acf":[],"_links":{"self":[{"href":"https:\/\/inkbotdesign.com\/wp-json\/wp\/v2\/posts\/27122","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inkbotdesign.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inkbotdesign.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inkbotdesign.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inkbotdesign.com\/wp-json\/wp\/v2\/comments?post=27122"}],"version-history":[{"count":0,"href":"https:\/\/inkbotdesign.com\/wp-json\/wp\/v2\/posts\/27122\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inkbotdesign.com\/wp-json\/wp\/v2\/media\/319993"}],"wp:attachment":[{"href":"https:\/\/inkbotdesign.com\/wp-json\/wp\/v2\/media?parent=27122"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inkbotdesign.com\/wp-json\/wp\/v2\/categories?post=27122"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inkbotdesign.com\/wp-json\/wp\/v2\/tags?post=27122"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}