<!DOCTYPE html>
<html lang="en" class="h-full bg-brand-bg-darker antialiased scroll-smooth">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Bespoke Websites &amp; Digital Platforms | Chilly Sheep</title>
    <meta name="description" content="Chilly Sheep is a digital design and development agency specialising in bespoke websites and complex digital platforms. We work with professional bodies, membership organisations and charities across the UK.">
    <link rel="canonical" href="https://www.chillysheep.co.uk/" />
    <link rel="shortcut icon" href="/favicon.ico" />

    <meta property="og:site_name" content="Chilly Sheep" />
    <meta property="og:type" content="website" />
    <meta property="og:title" content="Bespoke Websites &amp; Digital Platforms | Chilly Sheep" />
    <meta property="og:url" content="https://www.chillysheep.co.uk/" />
    <meta property="og:description" content="Chilly Sheep is a digital design and development agency specialising in bespoke websites and complex digital platforms. We work with professional bodies, membership organisations and charities across the UK." />
    <meta property="og:image" content="https://www.chillysheep.co.uk/img/chilly-sheep-og.png" />

    <link rel="stylesheet" href="https://use.typekit.net/lng8kma.css">
    <link href="/css/main.css?v=4kw2KraXkZcgk2AOd0MBdiR3UKD38FAd7ucXfkbtESM" rel="stylesheet">

    <script type="application/ld+json">
        {
            "@context": "https://schema.org",
            "@type": "Organization",
            "name": "Chilly Sheep",
            "url": "https://www.chillysheep.co.uk",
            "logo": "https://www.chillysheep.co.uk/img/chilly-sheep-og-square.jpg",
            "image": "https://www.chillysheep.co.uk/img/chilly-sheep-og-16-9.jpg",
            "sameAs": ["https://www.linkedin.com/company/chilly-sheep"],
            "description": "Chilly Sheep is a leading web design and development agency in Warwickshire. We build bespoke websites that engage with your customers and grow your business. Our team of web designers and developers are experts in building beautiful user experiences for web and mobile."
        }
    </script>

    

    <script type="application/ld+json">
        {
            "@context": "https://schema.org",
            "@type": "BreadcrumbList",
            "itemListElement": [
                    {
                        "@type": "ListItem",
                        "position": 1,
                        "item": {
                            "@id": "https://www.chillysheep.co.uk",
                            "name": "Home"
                        }
                    }
            ]
        }
    </script>

    <link rel="preload" as="image" href="/img/bg/chilly-sheep-bg.webp">


</head>
<body class=" bg-brand-bg">

    <div class="flex flex-col min-h-full max-w-[2560px] mx-auto">



        

<div class="bg-[url('/img/bg/chilly-sheep-bg.webp')] bg-bottom bg-cover relative" id="vue-app-header">

    <div class="z-1 absolute bottom-0 w-full h-full bg-gradient-to-t from-brand-bg from-10% to-transparent to-90%"></div>

    <header class="py-10 ">

    <div class="cs-container">
        <nav class="relative z-[100] flex justify-between">
            <div class="flex items-center md:gap-x-12">
                <a aria-label="Home" href="/">

                    <svg class="h-auto w-20 fill-white" version="1.0" xmlns="http://www.w3.org/2000/svg"
                         viewBox="0 0 2763.000000 1973.000000"
                         preserveAspectRatio="xMidYMid meet">

                        <g transform="translate(0.000000,1973.000000) scale(0.100000,-0.100000)"
                           stroke="none">
                            <path d="M9700 19724 c-228 -7 -536 -26 -745 -45 -2058 -186 -3844 -916 -5392
-2205 -462 -385 -960 -879 -1347 -1338 -1506 -1783 -2254 -3976 -2213 -6496
22 -1351 239 -2508 682 -3630 529 -1343 1407 -2569 2568 -3584 1493 -1308
3243 -2075 5312 -2330 787 -97 1729 -117 2455 -50 1421 129 2759 565 3979
1297 l135 81 60 -33 c34 -18 183 -95 331 -170 1689 -858 3513 -1265 5427
-1211 1086 31 1992 195 2863 517 1247 462 2324 1290 2978 2288 434 664 698
1412 791 2240 49 439 49 1019 0 1500 -132 1298 -613 2335 -1421 3069 -907 822
-2151 1461 -3718 1907 -77 22 -404 107 -727 189 -1916 487 -2857 812 -3348
1158 -127 89 -340 302 -412 412 -198 301 -280 632 -250 1007 35 427 179 757
452 1033 345 349 764 548 1317 624 494 69 1283 24 1948 -109 1212 -244 2354
-769 3528 -1623 89 -64 162 -111 167 -106 8 9 2089 3022 2124 3076 l17 26
-113 93 c-924 757 -2128 1407 -3348 1807 -1505 494 -3049 692 -4510 577 -1576
-124 -2906 -600 -4020 -1437 -960 -721 -1562 -1649 -1819 -2808 -63 -280 -109
-632 -132 -990 -15 -234 -6 -850 15 -1090 113 -1267 472 -2194 1136 -2935 481
-537 1368 -1092 2482 -1554 776 -322 1693 -609 2763 -867 1227 -295 2121 -604
2643 -912 455 -270 733 -632 831 -1087 89 -406 25 -877 -164 -1211 -129 -228
-355 -455 -623 -628 -105 -68 -338 -178 -477 -226 -362 -124 -710 -174 -1205
-174 -316 1 -487 13 -775 55 -1459 214 -3077 1063 -4734 2484 l-185 158 -39
-44 c-22 -24 -90 -102 -152 -174 -1203 -1392 -2672 -2129 -4477 -2246 -239
-15 -873 -6 -1073 15 -795 87 -1472 302 -2116 671 -618 356 -1214 887 -1659
1480 -785 1047 -1163 2395 -1109 3956 66 1933 821 3399 2289 4443 866 616
1803 952 2950 1058 186 17 930 17 1120 0 525 -48 980 -141 1431 -291 l229 -77
6 36 c113 658 288 1201 565 1750 318 632 732 1169 1293 1676 l89 80 -129 59
c-965 435 -2113 726 -3239 820 -374 31 -982 49 -1305 39z"/>
                        </g>
                    </svg>

                </a>
                
                    <div class="hidden md:flex md:gap-x-6">
                            <a class="group inline-block transition-all rounded-lg py-2 px-4 text-lg font-medium text-white" href="/about">
                                About
                                <span class="bg-white block max-w-0 group-hover:max-w-full transition-all duration-300 h-[3px] t-2"></span>
                            </a>
                            <a class="group inline-block transition-all rounded-lg py-2 px-4 text-lg font-medium text-white" href="/services">
                                Services
                                <span class="bg-white block max-w-0 group-hover:max-w-full transition-all duration-300 h-[3px] t-2"></span>
                            </a>
                    </div>

       

            </div>
            <div class="flex items-center gap-x-5 md:gap-x-8">
                
                    <a class="cs-btn hidden md:inline-flex" href="/contact"><span>Get in touch</span></a>
                
                
                    <div v-cloak v-on:click="showMobileMenu = !showMobileMenu" class="md:hidden group flex h-12 w-12 cursor-pointer items-center justify-center p-2 relative z-[100]">
                        <div class="space-y-2">
                            <span class="block h-1 w-10 origin-center rounded-full bg-white transition-transform ease-in-out " v-bind:class="{'translate-y-1.5 rotate-45': showMobileMenu}"></span>
                            <span class="block h-1 w-8 origin-center rounded-full bg-brand-light transition-transform ease-in-out" v-bind:class="{'!w-10 -translate-y-1.5 -rotate-45': showMobileMenu}"></span>
                        </div>
                    </div>
          
            </div>
        </nav>  
    </div>
    
    
    <div v-cloak v-show="showMobileMenu" class="absolute bg-brand-bg-darker top-0 right-0 left-0 min-h-[300px] z-50 shadow-2xl">

        <div class="mt-[170px] px-4 pb-16">

            <nav class="grid gap-y-4">

                    <a href="/about" class="text-center font-medium text-xl items-center rounded-md p-4 hover:bg-brand-bg-accent text-white transition duration-300">
                        <span class="ml-3">About</span>
                    </a>
                    <a href="/services" class="text-center font-medium text-xl items-center rounded-md p-4 hover:bg-brand-bg-accent text-white transition duration-300">
                        <span class="ml-3">Services</span>
                    </a>
                    <a href="/contact" class="text-center font-medium text-xl items-center rounded-md p-4 hover:bg-brand-bg-accent text-white transition duration-300">
                        <span class="ml-3">Contact</span>
                    </a>


            </nav>
        </div>
    </div>


</header>

    <div class="cs-container text-left pb-20 lg:pb-40 pt-12 lg:pt-32 z-30 relative">


        <h1 class="max-w-4xl font-display text-white text-4xl sm:text-5xl md:text-7xl font-bold tracking-tight">
            Bespoke websites and digital platforms  for organisations with 

            <span class="relative whitespace-nowrap text-amber-200">
                <svg aria-hidden="true" viewBox="0 0 418 42" class="absolute left-0 top-2/3 h-[0.58em] w-full fill-blue-300/70" preserveAspectRatio="none"><path d="M203.371.916c-26.013-2.078-76.686 1.963-124.73 9.946L67.3 12.749C35.421 18.062 18.2 21.766 6.004 25.934 1.244 27.561.828 27.778.874 28.61c.07 1.214.828 1.121 9.595-1.176 9.072-2.377 17.15-3.92 39.246-7.496C123.565 7.986 157.869 4.492 195.942 5.046c7.461.108 19.25 1.696 19.17 2.582-.107 1.183-7.874 4.31-25.75 10.366-21.992 7.45-35.43 12.534-36.701 13.884-2.173 2.308-.202 4.407 4.442 4.734 2.654.187 3.263.157 15.593-.78 35.401-2.686 57.944-3.488 88.365-3.143 46.327.526 75.721 2.23 130.788 7.584 19.787 1.924 20.814 1.98 24.557 1.332l.066-.011c1.201-.203 1.53-1.825.399-2.335-2.911-1.31-4.893-1.604-22.048-3.261-57.509-5.556-87.871-7.36-132.059-7.842-23.239-.254-33.617-.116-50.627.674-11.629.54-42.371 2.494-46.696 2.967-2.359.259 8.133-3.625 26.504-9.81 23.239-7.825 27.934-10.149 28.304-14.005.417-4.348-3.529-6-16.878-7.066Z"></path></svg>
                <span class="relative">big ambitions</span>
            </span>

           
        </h1>
        
        
        
        
        <p class="mt-8 max-w-2xl text-xl sm:text-2xl text-blue-100 leading-normal">
            
            Chilly Sheep is a digital design and development partner for professional bodies, membership organisations, charities and other ambitious brands. We design, build and support websites and digital platforms that are technically robust, thoughtfully designed and built for the long term.
        </p>

        <div class="mt-12 hidden lg:block">
            <a class="cs-btn" href="" v-on:click.prevent="scrollToMore()">Find out more</a>
        </div>






    </div>



</div>

<div id="vue-app-home">

    <div id="scrollMoreTarget" class="bg-brand-bg-darker pt-10 md:pt-20 lg:pt-32 pb-20 lg:pb-32 relative"> 

        <div class="z-1 absolute bottom-0 w-full h-full bg-gradient-to-t from-brand-bg from-10% to-transparent to-90%"></div>
        
        <div class="cs-container pt-10 z-10 relative">
            
            <h2 class="cs-panel-title">Featured work.</h2>
            <p class="cs-panel-p max-w-2xl mb-10 md:mb-20">
                Our work powers digital platforms used by leading organisations across the UK, from established businesses to charities, professional bodies and membership associations.
            </p>
        </div>

        <div v-cloak class="slider recent-projects-slider text-white">

                <div class="w-[200px] lg:w-[500px] mr-[10px] ml-[10px] lg:mr-[30px] lg:ml-[30px] mt-10 lg:mt-20">

                    <div class="w-full h-[450px] lg:h-[700px] flex justify-center items-center bg-black bg-no-repeat bg-cover" style="background-image: url('/img/work/technical-labs/technical-labs-list-3.jpg?width=800&amp;height=1000&amp;format=webp')">

                        <div class="w-full h-full flex items-center justify-center bg-[rgba(19,16,43,.6)]">
                            <p class="text-center">
                                    <img src="/img/client-logos/technical-labs.png" alt="Technical Labs" class="w-[250px] md:w-[300px]" loading="lazy" />


                            </p>
                        </div>

                    </div>

                </div>
                <div class="w-[200px] lg:w-[500px] mr-[10px] ml-[10px] lg:mr-[30px] lg:ml-[30px] mt-5 lg:mt-10">

                    <div class="w-full h-[450px] lg:h-[700px] flex justify-center items-center bg-black bg-no-repeat bg-cover" style="background-image: url('/img/work/c4/c4-list-2.jpg?width=800&amp;height=1000&amp;format=webp')">

                        <div class="w-full h-full flex items-center justify-center bg-[rgba(19,16,43,.6)]">
                            <p class="text-center">
                                    <img src="/img/client-logos/c4.png" alt="C4" class="w-[100px] md:w-[100px]" loading="lazy" />


                            </p>
                        </div>

                    </div>

                </div>
                <div class="w-[200px] lg:w-[500px] mr-[10px] ml-[10px] lg:mr-[30px] lg:ml-[30px] mt-10 lg:mt-20">

                    <div class="w-full h-[450px] lg:h-[700px] flex justify-center items-center bg-black bg-no-repeat bg-cover" style="background-image: url('/img/work/5-pump-court/5-pump-court-list.jpg?width=800&amp;height=1000&amp;format=webp')">

                        <div class="w-full h-full flex items-center justify-center bg-[rgba(19,16,43,.6)]">
                            <p class="text-center">
                                    <img src="/img/client-logos/5-pump-court.svg" alt="5 Pump Court" class="w-[250px] md:w-[300px]" loading="lazy" />


                            </p>
                        </div>

                    </div>

                </div>
                <div class="w-[200px] lg:w-[500px] mr-[10px] ml-[10px] lg:mr-[30px] lg:ml-[30px] mt-0">

                    <div class="w-full h-[450px] lg:h-[700px] flex justify-center items-center bg-black bg-no-repeat bg-cover" style="background-image: url('/img/work/the-spa-leamington/the-spa-leamington-list.jpg?width=800&amp;height=1000&amp;format=webp')">

                        <div class="w-full h-full flex items-center justify-center bg-[rgba(19,16,43,.6)]">
                            <p class="text-center">
                                    <img src="/img/client-logos/the-spa-leamington-logo.png?width=400&amp;format=webp" alt="The Spa Leamington" class="w-[100px] md:w-[120px]" loading="lazy" />


                            </p>
                        </div>

                    </div>

                </div>
                <div class="w-[200px] lg:w-[500px] mr-[10px] ml-[10px] lg:mr-[30px] lg:ml-[30px] mt-10 lg:mt-20">

                    <div class="w-full h-[450px] lg:h-[700px] flex justify-center items-center bg-black bg-no-repeat bg-cover" style="background-image: url('/img/work/muk/muk-list-2.jpg?width=800&amp;height=1000&amp;format=webp')">

                        <div class="w-full h-full flex items-center justify-center bg-[rgba(19,16,43,.6)]">
                            <p class="text-center">
                                    <img src="/img/client-logos/muk-logo.png?width=400&amp;format=webp" alt="Muk" class="w-[200px] md:w-[250px]" loading="lazy" />


                            </p>
                        </div>

                    </div>

                </div>
                <div class="w-[200px] lg:w-[500px] mr-[10px] ml-[10px] lg:mr-[30px] lg:ml-[30px] mt-0">

                    <div class="w-full h-[450px] lg:h-[700px] flex justify-center items-center bg-black bg-no-repeat bg-cover" style="background-image: url('/img/work/daisy-chain/daisy-chain-list.jpg?width=800&amp;height=1000&amp;format=webp')">

                        <div class="w-full h-full flex items-center justify-center bg-[rgba(19,16,43,.6)]">
                            <p class="text-center">
                                    <img src="/img/client-logos/daisy-chain-logo.png?width=400&amp;format=webp" alt="Daisy Chain" class="w-[250px] md:w-[300px]" loading="lazy" />


                            </p>
                        </div>

                    </div>

                </div>
                <div class="w-[200px] lg:w-[500px] mr-[10px] ml-[10px] lg:mr-[30px] lg:ml-[30px] mt-5 lg:mt-10">

                    <div class="w-full h-[450px] lg:h-[700px] flex justify-center items-center bg-black bg-no-repeat bg-cover" style="background-image: url('/img/work/dr-sharon/dr-sharon-list.jpg?width=800&amp;height=1000&amp;format=webp')">

                        <div class="w-full h-full flex items-center justify-center bg-[rgba(19,16,43,.6)]">
                            <p class="text-center">
                                    <img src="/img/client-logos/dr-sharon-logo.svg" alt="Dr Sharon Facial Aesthetics" class="w-[250px] md:w-[300px]" loading="lazy" />


                            </p>
                        </div>

                    </div>

                </div>
                <div class="w-[200px] lg:w-[500px] mr-[10px] ml-[10px] lg:mr-[30px] lg:ml-[30px] mt-0">

                    <div class="w-full h-[450px] lg:h-[700px] flex justify-center items-center bg-black bg-no-repeat bg-cover" style="background-image: url('/img/work/icheme/icheme-list-1.jpg?width=800&amp;height=1000&amp;format=webp')">

                        <div class="w-full h-full flex items-center justify-center bg-[rgba(19,16,43,.6)]">
                            <p class="text-center">
                                    <img src="/img/client-logos/icheme.png" alt="IChemE" class="w-[190px] md:w-[190px]" loading="lazy" />


                            </p>
                        </div>

                    </div>

                </div>

        </div>

        <div class="slider-controls relative z-5 hidden md:flex text-white mt-20 justify-center mb-0">

            <svg id="slider-prev-control" class="cursor-pointer mr-3 transition duration-300 opacity-50 hover:opacity-100 z-5 relative" xmlns="http://www.w3.org/2000/svg" width="58.01" height="34.99" viewBox="0 0 58.01 34.99"><g transform="translate(3.01 1.495)"><line x1="55" transform="translate(0 16)" fill="none" stroke="currentColor" stroke-width="4"></line> <path d="M20.828,45.414l-18,16,18,16" transform="translate(-2.828 -45.414)" fill="none" stroke="currentColor" stroke-width="4"></path></g></svg>

            <svg id="slider-next-control" class="cursor-pointer ml-3 transition duration-300 opacity-50 hover:opacity-100 z-5" xmlns="http://www.w3.org/2000/svg" width="58.01" height="34.99" viewBox="0 0 58.01 34.99"><g transform="translate(0 1.495)"><line x2="55" transform="translate(0 16)" fill="none" stroke="currentColor" stroke-width="4"></line> <path d="M2.828,45.414l18,16-18,16" transform="translate(34.172 -45.414)" fill="none" stroke="currentColor" stroke-width="4"></path></g></svg>
        </div>

    </div>

    
<section class="bg-brand-bg text-white">

    <div class="cs-container">
        <div class="text-left pt-20 lg:pt-32 pb-20 lg:pb-32 md:text-center lg:text-left">

            <div class="lg:flex lg:items-start lg:justify-between">

                <div class="lg:w-6/12 lg:pr-4 max-w-2xl xl:max-w-auto">

                    <h1 class="cs-panel-super-title">ABOUT US</h1>
                    
                    <h2 class="cs-panel-title">
                        Senior expertise, without the agency overhead.
                    </h2>
                    
                    <p class="cs-panel-p">
                        
                        We bring well over a decade of experience delivering technically complex digital projects, from large-scale CMS builds and membership platforms to CRM integrations and bespoke web applications. Our track record has been shaped by successfully completing demanding projects for organisations that need digital systems they can rely on.
                    </p>
                    
                    <p class="cs-panel-p">
                        
                        When you work with Chilly Sheep, you work directly with the people shaping and building the project. We keep our team lean and bring in trusted specialists where needed, so every piece of work gets the focus, continuity and expertise it deserves.
                    </p>
                    
                        <p class="cs-panel-p mb-6 lg:mb-0">
                            <a href="/about" class="transition-all duration-300 font-extrabold underline underline-offset-8 text-amber-300 hover:text-white">Read more about us</a>
                        </p>
                    
                    
                    
                    
                    
                    
                    


                 

                </div>



                <div class="lg:w-6/12 lg:pl-10 pt-6 lg:pt-18 mb-6 lg:mb-0">

                    <div class="relative pr-20 md:pr-44 lg:pr-32 pl-0 lg:pl-6">

                        <img src="/img/home/web-design-workspace.jpg?width=850&height=1013&format=webp" class="shadow-xl h-auto" alt="Web Development Agency Warwickshire" loading="lazy" />

                        <img src="/img/home/web-design-ux-planning.jpg?width=600&height=655&format=webp" class="absolute bottom-10 right-0 w-36 md:w-72 lg:w-60 shadow-xl" alt="Web Design Company Warwickshire" loading="lazy" />

                        <div class="absolute w-2 h-32 bg-[#a098e3] top-10 right-12 md:right-32 lg:right-24"></div>
                        <div class="absolute w-2 h-28 bg-indigo-200 top-4 right-8 md:right-28 lg:right-20"></div>

                    </div>


                </div>

            </div>



        </div>

        
        
        


    </div>


</section>


    <section class="bg-brand-bg-darker">
    
    <div class="cs-container text-left pt-20 lg:pt-32 pb-20 --lg:pb-32 lg:pb-20">

        <div class="max-w-2xl xl:max-w-5xl md:mx-auto md:text-center text-white">

            <h1 class="cs-panel-super-title">
                WHAT WE DO 
            </h1>

            <h2 class="cs-panel-title">
                The right skills, applied to the right problems.
            </h2>
            
            
            <p class="cs-panel-p">
                We design and build websites and digital platforms for organisations that need them to work properly, not just look good. From content-managed websites and complex integrations to ongoing development support, we bring genuine technical depth and practical thinking to every project.
            </p>
            
            
            

    

        </div>


        <div class="mt-12 lg:mt-16 mb-0 grid grid-cols-1 lg:grid-cols-3 gap-5 sm:gap-6 lg:gap-8">

            <div class="block group rounded-xl transition-all duration-500 p-6 xl:p-10 bg-brand-bg-accent sm:flex sm:flex-col sm:justify-between text-white">

                <div>
                    <div class="bg-gradient-to-br from-indigo-400 to-indigo-600 rounded-xl w-16 h-16 text-center mb-7 p-0 flex items-center justify-center">


<svg class="inline w-10 lucide lucide-message-square-code-icon lucide-message-square-code" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" ><path d="M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z"/><path d="m10 8-3 3 3 3"/><path d="m14 14 3-3-3-3"/></svg>

                    </div>

                    
                    <h3 class="text-2xl font-bold tracking-tight mb-4">Websites & digital platforms</h3>
                    
                    <p class="text-lg">
                        We design and build bespoke websites and digital platforms that are easy to use, simple to manage and built to support real organisational needs. We build on Umbraco, one of the UK's leading CMS platforms, creating flexible digital experiences that work well for both end users and the teams managing them day to day, long after launch.
                    </p>
                    
                    
                </div>
                
            </div>






            <div class="block group rounded-xl transition-all duration-500 p-6 xl:p-10 bg-brand-bg-accent sm:flex sm:flex-col sm:justify-between text-white">

                <div>
                    <div class="bg-gradient-to-br from-indigo-400 to-indigo-600 rounded-xl w-16 h-16 text-center mb-7 p-0 flex items-center justify-center">
                        
                        <!-- ICON FROM LUCIDE --> 

                        <svg class="inline w-10 lucide lucide-git-compare-icon lucide-git-compare" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" ><circle cx="18" cy="18" r="3"/><circle cx="6" cy="6" r="3"/><path d="M13 6h3a2 2 0 0 1 2 2v7"/><path d="M11 18H8a2 2 0 0 1-2-2V9"/></svg>

                    </div>


                    
                    <h3 class="text-2xl font-bold tracking-tight mb-4">Integrations & custom development</h3>
                    <p class="text-lg">
                        Not every requirement can be solved with an off-the-shelf solution. We design and build custom web applications and deliver complex integrations, from CRM and single sign-on to membership portals, e-learning platforms and third-party APIs. When a project needs proper technical thinking to get right, this is where we shine.
                    </p>
                    
                </div>


            </div>





            <div class="block group rounded-xl transition-all duration-500 p-6 xl:p-10 bg-brand-bg-accent sm:flex sm:flex-col sm:justify-between text-white xl:min-h-[380px]">

                <div>
                    <div class="bg-gradient-to-br from-indigo-400 to-indigo-600 rounded-xl w-16 h-16 text-center mb-7 p-0 flex items-center justify-center">
                       
                        <svg class="inline w-10 lucide lucide-shield-check-icon lucide-shield-check" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"/><path d="m9 12 2 2 4-4"/></svg>
                        
                    </div>

                    <h3 class="text-2xl font-bold tracking-tight mb-4">Ongoing support & development</h3>
                    <p class="text-lg">
                        Launching a website is the beginning, not the end. We provide ongoing support and development for websites and digital platforms, keeping them secure, up to date and evolving with your needs. Whether that means maintenance, performance improvements or new functionality, you will always have direct access to the people who know your platform best.
                    </p>
                    
                </div>

            </div>


        </div>

            <div class="hidden lg:block text-center mt-16 lg:mt-20">
                
                <a class="cs-btn" href="/services">Explore our services</a>

            </div>



    </div>


</section>


    
    
    <div class="cs-container text-left pt-20 lg:pt-32 pb-20 --lg:pb-32 lg:pb-20">

        <div class="max-w-2xl xl:max-w-5xl md:mx-auto md:text-center text-white">
            <h1 class="cs-panel-super-title">
               TESTIMONIALS
            </h1>
            
            <h2 class="cs-panel-title">
                What our clients say.
            </h2>
            
            <p class="cs-panel-p">
                We've been fortunate to work with some great organisations and businesses over the years. Here's what a few of them have to say about working with us, from straightforward website projects through to long-term technical partnerships.
            </p>
            
        </div>
    </div>
    
    <div class="-mt-8 mb-20 lg:mb-36">
        

<div class="relative">

    <div class="relative mt-0 z-10">

        <div class="cs-container xl:max-w-7xl">


            <section class="w-full flex items-stretch lg:items-center overflow-x-scroll lg:overflow-visible lg:grid lg:grid-cols-2 lg:gap-10 py-6 lg:py-0 scrollbar-custom">

                <div class="pr-6 lg:px-0 w-11/12 lg:w-full flex-shrink-0 lg:flex-shrink lg:row-span-2 lg:row-start-1">
                    <figure class="relative rounded-lg shadow-2xl-alt p-8 flex flex-col justify-between flex-1 h-full lg:flex bg-white">
                        
                        <blockquote class="mb-6">
                            <svg xmlns="http://www.w3.org/2000/svg" class="cs-testimonial-speech-icon" viewBox="0 0 50 40.252"><path d="M15.235,0C6.863,5.963.9,15.711.9,26.376c0,8.716,5.275,13.876,11.353,13.876A10.033,10.033,0,0,0,22.345,30.161c0-5.5-3.784-9.4-8.716-9.4a7.265,7.265,0,0,0-2.638.344c.8-5.619,6.078-12.271,11.353-15.482Zm28.44,0c-8.257,5.963-14.22,15.711-14.22,26.376,0,8.716,5.275,13.876,11.353,13.876A10.107,10.107,0,0,0,50.9,30.161c0-5.5-4.014-9.4-8.945-9.4a6.566,6.566,0,0,0-2.523.344c.8-5.619,5.963-12.271,11.239-15.482Z" transform="translate(-0.9)" /></svg>
                            <p class="sm:text-xl mb-4">
                                At Technical Labs we constantly deploy products that represent the latest technologies on the web.
                            </p>
                            <p class="sm:text-xl mb-4">
                                We have found repeatedly that partnering with the team at Chilly Sheep on a variety of complex development projects ensures we have the best skills available to complete our award winning products.
                            </p>
                        </blockquote>
                        <figcaption class="lg:mt-auto flex items-center space-x-4">
                            <img class="rounded-full w-14 h-14" loading="lazy" alt="Technical Labs" src="/img/testimonials/technical-labs.jpg?width=112&height=112">
                            <p class="">
                                <span class="font-semibold block">Ben Haratt</span>
                                <span class="opacity-90">Technical Labs</span>
                            </p>
                        </figcaption>
                    </figure>
                </div>

                <div class="pr-6 lg:px-0 w-11/12 lg:w-full flex-shrink-0 lg:flex-shrink lg:row-span-2">
                    <figure class="relative rounded-lg shadow-2xl-alt p-8 flex flex-col justify-between flex-1 h-full lg:flex bg-white">
                        <blockquote class="mb-6">
                            <svg xmlns="http://www.w3.org/2000/svg" class="cs-testimonial-speech-icon" viewBox="0 0 50 40.252"><path d="M15.235,0C6.863,5.963.9,15.711.9,26.376c0,8.716,5.275,13.876,11.353,13.876A10.033,10.033,0,0,0,22.345,30.161c0-5.5-3.784-9.4-8.716-9.4a7.265,7.265,0,0,0-2.638.344c.8-5.619,6.078-12.271,11.353-15.482Zm28.44,0c-8.257,5.963-14.22,15.711-14.22,26.376,0,8.716,5.275,13.876,11.353,13.876A10.107,10.107,0,0,0,50.9,30.161c0-5.5-4.014-9.4-8.945-9.4a6.566,6.566,0,0,0-2.523.344c.8-5.619,5.963-12.271,11.239-15.482Z" transform="translate(-0.9)" /></svg>
                            <p class="sm:text-xl mb-4">
                                James and Neil at Chilly Sheep deliver an impeccable service. Their commitment and support throughout our relationship has been second to none.
                            </p>
                            <p class="sm:text-xl mb-4">
                                Our site has been continually developed and improved to meet the demands of our customers, and has been a genuine driver of new business as a result.
                            </p>
                        </blockquote>
                        <figcaption class="lg:mt-auto flex items-center space-x-4">
                            <img class="rounded-full w-14 h-14" loading="lazy" alt="The Spa Leamington" src="/img/testimonials/the-spa-leamington.jpg?width=112&height=112">
                            <p class="">
                                <span class="font-semibold block">Marc Phillpot</span>
                                <span class="opacity-90">The Spa Leamington</span>
                            </p>
                        </figcaption>
                    </figure>
                </div>

                <div class="pr-6 lg:px-0 w-11/12 lg:w-full flex-shrink-0 lg:flex-shrink lg:row-span-2  lg:row-start-2">
                    <figure class="relative rounded-lg shadow-2xl-alt p-8 flex flex-0 flex-col justify-between flex-1 h-full lg:flex bg-white">
                        <blockquote class="mb-6">
                            <svg xmlns="http://www.w3.org/2000/svg" class="cs-testimonial-speech-icon" viewBox="0 0 50 40.252"><path d="M15.235,0C6.863,5.963.9,15.711.9,26.376c0,8.716,5.275,13.876,11.353,13.876A10.033,10.033,0,0,0,22.345,30.161c0-5.5-3.784-9.4-8.716-9.4a7.265,7.265,0,0,0-2.638.344c.8-5.619,6.078-12.271,11.353-15.482Zm28.44,0c-8.257,5.963-14.22,15.711-14.22,26.376,0,8.716,5.275,13.876,11.353,13.876A10.107,10.107,0,0,0,50.9,30.161c0-5.5-4.014-9.4-8.945-9.4a6.566,6.566,0,0,0-2.523.344c.8-5.619,5.963-12.271,11.239-15.482Z" transform="translate(-0.9)" /></svg>
                            <p class="sm:text-xl mb-4">
                                I worked with the team at Chilly Sheep to design and implement a new business website for a traditional professional services company. They are a pleasure to work with - very patient, calm and able to find realistic and helpful solutions to issues.
                            </p>
                            <p class="sm:text-xl mb-4">
I am very glad to have had the opportunity to work with them and would not hesitate to recommend them to other clients.
                            </p>
                        </blockquote>
                        <figcaption class="lg:mt-auto flex items-center space-x-4">
                            <img class="rounded-full w-14 h-14" loading="lazy" alt="5 Pump Court" src="/img/testimonials/5-pump-court.jpg?width=112&height=112">
                            <p class="">
                                <span class="font-semibold block">Clare Kelly</span>
                                <span class="opacity-90">5 Pump Court</span>
                            </p>
                        </figcaption>
                    </figure>
                </div>

                <div class="pr-6 lg:px-0 w-11/12 lg:w-full flex-shrink-0 lg:flex-shrink lg:row-span-2">
                    <figure class="relative rounded-lg shadow-2xl-alt p-8 flex flex-0 flex-col justify-between flex-1 h-full lg:flex bg-white">
                        <blockquote class="mb-6">
                            <svg xmlns="http://www.w3.org/2000/svg" class="cs-testimonial-speech-icon" viewBox="0 0 50 40.252"><path d="M15.235,0C6.863,5.963.9,15.711.9,26.376c0,8.716,5.275,13.876,11.353,13.876A10.033,10.033,0,0,0,22.345,30.161c0-5.5-3.784-9.4-8.716-9.4a7.265,7.265,0,0,0-2.638.344c.8-5.619,6.078-12.271,11.353-15.482Zm28.44,0c-8.257,5.963-14.22,15.711-14.22,26.376,0,8.716,5.275,13.876,11.353,13.876A10.107,10.107,0,0,0,50.9,30.161c0-5.5-4.014-9.4-8.945-9.4a6.566,6.566,0,0,0-2.523.344c.8-5.619,5.963-12.271,11.239-15.482Z" transform="translate(-0.9)"/></svg>

                            <p class="sm:text-xl mb-4">

                                We've worked with Chilly Sheep on two major projects and are about to start a third -  a full revamp of our e-commerce site. Great ideas, strong technical delivery and they always deliver on time - fully tested and ready to go. I would have no hesitation recommending them.


                            </p>
                        </blockquote>
                        <figcaption class="lg:mt-auto flex items-center space-x-4">
                            <img class="rounded-full w-14 h-14" src="/img/testimonials/muk.jpg?width=112&height=112" alt="Muk UK" loading="lazy">
                            <p class="">
                                <span class="font-semibold block">Laurence Green</span>
                                <span class="opacity-90">Muk</span>
                            </p>
                        </figcaption>
                    </figure>
                </div>


                <div class="pr-6 lg:px-0 w-11/12 lg:w-full flex-shrink-0 lg:flex-shrink lg:row-span-2">
                    <figure class="relative rounded-lg shadow-2xl-alt p-8 flex flex-0 flex-col justify-between flex-1 h-full lg:flex bg-white">
                        <blockquote class="mb-6">
                            <svg xmlns="http://www.w3.org/2000/svg" class="cs-testimonial-speech-icon" viewBox="0 0 50 40.252"><path d="M15.235,0C6.863,5.963.9,15.711.9,26.376c0,8.716,5.275,13.876,11.353,13.876A10.033,10.033,0,0,0,22.345,30.161c0-5.5-3.784-9.4-8.716-9.4a7.265,7.265,0,0,0-2.638.344c.8-5.619,6.078-12.271,11.353-15.482Zm28.44,0c-8.257,5.963-14.22,15.711-14.22,26.376,0,8.716,5.275,13.876,11.353,13.876A10.107,10.107,0,0,0,50.9,30.161c0-5.5-4.014-9.4-8.945-9.4a6.566,6.566,0,0,0-2.523.344c.8-5.619,5.963-12.271,11.239-15.482Z" transform="translate(-0.9)" /></svg>
                     
                            <p class="sm:text-xl mb-4">
                                Chilly Sheep built our Shopify store from scratch and it's been a huge part of growing the business. The site looks exactly how I wanted it to, is simple to manage day to day, and James was great to work with throughout. I couldn't recommend them highly enough.
                            </p>
                            
                        </blockquote>
                        <figcaption class="lg:mt-auto flex items-center space-x-4">
                            <img class="rounded-full w-14 h-14" loading="lazy" alt="Flock & Fern" src="/img/testimonials/flock-and-fern.jpg?width=112&height=112">
                            <p class="">
                                <span class="font-semibold block">Mhari Barnes</span>
                                <span class="opacity-90">Flock & Fern</span>
                            </p>
                        </figcaption>
                    </figure>
                </div>


            </section>
        </div>


    </div>

</div>

    </div>


    <section class="bg-brand-bg-accent">

    <div class="cs-container text-left md:text-center lg:text-left pt-16 lg:pt-32 pb-16 lg:pb-32 lg:flex lg:justify-between lg:items-center">
		<div>
			<h2 class="font-display text-4xl font-extrabold sm:text-4xl md:text-5xl text-white">Have a project in mind?</h2>

			<p class="mt-6 text-lg text-slate-300 lg:max-w-xl">
                
                
                Let's talk! Whether you are planning a new website, improving an existing platform or exploring a more complex digital brief, we would love to hear from you.
            </p>
		</div>
		<div class="flex-none">
            <a class="cs-btn mt-8 lg:mt-0" href="/contact">
                Discuss your project
            </a>
        </div>
	</div>

</section>	
</div>

        


<footer class="bg-brand-bg-darker text-center lg:text-left">

    <div class="cs-container">

        <div class="grid pb-10 lg:pb-20 pt-20 lg:pt-32 lg:pb-36 lg:grid-cols-12 divide-y lg:divide-y-0 lg:divide-x divide-[#38365c] justify-between gap-10">

            <div class="lg:col-span-3">

                <svg class="h-auto w-14 fill-white mb-7 mx-auto lg:ml-0" version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2763.000000 1973.000000" preserveAspectRatio="xMidYMid meet">

                    <g transform="translate(0.000000,1973.000000) scale(0.100000,-0.100000)" stroke="none">
                        <path d="M9700 19724 c-228 -7 -536 -26 -745 -45 -2058 -186 -3844 -916 -5392
-2205 -462 -385 -960 -879 -1347 -1338 -1506 -1783 -2254 -3976 -2213 -6496
22 -1351 239 -2508 682 -3630 529 -1343 1407 -2569 2568 -3584 1493 -1308
3243 -2075 5312 -2330 787 -97 1729 -117 2455 -50 1421 129 2759 565 3979
1297 l135 81 60 -33 c34 -18 183 -95 331 -170 1689 -858 3513 -1265 5427
-1211 1086 31 1992 195 2863 517 1247 462 2324 1290 2978 2288 434 664 698
1412 791 2240 49 439 49 1019 0 1500 -132 1298 -613 2335 -1421 3069 -907 822
-2151 1461 -3718 1907 -77 22 -404 107 -727 189 -1916 487 -2857 812 -3348
1158 -127 89 -340 302 -412 412 -198 301 -280 632 -250 1007 35 427 179 757
452 1033 345 349 764 548 1317 624 494 69 1283 24 1948 -109 1212 -244 2354
-769 3528 -1623 89 -64 162 -111 167 -106 8 9 2089 3022 2124 3076 l17 26
-113 93 c-924 757 -2128 1407 -3348 1807 -1505 494 -3049 692 -4510 577 -1576
-124 -2906 -600 -4020 -1437 -960 -721 -1562 -1649 -1819 -2808 -63 -280 -109
-632 -132 -990 -15 -234 -6 -850 15 -1090 113 -1267 472 -2194 1136 -2935 481
-537 1368 -1092 2482 -1554 776 -322 1693 -609 2763 -867 1227 -295 2121 -604
2643 -912 455 -270 733 -632 831 -1087 89 -406 25 -877 -164 -1211 -129 -228
-355 -455 -623 -628 -105 -68 -338 -178 -477 -226 -362 -124 -710 -174 -1205
-174 -316 1 -487 13 -775 55 -1459 214 -3077 1063 -4734 2484 l-185 158 -39
-44 c-22 -24 -90 -102 -152 -174 -1203 -1392 -2672 -2129 -4477 -2246 -239
-15 -873 -6 -1073 15 -795 87 -1472 302 -2116 671 -618 356 -1214 887 -1659
1480 -785 1047 -1163 2395 -1109 3956 66 1933 821 3399 2289 4443 866 616
1803 952 2950 1058 186 17 930 17 1120 0 525 -48 980 -141 1431 -291 l229 -77
6 36 c113 658 288 1201 565 1750 318 632 732 1169 1293 1676 l89 80 -129 59
c-965 435 -2113 726 -3239 820 -374 31 -982 49 -1305 39z" />
                    </g>
                </svg>

                <p class="text-white opacity-60 text-base">
                    Chilly Sheep is a digital design and development agency specialising in bespoke websites and complex digital platforms for professional bodies, membership organisations and ambitious brands across the UK.
                </p>

                <div class="mt-8">
                    <a href="https://www.linkedin.com/company/chilly-sheep/" class="text-interface-200 hover:bg-blue-500 hover:text-white transition-all text-lg w-10 h-10 rounded-full bg-white bg-opacity-10 inline-flex justify-center items-center" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn">
                        <svg class="fill-white w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
                            <path d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z" />
                        </svg>
                    </a>
                </div>

            </div>


            <div class="hidden lg:block lg:col-span-3 pt-8 lg:pt-0 lg:pl-12">
                <h4 class="mb-7 text-white text-2xl font-semibold">Links</h4>
                <nav>
                    <ul class="space-y-4">
                            <li>
                                <a href="/about" class="font-medium text-base text-white transition hover:text-pblue-500">About</a>
                            </li>
                            <li>
                                <a href="/services" class="font-medium text-base text-white transition hover:text-pblue-500">Services</a>
                            </li>
                            <li>
                                <a href="/contact" class="font-medium text-base text-white transition hover:text-pblue-500">Contact</a>
                            </li>
                    </ul>
                </nav>
            </div>


            <div class="lg:col-span-3 pt-8 lg:pt-0 lg:pl-12">
                <h4 class="mb-7 text-white text-2xl font-semibold">Info</h4>
                <nav>
                    <ul class="space-y-4">
                            <li>
                                <a href="/privacy" class="font-medium text-base text-white transition hover:text-pblue-500">Privacy policy</a>
                            </li>
                            <li>
                                <a href="/cookies" class="font-medium text-base text-white transition hover:text-pblue-500">Cookie policy</a>
                            </li>
                            <li>
                                <a href="/sitemap.xml" class="font-medium text-base text-white transition hover:text-pblue-500">Sitemap</a>
                            </li>
                    </ul>
                </nav>
            </div>

            <div class="lg:col-span-3 pt-8 lg:pt-0 lg:pl-12">
                <img src="/img/footer/umbraco-registered-partner.png?width=416&format=webp" alt="Umbraco Registered Partner" class="opacity-100 mt-3 mx-auto lg:ml-0 w-full max-w-[220px]" loading="lazy" />
            </div>
        </div>



        <div class="lg:flex justify-between border-t border-[#38365c] py-8">
            <div>
                <p class="text-white opacity-60 text-base mb-3 lg:mb-1">1 Cedar Barn, Hatton Technology Park, Hatton, Warwick, Warwickshire, CV35 8XB</p>
                <p class="text-white opacity-60 text-base mb-3">Registered in England and Wales: 07405694. VAT Number: 156209023</p>
            </div>
     
            <p class="text-white opacity-60 text-base mb-3">&copy; 2026 Chilly Sheep Ltd</p>
        </div>


    </div>
</footer>

    </div>


    <script src="https://www.google.com/recaptcha/api.js?render=6Ld9op0UAAAAAHbzOg2iGW--rGS37v5Y8_a41Z2t"></script>

    
    
        <script src="/js/app.min.js?v=AZwhnrdx7cJb0IFQ5BxWM9xbriDOGJ5fr-4wTkjqXJc"></script>
    

    

</body>
</html>
