If you run a small business in Windsor, Eton, Slough, Maidenhead, Ascot or anywhere across Berkshire, your website is doing one of two things: bringing you customers, or quietly costing you them. There's rarely a middle ground.
After building over 50 websites for businesses across the Royal Borough and the Thames Valley, I've put together the definitive checklist of what your small business website actually needs in 2026. No fluff, no jargon — just the 25 things that move the needle for local Berkshire businesses.
Bookmark this page, work through it section by section, and your website will be ahead of 90% of your local competitors.
Section 1: Foundations (the non-negotiables)
1. A custom domain on the .co.uk or .com TLD
If your website still ends in .wixsite.com, .squarespace.com or .shopify.com, fix that first. Local Windsor and Berkshire customers trust .co.uk domains more than any other extension.
2. SSL/HTTPS enabled
Google Chrome flags any site without HTTPS as "Not Secure". In a town like Windsor with affluent, tech-aware customers, that warning is a quiet conversion killer.
3. Mobile-responsive design
Over 68% of Windsor-area website traffic is now mobile (Google Analytics aggregate). If your site doesn't look beautiful on an iPhone 15, you're losing two-thirds of your visitors before they read a word.
4. Page load speed under 3 seconds
Every additional second of load time drops conversions by ~7%. Run your site through PageSpeed Insights — aim for a score of 90+ on mobile.
Phone number, email, or booking link must be visible without scrolling. Don't bury it in the footer.
Section 2: Local SEO essentials (Berkshire-specific)
6. Town and county in your page titles
Your homepage </code> tag should mention Windsor (or Slough, Maidenhead, etc.) and Berkshire. Example: <em>"[Business Name] — [Service] in Windsor, Berkshire"</em>.</span></p><h3 id="7-a-dedicated-location-page-for-each-town-you-serve" class="scroll-mt-28 font-display text-xl md:text-2xl font-semibold mt-10 mb-3"><span>7. A dedicated location page for each town you serve</span></h3><p class="text-muted-foreground text-lg leading-relaxed mb-5"><span>If you serve Windsor, Eton, and Maidenhead, you need three pages — one for each. A single "service area" page won't rank for any of them. (We've seen 3–5x ranking improvement after splitting these out.)</span></p><h3 id="8-nap-consistency-name-address-phone" class="scroll-mt-28 font-display text-xl md:text-2xl font-semibold mt-10 mb-3"><span>8. NAP consistency (Name, Address, Phone)</span></h3><p class="text-muted-foreground text-lg leading-relaxed mb-5"><span>Your business name, address, and phone number must appear <em>identically</em> on your website, Google Business Profile, Bark profile, Yell, Thomson Local, and every directory. Even tiny inconsistencies (e.g. "Windsor SL4 1AA" vs "Windsor, SL4 1AA") confuse Google.</span></p><h3 id="9-localbusiness-schema-markup" class="scroll-mt-28 font-display text-xl md:text-2xl font-semibold mt-10 mb-3"><span>9. LocalBusiness schema markup</span></h3><p class="text-muted-foreground text-lg leading-relaxed mb-5"><span>This is a hidden code block that tells Google "I'm a local business in Windsor at this address with these opening hours." Most small business websites don't have it. Adding it can lift local rankings within 30 days.</span></p><h3 id="10-a-fully-optimised-google-business-profile" class="scroll-mt-28 font-display text-xl md:text-2xl font-semibold mt-10 mb-3"><span>10. A fully optimised Google Business Profile</span></h3><p class="text-muted-foreground text-lg leading-relaxed mb-5"><span>Linked from your website, with weekly photos, posts, and reviews. For local "near me" searches in Windsor, your GBP matters more than your website.</span></p><h3 id="11-local-landmarks-and-street-names-in-your-copy" class="scroll-mt-28 font-display text-xl md:text-2xl font-semibold mt-10 mb-3"><span>11. Local landmarks and street names in your copy</span></h3><p class="text-muted-foreground text-lg leading-relaxed mb-5"><span>Don't just say "we serve Windsor". Say "we work with businesses on Peascod Street, around the Castle, in Eton, and across the Royal Borough". Google reads this as genuine local relevance.</span></p><h2 id="section-3-conversion-essentials" class="scroll-mt-28 font-display text-2xl md:text-3xl font-bold mt-14 mb-4"><span>Section 3: Conversion essentials</span></h2><h3 id="12-one-primary-call-to-action-per-page" class="scroll-mt-28 font-display text-xl md:text-2xl font-semibold mt-10 mb-3"><span>12. One primary call-to-action per page</span></h3><p class="text-muted-foreground text-lg leading-relaxed mb-5"><span>"Get a Quote", "Book a Call", "Order Now" — pick one and make it obvious. Two CTAs of equal weight = analysis paralysis.</span></p><h3 id="13-customer-reviews-and-testimonials-with-names-and-locations" class="scroll-mt-28 font-display text-xl md:text-2xl font-semibold mt-10 mb-3"><span>13. Customer reviews and testimonials with names and locations</span></h3><p class="text-muted-foreground text-lg leading-relaxed mb-5"><span>"Excellent service" — anonymous = useless. <em>"Excellent service" — Sarah, owner of [Business] in Windsor</em> = trust gold.</span></p><h3 id="14-real-photos-not-stock" class="scroll-mt-28 font-display text-xl md:text-2xl font-semibold mt-10 mb-3"><span>14. Real photos (not stock)</span></h3><p class="text-muted-foreground text-lg leading-relaxed mb-5"><span>A photograph of your shop on Thames Street or your team at your Maidenhead workshop is worth ten stock photos. Authenticity converts.</span></p><h3 id="15-pricing-or-starting-from-guidance" class="scroll-mt-28 font-display text-xl md:text-2xl font-semibold mt-10 mb-3"><span>15. Pricing or "starting from" guidance</span></h3><p class="text-muted-foreground text-lg leading-relaxed mb-5"><span>You don't need to publish every price, but a "from £X" anchor reduces unqualified enquiries by ~40%. Your time is valuable.</span></p><h3 id="16-a-simple-low-friction-enquiry-form" class="scroll-mt-28 font-display text-xl md:text-2xl font-semibold mt-10 mb-3"><span>16. A simple, low-friction enquiry form</span></h3><p class="text-muted-foreground text-lg leading-relaxed mb-5"><span>Name, email, message. Maybe phone. That's it. Every additional field cuts your conversion rate by ~10%.</span></p><h3 id="17-multiple-contact-options" class="scroll-mt-28 font-display text-xl md:text-2xl font-semibold mt-10 mb-3"><span>17. Multiple contact options</span></h3><p class="text-muted-foreground text-lg leading-relaxed mb-5"><span>Form, email, phone, WhatsApp, and a booking link. Different customers prefer different channels — give them all the options.</span></p><h2 id="section-4-legal-compliance-uk-specific" class="scroll-mt-28 font-display text-2xl md:text-3xl font-bold mt-14 mb-4"><span>Section 4: Legal & compliance (UK-specific)</span></h2><h3 id="18-gdpr-compliant-privacy-policy" class="scroll-mt-28 font-display text-xl md:text-2xl font-semibold mt-10 mb-3"><span>18. GDPR-compliant privacy policy</span></h3><p class="text-muted-foreground text-lg leading-relaxed mb-5"><span>Required by UK law if you collect any personal data — including via a contact form. A generic template is <em>not</em> enough; it must reference your business specifically.</span></p><h3 id="19-a-working-cookie-consent-banner" class="scroll-mt-28 font-display text-xl md:text-2xl font-semibold mt-10 mb-3"><span>19. A working cookie consent banner</span></h3><p class="text-muted-foreground text-lg leading-relaxed mb-5"><span>Must allow users to accept, reject, and customise. "By using our site you agree" no longer counts as consent under UK GDPR.</span></p><h3 id="20-terms-conditions-page" class="scroll-mt-28 font-display text-xl md:text-2xl font-semibold mt-10 mb-3"><span>20. Terms & Conditions page</span></h3><p class="text-muted-foreground text-lg leading-relaxed mb-5"><span>Especially important if you sell anything online (Shopify, services, bookings). Protects you from disputes.</span></p><h3 id="21-accessibility-wcag-22-aa-basics" class="scroll-mt-28 font-display text-xl md:text-2xl font-semibold mt-10 mb-3"><span>21. Accessibility (WCAG 2.2 AA basics)</span></h3><p class="text-muted-foreground text-lg leading-relaxed mb-5"><span>Alt text on every image, sufficient colour contrast, keyboard navigation. If you ever bid for council or NHS work in Berkshire, this is mandatory.</span></p><h2 id="section-5-technical-hygiene" class="scroll-mt-28 font-display text-2xl md:text-3xl font-bold mt-14 mb-4"><span>Section 5: Technical hygiene</span></h2><h3 id="22-a-submitted-xml-sitemap-and-robotstxt" class="scroll-mt-28 font-display text-xl md:text-2xl font-semibold mt-10 mb-3"><span>22. A submitted XML sitemap and robots.txt</span></h3><p class="text-muted-foreground text-lg leading-relaxed mb-5"><span>Both should live at <code class="px-1.5 py-0.5 rounded bg-muted text-foreground text-[0.9em]">yoursite.co.uk/sitemap.xml</code> and <code class="px-1.5 py-0.5 rounded bg-muted text-foreground text-[0.9em]">yoursite.co.uk/robots.txt</code>. Submit the sitemap to Google Search Console.</span></p><h3 id="23-google-search-console-google-analytics-4-installed" class="scroll-mt-28 font-display text-xl md:text-2xl font-semibold mt-10 mb-3"><span>23. Google Search Console + Google Analytics 4 installed</span></h3><p class="text-muted-foreground text-lg leading-relaxed mb-5"><span>You can't improve what you can't measure. Both are free.</span></p><h3 id="24-a-404-page-that-helps-users-find-what-they-need" class="scroll-mt-28 font-display text-xl md:text-2xl font-semibold mt-10 mb-3"><span>24. A 404 page that helps users find what they need</span></h3><p class="text-muted-foreground text-lg leading-relaxed mb-5"><span>Don't just say "page not found". Link back to your homepage, services, and contact page.</span></p><h3 id="25-a-backup-and-update-plan" class="scroll-mt-28 font-display text-xl md:text-2xl font-semibold mt-10 mb-3"><span>25. A backup and update plan</span></h3><p class="text-muted-foreground text-lg leading-relaxed mb-5"><span>Wix and Shopify handle this automatically. WordPress sites need monthly maintenance — without it, your site is a security incident waiting to happen.</span></p><h2 id="how-to-use-this-checklist" class="scroll-mt-28 font-display text-2xl md:text-3xl font-bold mt-14 mb-4"><span>How to use this checklist</span></h2><p class="text-muted-foreground text-lg leading-relaxed mb-5"><span>Print it. Tick off what you have. Be honest about what you don't.</span></p><p class="text-muted-foreground text-lg leading-relaxed mb-5"><span>Most small business websites in Berkshire score 8–12 out of 25. If you score 18+, you're ahead of your competition. If you score 22+, you're in the top 5% locally.</span></p><h2 id="need-help-getting-from-tickbox-panic-to-ticked" class="scroll-mt-28 font-display text-2xl md:text-3xl font-bold mt-14 mb-4"><span>Need help getting from "tickbox panic" to "ticked"?</span></h2><p class="text-muted-foreground text-lg leading-relaxed mb-5"><span>If working through this list feels overwhelming, that's normal — most of these touch design, content, code, legal, and marketing all at once. As a </span><a class="text-primary font-medium underline underline-offset-4 hover:no-underline" href="/web-designer-windsor">Windsor-based web designer</a><span> working with small businesses across Berkshire, I can audit your current site against this checklist, give you a prioritised roadmap, and (if you want) build the new site for you.</span></p><p class="text-muted-foreground text-lg leading-relaxed mb-5"><a href="https://calendly.com/webkatie" rel="noopener noreferrer" target="_blank" class="text-primary font-medium underline underline-offset-4 hover:no-underline">Book a free 20-minute discovery call</a><span> and we'll go through your top 3 gaps together.</span></p><p class="text-muted-foreground text-lg leading-relaxed mb-5"><span>You can also explore my </span><a class="text-primary font-medium underline underline-offset-4 hover:no-underline" href="/services/wix">Wix website packages</a><span>, </span><a class="text-primary font-medium underline underline-offset-4 hover:no-underline" href="/services/shopify">Shopify store builds</a><span>, or </span><a class="text-primary font-medium underline underline-offset-4 hover:no-underline" href="/pricing">transparent pricing</a><span> to see what working together might look like.</span></p></article><aside class="hidden lg:block lg:sticky lg:top-28 lg:self-start lg:max-h-[calc(100vh-8rem)] lg:overflow-y-auto"><nav aria-label="Table of contents" class="rounded-2xl border border-border bg-card p-5"><p class="mb-4 flex items-center gap-2 font-display text-sm font-bold uppercase tracking-wider text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-list h-4 w-4 text-primary"><path d="M3 12h.01"></path><path d="M3 18h.01"></path><path d="M3 6h.01"></path><path d="M8 12h13"></path><path d="M8 18h13"></path><path d="M8 6h13"></path></svg>Contents</p><ul class="space-y-2 text-sm"><li><a href="#section-1-foundations-the-non-negotiables" class="block leading-snug transition-colors hover:text-primary font-semibold text-primary">Section 1: Foundations (the non-negotiables)</a></li><li class="pl-4"><a href="#1-a-custom-domain-on-the-couk-or-com-tld" class="block leading-snug transition-colors hover:text-primary text-muted-foreground">1. A custom domain on the .co.uk or .com TLD</a></li><li class="pl-4"><a href="#2-sslhttps-enabled" class="block leading-snug transition-colors hover:text-primary text-muted-foreground">2. SSL/HTTPS enabled</a></li><li class="pl-4"><a href="#3-mobile-responsive-design" class="block leading-snug transition-colors hover:text-primary text-muted-foreground">3. Mobile-responsive design</a></li><li class="pl-4"><a href="#4-page-load-speed-under-3-seconds" class="block leading-snug transition-colors hover:text-primary text-muted-foreground">4. Page load speed under 3 seconds</a></li><li class="pl-4"><a href="#5-a-clear-working-contact-method-above-the-fold" class="block leading-snug transition-colors hover:text-primary text-muted-foreground">5. A clear, working contact method above the fold</a></li><li><a href="#section-2-local-seo-essentials-berkshire-specific" class="block leading-snug transition-colors hover:text-primary text-muted-foreground">Section 2: Local SEO essentials (Berkshire-specific)</a></li><li class="pl-4"><a href="#6-town-and-county-in-your-page-titles" class="block leading-snug transition-colors hover:text-primary text-muted-foreground">6. Town and county in your page titles</a></li><li class="pl-4"><a href="#7-a-dedicated-location-page-for-each-town-you-serve" class="block leading-snug transition-colors hover:text-primary text-muted-foreground">7. A dedicated location page for each town you serve</a></li><li class="pl-4"><a href="#8-nap-consistency-name-address-phone" class="block leading-snug transition-colors hover:text-primary text-muted-foreground">8. NAP consistency (Name, Address, Phone)</a></li><li class="pl-4"><a href="#9-localbusiness-schema-markup" class="block leading-snug transition-colors hover:text-primary text-muted-foreground">9. LocalBusiness schema markup</a></li><li class="pl-4"><a href="#10-a-fully-optimised-google-business-profile" class="block leading-snug transition-colors hover:text-primary text-muted-foreground">10. A fully optimised Google Business Profile</a></li><li class="pl-4"><a href="#11-local-landmarks-and-street-names-in-your-copy" class="block leading-snug transition-colors hover:text-primary text-muted-foreground">11. Local landmarks and street names in your copy</a></li><li><a href="#section-3-conversion-essentials" class="block leading-snug transition-colors hover:text-primary text-muted-foreground">Section 3: Conversion essentials</a></li><li class="pl-4"><a href="#12-one-primary-call-to-action-per-page" class="block leading-snug transition-colors hover:text-primary text-muted-foreground">12. One primary call-to-action per page</a></li><li class="pl-4"><a href="#13-customer-reviews-and-testimonials-with-names-and-locations" class="block leading-snug transition-colors hover:text-primary text-muted-foreground">13. Customer reviews and testimonials with names and locations</a></li><li class="pl-4"><a href="#14-real-photos-not-stock" class="block leading-snug transition-colors hover:text-primary text-muted-foreground">14. Real photos (not stock)</a></li><li class="pl-4"><a href="#15-pricing-or-starting-from-guidance" class="block leading-snug transition-colors hover:text-primary text-muted-foreground">15. Pricing or "starting from" guidance</a></li><li class="pl-4"><a href="#16-a-simple-low-friction-enquiry-form" class="block leading-snug transition-colors hover:text-primary text-muted-foreground">16. A simple, low-friction enquiry form</a></li><li class="pl-4"><a href="#17-multiple-contact-options" class="block leading-snug transition-colors hover:text-primary text-muted-foreground">17. Multiple contact options</a></li><li><a href="#section-4-legal-compliance-uk-specific" class="block leading-snug transition-colors hover:text-primary text-muted-foreground">Section 4: Legal & compliance (UK-specific)</a></li><li class="pl-4"><a href="#18-gdpr-compliant-privacy-policy" class="block leading-snug transition-colors hover:text-primary text-muted-foreground">18. GDPR-compliant privacy policy</a></li><li class="pl-4"><a href="#19-a-working-cookie-consent-banner" class="block leading-snug transition-colors hover:text-primary text-muted-foreground">19. A working cookie consent banner</a></li><li class="pl-4"><a href="#20-terms-conditions-page" class="block leading-snug transition-colors hover:text-primary text-muted-foreground">20. Terms & Conditions page</a></li><li class="pl-4"><a href="#21-accessibility-wcag-22-aa-basics" class="block leading-snug transition-colors hover:text-primary text-muted-foreground">21. Accessibility (WCAG 2.2 AA basics)</a></li><li><a href="#section-5-technical-hygiene" class="block leading-snug transition-colors hover:text-primary text-muted-foreground">Section 5: Technical hygiene</a></li><li class="pl-4"><a href="#22-a-submitted-xml-sitemap-and-robotstxt" class="block leading-snug transition-colors hover:text-primary text-muted-foreground">22. A submitted XML sitemap and robots.txt</a></li><li class="pl-4"><a href="#23-google-search-console-google-analytics-4-installed" class="block leading-snug transition-colors hover:text-primary text-muted-foreground">23. Google Search Console + Google Analytics 4 installed</a></li><li class="pl-4"><a href="#24-a-404-page-that-helps-users-find-what-they-need" class="block leading-snug transition-colors hover:text-primary text-muted-foreground">24. A 404 page that helps users find what they need</a></li><li class="pl-4"><a href="#25-a-backup-and-update-plan" class="block leading-snug transition-colors hover:text-primary text-muted-foreground">25. A backup and update plan</a></li><li><a href="#how-to-use-this-checklist" class="block leading-snug transition-colors hover:text-primary text-muted-foreground">How to use this checklist</a></li><li><a href="#need-help-getting-from-tickbox-panic-to-ticked" class="block leading-snug transition-colors hover:text-primary text-muted-foreground">Need help getting from "tickbox panic" to "ticked"?</a></li></ul></nav></aside></div></div></section><section class="py-10 bg-muted/30 border-y border-border"><div class="container mx-auto px-4"><div class="" style="opacity:0;transform:translateY(50px)"><div class="max-w-3xl mx-auto"><div class="grid sm:grid-cols-2 gap-8"><div><h3 class="font-display text-sm font-bold uppercase tracking-wider text-muted-foreground mb-4 flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe w-4 h-4 text-primary"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg>Related Services</h3><ul class="space-y-2"><li><a class="inline-flex items-center gap-2 text-foreground hover:text-primary transition-colors font-medium group" href="/services/wix">Wix Website Design<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3.5 h-3.5 opacity-0 -translate-x-1 group-hover:opacity-100 group-hover:translate-x-0 transition-all"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></li><li><a class="inline-flex items-center gap-2 text-foreground hover:text-primary transition-colors font-medium group" href="/services">All Services<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3.5 h-3.5 opacity-0 -translate-x-1 group-hover:opacity-100 group-hover:translate-x-0 transition-all"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></li></ul></div><div><h3 class="font-display text-sm font-bold uppercase tracking-wider text-muted-foreground mb-4 flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-map-pin w-4 h-4 text-primary"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path><circle cx="12" cy="10" r="3"></circle></svg>Local Pages</h3><ul class="space-y-2"><li><a class="inline-flex items-center gap-2 text-foreground hover:text-primary transition-colors font-medium group" href="/web-designer-berkshire">Web Designer Berkshire<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3.5 h-3.5 opacity-0 -translate-x-1 group-hover:opacity-100 group-hover:translate-x-0 transition-all"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></li><li><a class="inline-flex items-center gap-2 text-foreground hover:text-primary transition-colors font-medium group" href="/web-designer-slough">Web Designer Slough<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3.5 h-3.5 opacity-0 -translate-x-1 group-hover:opacity-100 group-hover:translate-x-0 transition-all"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></li><li><a class="inline-flex items-center gap-2 text-foreground hover:text-primary transition-colors font-medium group" href="/web-designer-maidenhead">Web Designer Maidenhead<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3.5 h-3.5 opacity-0 -translate-x-1 group-hover:opacity-100 group-hover:translate-x-0 transition-all"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></li></ul></div></div></div></div></div></section><section class="relative overflow-hidden bg-charcoal text-white py-24 md:py-40"><div class="absolute inset-0"><img src="/assets/portfolio-tudor-barn-BGmonhzU.webp" alt="" aria-hidden="true" loading="lazy" decoding="async" fetchPriority="low" width="1200" height="800" class="absolute inset-0 w-full h-full object-cover opacity-20 scale-105"/><div class="absolute inset-0 bg-gradient-to-b from-charcoal/85 via-charcoal/85 to-charcoal"></div></div><div class="container mx-auto px-6 md:px-10 relative z-10"><div class="max-w-6xl"><div class="text-[10px] md:text-xs uppercase tracking-[0.3em] text-white/60 mb-6" style="opacity:0;transform:translateY(12px)">Got a project in mind?</div><h2 class="font-display font-bold text-[11vw] md:text-[9vw] lg:text-[8vw] leading-[0.9] tracking-[-0.04em] mb-10 md:mb-14 break-words" style="opacity:0;transform:translateY(40px)">Ready to start your<br/><span class="text-primary">project?</span></h2><p class="text-lg md:text-2xl text-white/70 mb-12 max-w-2xl leading-relaxed" style="opacity:0;transform:translateY(20px)">Whether you need a new website, Shopify store, or Dubsado setup, I'm here to help. Book a free discovery call to discuss your project.</p><div class="flex flex-col sm:flex-row gap-4 items-start" style="opacity:0;transform:translateY(20px)"><div class="will-change-transform"><a class="inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 bg-primary text-primary-foreground hover:bg-primary/90 h-11 rounded-full shadow-warm text-base px-10 py-7 group" href="/contact"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar mr-2 w-5 h-5"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg>Book a Discovery Call</a></div><a class="inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 border h-11 rounded-full text-base px-10 py-7 border-white/30 text-white bg-transparent hover:bg-white/10 hover:border-white/60 hover:text-white group" href="/blog">Read More Articles<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right ml-2 w-5 h-5 transition-transform group-hover:translate-x-1"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></div></section><section class="py-16 bg-background"><div class="container mx-auto px-4"><div class="" style="opacity:0;transform:translateY(50px)"><h2 class="font-display text-2xl md:text-3xl font-bold mb-8 text-center">Related Articles</h2></div><div class="grid md:grid-cols-3 gap-8 max-w-5xl mx-auto"><div class="" style="opacity:0;transform:translateY(50px)"><article class="group bg-card rounded-2xl border border-border overflow-hidden hover:border-primary/20 hover:shadow-warm transition-all duration-300"><a href="/blog/best-web-designers-windsor-2026"><div class="aspect-[3/2] overflow-hidden"><img src="/images/blog/windsor-castle-skyline.jpg" alt="The Best Web Designers in Windsor in 2026: An Honest Local Guide" loading="lazy" width="400" height="267" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105"/></div><div class="p-5"><span class="px-2 py-1 rounded-full bg-primary/10 text-primary text-xs font-medium">Local Business</span><h3 class="font-display text-lg font-semibold mt-3 mb-2 group-hover:text-primary transition-colors line-clamp-2">The Best Web Designers in Windsor in 2026: An Honest Local Guide</h3><span class="inline-flex items-center text-primary font-medium text-sm">Read More<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right ml-1 w-4 h-4"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a></article></div><div class="" style="opacity:0;transform:translateY(50px)"><article class="group bg-card rounded-2xl border border-border overflow-hidden hover:border-primary/20 hover:shadow-warm transition-all duration-300"><a href="/blog/best-web-designer-windsor-berkshire"><div class="aspect-[3/2] overflow-hidden"><img src="/images/blog/designer-working.jpg" alt="Finding the Best Web Designer in Windsor, Berkshire: A Complete Guide" loading="lazy" width="400" height="267" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105"/></div><div class="p-5"><span class="px-2 py-1 rounded-full bg-primary/10 text-primary text-xs font-medium">Local Business</span><h3 class="font-display text-lg font-semibold mt-3 mb-2 group-hover:text-primary transition-colors line-clamp-2">Finding the Best Web Designer in Windsor, Berkshire: A Complete Guide</h3><span class="inline-flex items-center text-primary font-medium text-sm">Read More<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right ml-1 w-4 h-4"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a></article></div><div class="" style="opacity:0;transform:translateY(50px)"><article class="group bg-card rounded-2xl border border-border overflow-hidden hover:border-primary/20 hover:shadow-warm transition-all duration-300"><a href="/blog/small-business-website-reading-berkshire"><div class="aspect-[3/2] overflow-hidden"><img src="/images/blog/modern-office.jpg" alt="Small Business Website Design in Reading, Berkshire: Your Complete Guide" loading="lazy" width="400" height="267" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105"/></div><div class="p-5"><span class="px-2 py-1 rounded-full bg-primary/10 text-primary text-xs font-medium">Local Business</span><h3 class="font-display text-lg font-semibold mt-3 mb-2 group-hover:text-primary transition-colors line-clamp-2">Small Business Website Design in Reading, Berkshire: Your Complete Guide</h3><span class="inline-flex items-center text-primary font-medium text-sm">Read More<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right ml-1 w-4 h-4"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a></article></div></div></div></section></main><footer class="relative overflow-hidden bg-navy"><div class="h-px bg-gradient-to-r from-transparent via-primary/30 to-transparent"></div><div class="container mx-auto px-4 py-12 lg:py-20 relative z-10"><div class="rounded-2xl border border-primary/10 bg-navy-light/50 backdrop-blur-sm p-8 md:p-10 mb-14 flex flex-col md:flex-row items-center justify-between gap-6"><div><h3 class="font-display text-xl md:text-2xl font-bold text-primary-foreground mb-2">Ready to elevate your digital presence?</h3><p class="text-primary-foreground/80 text-sm">Book a free discovery call and let's discuss your project.</p></div><a href="https://calendly.com/webkatie" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2 bg-primary hover:bg-primary/90 text-primary-foreground px-6 py-3 rounded-full font-semibold text-sm transition-colors whitespace-nowrap group">Book a Call<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-4 h-4 transition-transform group-hover:translate-x-1"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="grid grid-cols-2 lg:grid-cols-6 gap-8 lg:gap-10"><div class="col-span-2 mb-2 lg:mb-0"><a class="inline-block" href="/"><img src="/assets/logo-D4VM5bZf.webp" alt="WebKatie" class="h-10 lg:h-12 w-auto"/></a><p class="mt-4 text-primary-foreground/75 max-w-sm leading-relaxed text-sm">Strategic web design, custom development, and brand identity for established UK businesses. Bespoke solutions built for commercial growth.</p><div class="flex gap-3 mt-5"><a href="https://www.instagram.com/webkatie_/" target="_blank" rel="noopener noreferrer" class="inline-flex items-center justify-center min-h-11 min-w-11 rounded-lg bg-primary-foreground/5 border border-primary-foreground/10 hover:border-primary/30 hover:bg-primary/10 text-primary-foreground/80 hover:text-primary transition-all duration-300" aria-label="Instagram"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-instagram w-5 h-5"><rect width="20" height="20" x="2" y="2" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" x2="17.51" y1="6.5" y2="6.5"></line></svg></a><a href="https://www.facebook.com/profile.php?id=61579722222129" target="_blank" rel="noopener noreferrer" class="inline-flex items-center justify-center min-h-11 min-w-11 rounded-lg bg-primary-foreground/5 border border-primary-foreground/10 hover:border-primary/30 hover:bg-primary/10 text-primary-foreground/80 hover:text-primary transition-all duration-300" aria-label="Facebook"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-facebook w-5 h-5"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path></svg></a><a href="mailto:katie@webkatie.com" target="_blank" rel="noopener noreferrer" class="inline-flex items-center justify-center min-h-11 min-w-11 rounded-lg bg-primary-foreground/5 border border-primary-foreground/10 hover:border-primary/30 hover:bg-primary/10 text-primary-foreground/80 hover:text-primary transition-all duration-300" aria-label="Email"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail w-5 h-5"><rect width="20" height="16" x="2" y="4" rx="2"></rect><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path></svg></a></div></div><div><button class="flex items-center justify-between w-full lg:cursor-default "><h4 class="font-display font-bold text-sm uppercase tracking-wider text-primary-foreground/80">Services</h4></button><ul class="hidden lg:block space-y-2.5 mt-4"><li><a class="text-primary-foreground/75 hover:text-primary transition-colors duration-300 text-sm" href="/wix-website-designer">Wix Website Designer</a></li><li><a class="text-primary-foreground/75 hover:text-primary transition-colors duration-300 text-sm" href="/shopify-website-designer">Shopify Website Designer</a></li><li><a class="text-primary-foreground/75 hover:text-primary transition-colors duration-300 text-sm" href="/custom-web-app-development">Custom Web App Development</a></li><li><a class="text-primary-foreground/75 hover:text-primary transition-colors duration-300 text-sm" href="/mvp-development-uk">MVP Development UK</a></li><li><a class="text-primary-foreground/75 hover:text-primary transition-colors duration-300 text-sm" href="/website-redesign">Website Redesign</a></li><li><a class="text-primary-foreground/75 hover:text-primary transition-colors duration-300 text-sm" href="/website-maintenance">Website Maintenance</a></li><li><a class="text-primary-foreground/75 hover:text-primary transition-colors duration-300 text-sm" href="/services/branding">Branding & Identity</a></li><li><a class="text-primary-foreground/75 hover:text-primary transition-colors duration-300 text-sm" href="/services/crm">CRM Build</a></li></ul><ul class="lg:hidden space-y-1.5 mt-2"><li><a class="text-primary-foreground/75 hover:text-primary transition-colors duration-300 text-sm" href="/wix-website-designer">Wix Website Designer</a></li><li><a class="text-primary-foreground/75 hover:text-primary transition-colors duration-300 text-sm" href="/shopify-website-designer">Shopify Website Designer</a></li><li><a class="text-primary-foreground/75 hover:text-primary transition-colors duration-300 text-sm" href="/custom-web-app-development">Custom Web App Development</a></li><li><a class="text-primary-foreground/75 hover:text-primary transition-colors duration-300 text-sm" href="/mvp-development-uk">MVP Development UK</a></li><li><a class="text-primary-foreground/75 hover:text-primary transition-colors duration-300 text-sm" href="/website-redesign">Website Redesign</a></li><li><a class="text-primary-foreground/75 hover:text-primary transition-colors duration-300 text-sm" href="/website-maintenance">Website Maintenance</a></li><li><a class="text-primary-foreground/75 hover:text-primary transition-colors duration-300 text-sm" href="/services/branding">Branding & Identity</a></li><li><a class="text-primary-foreground/75 hover:text-primary transition-colors duration-300 text-sm" href="/services/crm">CRM Build</a></li></ul></div><div><button class="flex items-center justify-between w-full lg:cursor-default "><h4 class="font-display font-bold text-sm uppercase tracking-wider text-primary-foreground/80">Company</h4></button><ul class="hidden lg:block space-y-2.5 mt-4"><li><a class="text-primary-foreground/75 hover:text-primary transition-colors duration-300 text-sm" href="/about">About</a></li><li><a class="text-primary-foreground/75 hover:text-primary transition-colors duration-300 text-sm" href="/portfolio">Portfolio</a></li><li><a class="text-primary-foreground/75 hover:text-primary transition-colors duration-300 text-sm" href="/blog">Blog</a></li><li><a class="text-primary-foreground/75 hover:text-primary transition-colors duration-300 text-sm" href="/faq">FAQ</a></li><li><a class="text-primary-foreground/75 hover:text-primary transition-colors duration-300 text-sm" href="/contact">Contact</a></li><li><a class="text-primary-foreground/75 hover:text-primary transition-colors duration-300 text-sm" href="/pricing">Pricing</a></li><li><a class="text-primary-foreground/75 hover:text-primary transition-colors duration-300 text-sm" href="/maintenance">Maintenance</a></li></ul><ul class="lg:hidden space-y-1.5 mt-2"><li><a class="text-primary-foreground/75 hover:text-primary transition-colors duration-300 text-sm" href="/about">About</a></li><li><a class="text-primary-foreground/75 hover:text-primary transition-colors duration-300 text-sm" href="/portfolio">Portfolio</a></li><li><a class="text-primary-foreground/75 hover:text-primary transition-colors duration-300 text-sm" href="/blog">Blog</a></li><li><a class="text-primary-foreground/75 hover:text-primary transition-colors duration-300 text-sm" href="/faq">FAQ</a></li><li><a class="text-primary-foreground/75 hover:text-primary transition-colors duration-300 text-sm" href="/contact">Contact</a></li><li><a class="text-primary-foreground/75 hover:text-primary transition-colors duration-300 text-sm" href="/pricing">Pricing</a></li><li><a class="text-primary-foreground/75 hover:text-primary transition-colors duration-300 text-sm" href="/maintenance">Maintenance</a></li></ul></div><div><button class="flex items-center justify-between w-full lg:cursor-default cursor-pointer"><h4 class="font-display font-bold text-sm uppercase tracking-wider text-primary-foreground/80">Guides</h4><span class="lg:hidden"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-4 h-4 text-primary-foreground/75"><path d="m6 9 6 6 6-6"></path></svg></span></button><ul class="hidden lg:block space-y-2.5 mt-4"><li><a class="text-primary-foreground/75 hover:text-primary transition-colors duration-300 text-sm" href="/blog/how-much-does-website-cost-uk-2026">Website Cost UK 2026</a></li><li><a class="text-primary-foreground/75 hover:text-primary transition-colors duration-300 text-sm" href="/blog/wix-vs-squarespace-vs-wordpress-2026">Wix vs Squarespace vs WordPress</a></li><li><a class="text-primary-foreground/75 hover:text-primary transition-colors duration-300 text-sm" href="/blog/seo-for-small-business-uk-beginners-guide">SEO for Small Business</a></li><li><a class="text-primary-foreground/75 hover:text-primary transition-colors duration-300 text-sm" href="/blog/how-to-choose-web-designer-uk">How to Choose a Web Designer</a></li><li><a class="text-primary-foreground/75 hover:text-primary transition-colors duration-300 text-sm" href="/blog/freelance-website-designer-vs-agency-uk">Freelance vs Agency</a></li><li><a class="text-primary-foreground/75 hover:text-primary transition-colors duration-300 text-sm" href="/blog/branding-for-small-business-uk">Branding for Small Business</a></li></ul></div><div><button class="flex items-center justify-between w-full lg:cursor-default cursor-pointer"><h4 class="font-display font-bold text-sm uppercase tracking-wider text-primary-foreground/80">Areas</h4><span class="lg:hidden"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-4 h-4 text-primary-foreground/75"><path d="m6 9 6 6 6-6"></path></svg></span></button><ul class="hidden lg:block space-y-2.5 mt-4"><li><a class="text-primary-foreground/75 hover:text-primary transition-colors duration-300 text-sm" href="/web-designer-berkshire">Berkshire</a></li><li><a class="text-primary-foreground/75 hover:text-primary transition-colors duration-300 text-sm" href="/web-designer-surrey">Surrey</a></li><li><a class="text-primary-foreground/75 hover:text-primary transition-colors duration-300 text-sm" href="/web-designer-london">London</a></li><li><a class="text-primary-foreground/75 hover:text-primary transition-colors duration-300 text-sm" href="/web-designer-slough">Slough</a></li><li><a class="text-primary-foreground/75 hover:text-primary transition-colors duration-300 text-sm" href="/web-designer-maidenhead">Maidenhead</a></li><li><a class="text-primary-foreground/75 hover:text-primary transition-colors duration-300 text-sm" href="/web-designer-reading">Reading</a></li><li><a class="text-primary-foreground/75 hover:text-primary transition-colors duration-300 text-sm" href="/web-designer-ascot">Ascot</a></li><li><a class="text-primary-foreground/75 hover:text-primary transition-colors duration-300 text-sm" href="/web-designer-uk">UK</a></li><li><a class="text-primary-foreground/75 hover:text-primary transition-colors duration-300 text-sm" href="/areas">All Areas →</a></li></ul></div></div><div class="mt-12 lg:mt-16 pt-8 border-t border-primary-foreground/10"><p class="text-[10px] uppercase tracking-[0.3em] text-primary-foreground/40 mb-5 text-center md:text-left">Accreditations & compliance</p><div class="flex flex-wrap items-center justify-center md:justify-start gap-x-8 gap-y-4 text-primary-foreground/70"><span class="font-display text-sm md:text-base">Wix Partner Legend</span><span class="text-primary-foreground/20">·</span><span class="font-display text-sm md:text-base">Wix Studio Designer</span><span class="text-primary-foreground/20">·</span><span class="inline-flex items-center gap-2 font-display text-sm md:text-base"><img src="/images/shopify-partner.svg" alt="Shopify Partner" class="h-5 w-auto"/>Shopify Partner</span><span class="text-primary-foreground/20">·</span><span class="font-display text-sm md:text-base">WCAG 2.2 AA</span><span class="text-primary-foreground/20">·</span><span class="font-display text-sm md:text-base">GDPR Compliant</span><span class="text-primary-foreground/20">·</span><span class="font-display text-sm md:text-base">ICO Registered</span><span class="text-primary-foreground/20">·</span><span class="font-display text-sm md:text-base">£5m Public & Employer's Liability</span></div></div><div class="mt-8 pt-6 border-t border-primary-foreground/10 flex flex-col md:flex-row justify-between items-center gap-3"><p class="text-primary-foreground/30 text-xs">© <!-- -->2026<!-- --> WebKatie. All rights reserved.</p><div class="flex flex-wrap items-center justify-center gap-x-4 gap-y-1 text-xs"><a class="text-primary-foreground/50 hover:text-primary transition-colors" href="/privacy">Privacy</a><span class="text-primary-foreground/20">·</span><a class="text-primary-foreground/50 hover:text-primary transition-colors" href="/accessibility-statement">Accessibility</a></div><p class="text-primary-foreground/30 text-xs">Designed & developed with precision in Windsor, Berkshire</p></div></div></footer><button class="fixed bottom-6 right-6 z-50 w-14 h-14 rounded-full bg-primary text-primary-foreground shadow-warm flex items-center justify-center hover:scale-105 transition-transform" aria-label="Open contact form" style="opacity:0;transform:scale(0)"><span style="opacity:0;transform:rotate(-90deg)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle w-6 h-6"><path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"></path></svg></span></button></div></div>
</body>
</html>
