301 durum kodu, istenen kaynağın kalıcı olarak yeni bir URL'ye taşındığı anlamına gelir. Gelecekteki tüm istekler yeni adresi kullanmalıdır.
Tarayıcı kullanıcıyı otomatik olarak yeni adrese yönlendirecek ve arama motorları dizinlerini güncelleyecektir.
200 durum kodu, standart bir başarılı HTTP sunucu yanıtıdır. Bu, istemcinin isteğinin (örneğin, bir tarayıcıdan) başarıyla işlendiği ve sunucunun istenen verileri ilettiği anlamına gelir.
Kullanıcı içeriği hatasız alır ve sayfa veya uygulama düzgün çalışır. Kod 200'e veri eşlik ediyorsa, tarayıcı veya program bunu işler ve kullanıcıya görüntüler.
GET / HTTP/1.1 Host: bd2.com Accept: */* User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)
<!DOCTYPE html> <html class="no-js" lang="en"> <head> <title>Design Agency Wigan | Digital Agency | Web design | bd2</title> <meta charset="UTF-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <title>Design Agency Wigan | Digital Agency | Web design | bd2</title> <meta name="description" content="At bd2 we use creative and strategic thinking plus experience, to devise, design, develop and market highly effective digital solutions and brand strategies."/> <meta property="og:url" content="https://bd2.com/home/"/> <link rel="canonical" href="https://bd2.com/home/"/> <link rel="stylesheet" href="https://use.typekit.net/uqu0tkk.css"> <link rel="stylesheet" href="/content/css/splide.min.css"> <link rel="stylesheet" href="/content/css/main.css"> <link rel="icon" type="image/svg+xml" media="(prefers-color-scheme: light)" href="/content/images/bd2-dark.svg"> <link rel="icon" type="image/svg+xml" media="(prefers-color-scheme: dark)" href="/content/images/bd2.svg"> <link rel="icon" type="image/svg+xml" href="/content/images/bd2-dark.svg"> <link href="/sb/css-bundle.css.v638834850650000000" rel="stylesheet" type="text/css" /> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-WQ5P7NC');</script> <!-- End Google Tag Manager --> </head> <body class="d-flex flex-column min-vh-100"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WQ5P7NC" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <header class="fixed-top" style="background: #000;"> <div class="conatiner-fluid"> <div class="row"> <div class="col-12" style="color: #fff;"> <div class="p-3 d-flex justify-content-between align-items-center"> <p class="mb-0 line-height-xs"><strong>bd2</strong> <br class="d-lg-none"/>value creation driven by innovation</p> <a href="/"> <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 418 144.9" height="32" class="logo"> <defs> <style> .cls-1 { fill: #fff; } </style> <!-- Gradient Definition --> <linearGradient id="myGradient" gradientUnits="userSpaceOnUse" x1="0" y1="0" x2="0" y2="144.9"> <stop offset="0%" stop-color="#045a76"/> <!-- Dark teal --> <stop offset="25%" stop-color="#048c8c"/> <!-- Lighter teal --> <stop offset="50%" stop-color="#69bfa4"/> <!-- Soft greenish-teal --> <stop offset="75%" stop-color="#b2db96"/> <!-- Pale green --> <stop offset="100%" stop-color="#f2e88c"/> <!-- Light yellow --> </linearGradient> </defs> <g> <g id="Layer_1"> <!-- Apply gradient to the whole group of paths --> <g fill="url(#myGradient)"> <path d="M389.8,46.3c0-17-13.7-30.7-30.7-30.7h-92.1v61.4h92.1c17,0,30.7-13.7,30.7-30.7"/> <path d="M389.8,144.5v-61.4h-61.4c-33.9,0-61.4,27.5-61.4,61.4h122.8Z"/> </g> <!-- Other elements (like text and white paths) retain their own styles --> <g> <path class="cls-1" d="M122.8,46.3c0-17-13.7-30.7-30.7-30.7H0v61.4h92.1c17,0,30.7-13.7,30.7-30.7"/> <path class="cls-1" d="M122.8,114.2c0-16.9-13.7-30.7-30.7-30.7H0v61.4h92.1c17,0,30.7-13.7,30.7-30.7"/> <rect class="cls-1" x="128.9" y="15.6" width="61.4" height="128.9"/> <path class="cls-1" d="M260.9,80c0-35.6-28.9-64.5-64.5-64.5v128.9c35.6,0,64.5-28.9,64.5-64.5"/> <path class="cls-1" d="M402.6,14.8h2.5V3.4h0l4.1,11.5h2.1l4.1-11.5h0v11.5h2.5V0h-3.6l-4,11.6h0l-4.1-11.6h-3.7v14.8h0ZM389.8,2.2h4.7v12.6h2.6V2.2h4.7V0h-12v2.2h0Z"/> </g> </g> </g> </svg> </a> </div> </div> </div> </div> </header> <main class="flex-grow-1"> <section id="intro" class="vh-100 d-flex align-items-center" style="background: #000;"> <div class="container-fluid"> <div class="row pt-xl-5"> <div class="col"> <div class="row"> <div class="col-12 col-lg-8"> <div class="ratio ratio-16x9 mask video-reveal mb-4 mb-lg-0" style="--mask-bg: url(/content/images/mask/mask-bd.svg);"> <iframe id="vimeo-video" src="https://player.vimeo.com/video/1017988813?background=1&autoplay=1loop=1byline=0title=0" title="bd2 introduction video" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe> </div> </div> <div class="col-12 col-lg-4 scroll-animate animate reveal-right"> <div class="d-flex flex-column justify-content-between h-100 mask img-cover" style="--image-bg: url('/content/images/bg/square-bg.jpg');color:white;--mask-bg: url(/content/images/mask/mask-2.svg);"> <div class="mt-4 gap-padding"> <p class="text-white mb-4 font-size-2xl line-height-xs"><b>bd2</b><br /> value creation driven by innovation.</p> </div> <div class="mb-4 gap-padding ps-5"> <p class="font-secondary mb-0 text-end" style="color:#000;">Our focus is to drive value and deliver real business benefit through brilliantly effective and innovative digital, creative and marketing solutions.</p> </div> </div> </div> </div> </div> </div> </div> </section> <section id="in-development"> <div class="min-vh-100 d-flex align-items-center" style="background: #000;"> <div class="container-fluid"> <div class="row"> <div class="col-12 col-lg-4 col-xl-3 offset-xl-1 col-xxl-2 offset-xxl-2 order-1 order-lg-0 my-lg-2"> <div class="h-100 p-4 img-cover text-white" style="--image-bg: url('/content/images/bg/vertical-bg-green.jpg');"> <p class="text-white mb-4 font-size-2xl line-height-xs"><b>new website in development</b></p> <p class="font-secondary">After more than quarter of a century in business, we decided the time was right for a brand refresh.</p> <p class="font-secondary">It's hard to explain what a big decision this is for us because, as designers, we’re very, very precious about our own work. Which is why we're taking our time with a new website because we want it to be perfect.</p> <p class="font-secondary">We've put this single page site together as an interim while we finish the new one.</p> <p class="font-secondary mb-0">Please check back soon.</p> </div> </div> <div class="col-12 col-lg-8 order-0 order-lg-1 mb-4 mb-lg-0 scroll-animate reveal-right"> <div class="mask" style="--mask-bg: url(/content/images/mask/mask-left-semi-circle.svg);"> <picture> <source srcset="/content/images/temp/laptop-3.webp" type="image/webp" /> <source srcset="/content/images/temp/laptop-3.jpg" type="image/jpeg" /> <img src="/content/images/temp/laptop-3.jpg" class="img-fluid w-100" loading="lazy" alt="" /> </picture> </div> </div> </div> </div> </div> </section> <section id="services"> <div class="min-vh-100 d-flex align-items-center py-4 py-lg-0" style="background: #000;"> <div class="container-fluid"> <div class="row"> <div class="col-12 col-xl-6 mb-4"> <p class="text-white mb-4 font-size-2xl line-height-xs"><b>bd2</b><br />services overview</p> <div class="col-text three-col text-white font-secondary"> <p>First we listen.</p> <p>Then we work closely with our clients, following our own structured and proven process, to help develop effective digital strategies and then deliver them.</p> <p>We do this because we want to help our clients make sure they are doing the right things, before helping them do things right.</p> <p>We believe that our experience, which has been built up during more than two decades of successful project delivery, adds real value, knowledge and insight</p> <p>We design and build integrated e-commerce and content managed websites as well as developing bespoke software solutions.</p> <p>We specialise in B2B e-commerce and have a proven track record of delivery and of growing online sales exponentially.</p> <p>We build on the world’s leading Open Source .Net CMS platform Umbraco and we're Umbraco Gold Partners.</p> <p>We're Open Source because we believe the 'tail shouldn't wag the dog'' and that software should do what you want it to do.</p> <p>We also design and deliver integrated brand strategies from concepts through to implementation across the whole brand experience.</p> <p>We believe that user-centric design and creative thinking are the critical factors to make any design, be it for paper or screen, stand out from the crowd.</p> </div> </div> <div class="col-12 col-xl-6 mb-4"> <div class="row row-cols-3 scroll-group"> <div class="col mb-4 scroll-animate reveal-top"> <div class="mask position-relative" style="--mask-bg: url(/content/images/mask/mask-crescent.svg);"> <picture> <source srcset="/content/images/temp/strategy.webp" type="image/webp" /> <source srcset="/content/images/temp/strategy.jpg" type="image/jpeg" /> <img src="/content/images/temp/strategy.jpg" class="img-fluid w-100" loading="lazy" alt="" /> </picture> <div class="position-absolute icon-overlay"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 71.4 71.4" class="icon-xxl"> <defs> <style> .st0, .st1 { fill: #fff; stroke-miterlimit: 10 } .st0, .st2, .st3 { stroke: #fff } .st1, .st5 { stroke: #020000 } .st2, .st3, .st5, .st6, .st7 { fill: none; stroke-width: 1.5px } .st2, .st7 { stroke-linecap: round } .st8 { display: none } .st6, .st7 { stroke: #f9f9f9 }</style> </defs> <g id="Layer_2"><path d="M60.4 60.4C74 46.8 74 24.6 60.4 11 46.7-2.7 24.6-2.7 11 11-2.6 24.6-2.6 46.8 11 60.4 24.6 74 46.8 74 60.4 60.4Z" class="st6" /><path d="M20.1 26.7c2.6 0 4.7-2.1 4.7-4.7s-2.1-4.7-4.7-4.7-4.7 2.1-4.7 4.7 2.1 4.7 4.7 4.7ZM20.1 54c2.6 0 4.7-2.1 4.7-4.7s-2.1-4.7-4.7-4.7-4.7 2.1-4.7 4.7 2.1 4.7 4.7 4.7ZM51.3 26.7c2.6 0 4.7-2.1 4.7-4.7s-2.1-4.7-4.7-4.7-4.7 2.1-4.7 4.7 2.1 4.7 4.7 4.7Z" class="st6" /><path d="m32.4 30.8 9.4-8.8-9.4-8.7" class="st7" /><path d="M19.8 26v18.2M25.2 21.8h16.1" class="st6" /><path d="m60.3 39.9-8.8-9.5-8.8 9.5" class="st7" /><path d="M25.2 49.3h26.1V31.1" class="st6" /></g> </svg> <p class="text-center font-size-2xl mt-2 mt-lg-5 text-white"><b>strategy</b></p> </div> </div> </div> <div class="col mb-4 scroll-animate reveal-top"> <div class="mask position-relative" style="--mask-bg: url(/content/images/mask/mask-crescent.svg);"> <picture> <source srcset="/content/images/temp/digital.webp" type="image/webp" /> <source srcset="/content/images/temp/digital.jpg" type="image/jpeg" /> <img src="/content/images/temp/digital.jpg" class="img-fluid w-100" loading="lazy" alt="" /> </picture> <div class="position-absolute icon-overlay"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 71.4 71.4" class="icon-xxl"> <defs> <style> .st0, .st1 { fill: #fff; stroke-miterlimit: 10 } .st0, .st2, .st3 { stroke: #fff } .st1, .st5 { stroke: #020000 } .st2, .st3, .st5, .st6, .st7 { fill: none; stroke-width: 1.5px } .st2, .st7 { stroke-linecap: round } .st8 { display: none } .st6, .st7 { stroke: #f9f9f9 }</style> </defs> <g id="Layer_3"><path d="M60.4 60.4C74 46.8 74 24.6 60.4 11 46.7-2.7 24.6-2.7 11 11-2.6 24.6-2.6 46.8 11 60.4 24.6 74 46.8 74 60.4 60.4ZM28.9 46.6h19.2" class="st3" /><path d="M27.7 54.3h16" class="st2" /><path d="M33.5 54.3v-7.4M37.7 54.3v-7.4M49.7 33.2h8.4c.8 0 1.4.6 1.4 1.4v18.3c0 .8-.6 1.4-1.4 1.4h-8.4c-.8 0-1.4-.6-1.4-1.4V34.6c0-.8.6-1.4 1.4-1.4Z" class="st3" /><rect width="17" height="24.9" x="11.8" y="29.5" class="st3" rx="1.4" ry="1.4" /><path d="M20.3 52c.8 0 1.4-.6 1.4-1.4s-.6-1.4-1.4-1.4-1.4.6-1.4 1.4.6 1.4 1.4 1.4M53.9 52c.8 0 1.4-.6 1.4-1.4s-.6-1.4-1.4-1.4-1.4.6-1.4 1.4.6 1.4 1.4 1.4" class="st0" /><path d="M56.2 33.3V19.8h-41v9.4" class="st3" /></g> </svg> <p class="text-center font-size-2xl mt-2 mt-lg-5 text-white"><b>digital</b></p> </div> </div> </div> <div class="col mb-4 scroll-animate reveal-top"> <div class="mask position-relative" style="--mask-bg: url(/content/images/mask/mask-crescent.svg);"> <picture> <source srcset="/content/images/temp/design.webp" type="image/webp" /> <source srcset="/content/images/temp/design.jpg" type="image/jpeg" /> <img src="/content/images/temp/design.jpg" class="img-fluid w-100" loading="lazy" alt="" /> </picture> <div class="position-absolute icon-overlay"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 71.4 71.4"class="icon-xxl"> <defs> <style> .st0, .st1, .st2 { stroke: #020000 } .st0, .st2, .st3, .st4 { fill: none; stroke-width: 1.5px } .st0, .st3 { stroke-linecap: round } .st1 { fill: #fff; stroke-miterlimit: 10 } .st5 { display: none } .st3, .st4 { stroke: #fff }</style> </defs> <g id="Layer_1"><path d="M53.5 29.1v19.3H17.8V23h29.5l6.2 6.1z" class="st4" /><path d="M53.3 29.4H47v-6.2M33 39.7h7.4" class="st4" /><path d="M28.2 32.6h-4.1M28.7 35.6 24.8 37M48.1 32.1h-4.2M47.4 28.5l-3.9 1.4M43.3 34.4l4 1.4M24.7 28.2l3.9 1.5" class="st3" /><path d="M41.1 32.5c0-3-2.4-5.4-5.4-5.4s-5.4 2.4-5.4 5.4 1.1 3.7 2.7 4.6v4.4c0 1.5 1.2 2.7 2.7 2.7s2.7-1.2 2.7-2.7v-4.4c1.6-.9 2.7-2.7 2.7-4.6Z" class="st4" /><path d="M60.4 60.4C74 46.8 74 24.6 60.4 11 46.7-2.7 24.6-2.7 11 11-2.6 24.6-2.6 46.8 11 60.4 24.6 74 46.8 74 60.4 60.4Z" class="st4" /></g> </svg> <p class="text-center font-size-2xl mt-2 mt-lg-5 text-white"><b>design</b></p> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section id="umbraco-partner" class="img-cover py-4 py-lg-0" style=" --image-bg: url('/content/images/bg/umbraco-bg.jpg');"> <div class="min-vh-100 d-flex align-items-center"> <div class="container"> <div class="row"> <div class="col-12 col-lg-4 order-1 order-lg-0"> <div class="row mb-2"> <div class="offset-2 col-8 offset-sm-0 col-sm-6 col-lg-12 mb-4 d-flex align-items-center"> <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 259.9 86.2" width="100%"> <path d="M81.9 20.5C81.9 9.2 72.7 0 61.4 0H0v40.9h61.4c11.3 0 20.5-9.2 20.5-20.5M81.9 65.7c0-11.3-9.2-20.5-20.5-20.5H0v40.9h61.4c11.3 0 20.5-9.2 20.5-20.5" fill="#fff" /> <path d="M259.9 20.5c0-11.3-9.2-20.5-20.5-20.5H178v40.9h61.4c11.3 0 20.5-9.2 20.5-20.5" fill="#3e4d9c" /> <path d="M85.9 0h40.9v85.9H85.9zM173.9 43c0-23.8-19.2-43-42.9-43v85.9c23.7 0 43-19.2 43-43" fill="#fff" /> <path d="M259.9 85.9V45H219c-22.6 0-40.9 18.3-40.9 40.9H260Z" fill="#3e4d9c" /> </svg> </div> <div class="offset-3 col-6 offset-sm-0 col-sm-6 col-lg-12 d-flex flex-row align-items-center align-items-md-end mb-4 mb-lg-0"> <picture> <source srcset="/content/images/temp/umbraco-logo.webp" type="image/webp" /> <source srcset="/content/images/temp/umbraco-logo.png" type="image/png" /> <img src="/content/images/temp/umbraco-logo.png" class="img-fluid d-inline-flex" alt="umbraco logo" loading="lazy" style="max-height: 120px;" /> </picture> <div class="d-inline-flex ms-2"> <p class="text-white mb-0 font-size-2xl line-height-xs"><b>bd2.com</b> <br />umbraco gold partner</p> </div> </div> </div> </div> <div class="col-12 col-lg-8 order-0 order-lg-1"> <p class="text-white mb-4 font-size-2xl line-height-sm"> <b>Umbraco is the world’s leading .Net Open Source CMS. It brings total freedom to manage your digital content your way.</b> </p> <div class="col-text three-col text-white font-secondary"> <p>Some agencies describe themselves as 'CMS agnostic' and work across different platforms, but we believe Umbraco is the best CMS and don’t understand why you wouldn’t use it... for everything!</p> <p>So we're totally dedicated to Umbraco, we’ve worked with it since 2012, all our developers are certified by Umbraco and we're Gold Partners.</p> <p>Umbraco is known and loved for its intuitive and delightful editing experience. It gives us freedom, as developers, to build any bespoke features a client needs along with seamless integrations.</p> <p>Umbraco lets you manage digital text, images, videos, products and services exactly as you want, and where you want to, with ease.</p> <p><b>Umbraco is <em>the</em> platform to build on and unlocks a world of opportunities for your website and your business.</b></p> </div> </div> </div> </div> </div> </section> <section id="since-1998"> <div class="min-vh-100 d-flex align-items-center py-4 py-lg-0" style="background: #000;"> <div class="container-fluid"> <div class="row"> <div class="col-12 col-lg-6 order-1 order-lg-0"> <div class="row"> <div class="col-12 col-lg-8 mb-4 scroll-animate reveal-left"> <div class="mask" style="--mask-bg: url(/content/images/mask/mask-crescent-horizontal.svg);"> <picture> <source srcset="/content/images/temp/since-1998-1.webp" type="image/webp" /> <source srcset="/content/images/temp/since-1998-1.jpg" type="image/jpeg" /> <img src="/content/images/temp/since-1998-1.jpg" class="img-fluid w-100" loading="lazy" alt="" /> </picture> </div> </div> <div class="col-12 col-lg-4 mb-3 scroll-animate reveal-top"> <div class="mask" style="--mask-bg: url(/content/images/mask/mask-crescent.svg);"> <picture> <source srcset="/content/images/temp/since-1998-2.webp" type="image/webp" /> <source srcset="/content/images/temp/since-1998-2.jpg" type="image/jpeg" /> <img src="/content/images/temp/since-1998-2.jpg" class="img-fluid w-100" loading="lazy" alt="" /> </picture> </div> </div> </div> </div> <div class="col-12 col-lg-6 offset-xl-1 col-xl-4 order-0 order-lg-1 d-flex flex-column justify-content-between"> <div> <p class="text-white mb-4 font-size-2xl line-height-xs"><b>bd2</b><br />since 1998</p> <div class="col-text two-col text-white font-secondary"> <p>We believe our experience adds real value, knowledge, insight and wisdom. We're proud of our track record, the projects we've worked on and the commercial benefits we've helped deliver for our clients over more than 25 years of successful project delivery.</p> <p>Key to this success is a robust and proven delivery process which we've developed and refined to incorporate new methodologies coupled with the feedback gained from projects and our work with leading technology partners.</p> </div> </div> <div class="d-none d-lg-block mb-lg-4 text-end"> <picture> <source srcset="/content/images/temp/bd2-stacked.webp" type="image/webp" /> <source srcset="/content/images/temp/bd2-stacked.png" type="image/png" /> <img src="/content/images/temp/bd2-stacked.png" class="img-fluid" width="120" loading="lazy" alt="" /> </picture> </div> </div> </div> </div> </div> </section> <section id="projects" class="position-relative"> <div id="projectsCarousel" class="splide"> <div class="splide__arrows"> <button class="splide__arrow splide__arrow--prev"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M16 1c8.3 0 15 6.7 15 15s-6.7 15-15 15S1 24.3 1 16 7.7 1 16 1M0 16c0 8.8 7.2 16 16 16s16-7.2 16-16S24.9 0 16 0 0 7.2 0 16Z" style="fill:#fff" /><path d="M19.4 9.7c.2.2.2.5 0 .7L13.8 16l5.6 5.6c.2.2.2.5 0 .7s-.5.2-.7 0l-6-6c-.2-.2-.2-.5 0-.7l6-6c.2-.2.5-.2.7 0" style="fill:#fcfcfc;fill-rule:evenodd;stroke:#fff;stroke-miterlimit:1.9" /></svg> </button> <button class="splide__arrow splide__arrow--next"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M16 1c8.3 0 15 6.7 15 15s-6.7 15-15 15S1 24.3 1 16 7.7 1 16 1m0-1C7.1 0 0 7.2 0 16s7.2 16 16 16 16-7.2 16-16S24.8 0 16 0Z" style="fill:#fff" /><path d="M12.6 9.6c.2-.2.5-.2.7 0l6 6c.2.2.2.5 0 .7l-6 6c-.2.2-.5.2-.7 0s-.2-.5 0-.7l5.6-5.6-5.6-5.6c-.2-.2-.2-.5 0-.7" style="fill:#fcfcfc;fill-rule:evenodd;stroke:#fff;stroke-miterlimit:1.9" /></svg> </button> </div> <div class="splide__track"> <ul class="splide__list"> <li class="splide__slide"> <picture> <source srcset="/content/images/projects/senator/Senator-corporate.webp" type="image/webp" media="(orientation: landscape)" /> <source srcset="/content/images/projects/senator/Senator-corporate.jpg" type="image/jpeg" media="(orientation: landscape)" /> <source srcset="/content/images/projects/senator/Senator-corporate-portrait.webp" type="image/webp" media="(orientation: portrait)"> <source srcset="/content/images/projects/senator/Senator-corporate-portrait.jpg" type="image/jpeg" media="(orientation: portrait)"> <img src="/content/images/projects/senator/Senator-corporate-portrait.jpg" loading="lazy" class="img-bg" alt=""> </picture> <div class="carousel-overlay" style="background-color: rgba(48, 149, 216, .8);left:10%;"> <div class="overlay-content"> <p class="text-white font-size-2xl line-height-xs mb-3"><b>bd2 digital project</b><br />the senator group</p> <div class="d-none d-md-block"> <p class="font-secondary"> The Senator Group is the UK’s largest office furniture manufacturer with a turnover in excess of £170 Million and a global presence. We have worked with Senator since 2005 years developing numerous digital and online solutions.</p> <p class="font-secondary">As part of a digital strategy we devised for The Senator Group, we’ve developed a series of sites for each of their key brands [Senator, Allermuir and Torasen], a new and fully bespoke digital asset management systems, and this new corporate site.</p> <p class="font-secondary">It became evident, during the strategising process, that their corporate information wasn’t being given the prominence it merited as it was tucked away in the ‘about us’ sections in sites that were focused on products. This drove the decision to create separate sites for each product brand and for the corporate site, which features in-depth content such as their sustainability measures, staff stories, design process and global presence.</p> </div> </div> </div> </li> <li class="splide__slide"> <picture> <source srcset="/content/images/projects/uform/Uform.webp" type="image/webp" media="(orientation: landscape)" /> <source srcset="/content/images/projects/uform/Uform.jpg" type="image/jpeg" media="(orientation: landscape)" /> <source srcset="/content/images/projects/uform/Uform-portrait.webp" type="image/webp" media="(orientation: portrait)"> <source srcset="/content/images/projects/uform/Uform-portrait.jpg" type="image/jpeg" media="(orientation: portrait)"> <img src="/content/images/projects/uform/Uform-portrait.jpg" loading="lazy" class="img-bg" alt=""> </picture> <div class="carousel-overlay" style="background-color: rgba(238, 113, 76, .8);left:10%;"> <div class="overlay-content"> <p class="text-white font-size-2xl line-height-xs mb-3"><b>bd2 digital project</b><br />uform</p> <div class="d-none d-md-block"> <p class="font-secondary">Established in 1993, Uform are a market leading kitchen door and component supplier trading throughout the UK and Ireland from their base in Northern Ireland. The company was recently listed in the Sunday Times International Track 200 of leading UK businesses.</p> <p class="font-secondary">We designed and developed a bespoke B2B ecommerce platform for Uform which integrates with their Sage ERP for live stock, customer accounts and customer specific pricing. The platform allows trade users, such as kitchen fitters and kitchen resellers, to build large orders of entire kitchens made up of many components. The bespoke user interface we designed is based on a spreadsheet type approach which enables fast order entry with ‘quick view’ pop-ups for product overview information and the full product specifications accessed by clicking the product codes. Comprehensive account management functionality allows users to manage back orders, split order and multiple delivery addresses as well as accessing order history and invoices. Sales through the site grew from just under £140,000 in the first month of launch, to over £1,900,000 per month by the end of the first year.</p> </div> </div> </div> </li> <li class="splide__slide"> <picture> <source srcset="/content/images/projects/boodles/Boodles.webp" type="image/webp" media="(orientation: landscape)" /> <source srcset="/content/images/projects/boodles/Boodles.jpg" type="image/jpeg" media="(orientation: landscape)" /> <source srcset="/content/images/projects/boodles/Boodles-portrait.webp" type="image/webp" media="(orientation: portrait)"> <source srcset="/content/images/projects/boodles/Boodles-portrait.jpg" type="image/jpeg" media="(orientation: portrait)"> <img src="/content/images/projects/boodles/Boodles.jpg" loading="lazy" class="img-bg" alt=""> </picture> <div class="carousel-overlay" style="background-color: rgba(241, 138, 151, .9);left:10%;"> <div class="overlay-content"> <p class="text-white font-size-2xl line-height-xs mb-3"><b>bd2 digital project</b><br />boodles</p> <div class="d-none d-md-block"> <p class="font-secondary">Established in 1798, Boodles is an iconic British brand which designs, manufactures and retails fine jewellery through its boutiques in prestigious locations which include Harrods, The Savoy and Bond Street.</p> <p class="font-secondary">We have designed and developed a bespoke EPOS solution for Boodles, named Silk2, which provides access to all product data. The system manages transfers, sales and customer accounts and integrates with their Sage X3 ERP solution for live stock data and pricing.</p> <p class="font-secondary"><em>"From initial project planning, through development and inevitable in-project changes, the bd2 team have been great to work with, always available when needed and excellent at understanding our requirements and putting them into action. 'Silk2' is a wonderful end product which we can be rightly proud of, it has streamlined our in-store experience, given us access to new features and brought our systems right up to date."</em><br />William Wood, IT Manager.</p> </div> </div> </div> </li> <li class="splide__slide"> <picture> <source srcset="/content/images/projects/senator-portal/Senator-portal.webp" type="image/webp" media="(orientation: landscape)" /> <source srcset="/content/images/projects/senator-portal/Senator-portal.jpg" type="image/jpeg" media="(orientation: landscape)" /> <source srcset="/content/images/projects/senator-portal/Senator-portal-portrait.webp" type="image/webp" media="(orientation: portrait)"> <source srcset="/content/images/projects/senator-portal/Senator-portal-portrait.jpg" type="image/jpeg" media="(orientation: portrait)"> <img src="/content/images/projects/senator-portal/Senator-portal-portrait.jpg" loading="lazy" class="img-bg" alt=""> </picture> <div class="carousel-overlay" style="background-color: rgba(0, 0, 0, .8);left:10%;"> <div class="overlay-content"> <p class="text-white font-size-2xl line-height-xs mb-3"><b>bd2 digital project</b><br />group portal</p> <div class="d-none d-md-block"> <p class="font-secondary">The Senator Group is the UK’s largest office furniture manufacturer with a turnover in excess of £200 Million, more than 1,000 staff and a global presence. We have worked with Senator for over 19 years developing numerous digital and online solutions.</p> <p class="font-secondary">As part of a new digital strategy we help Senator to devise, we’ve developed a new and completely bespoke portal to manage and access all their digital assets.</p> <p class="font-secondary">The portal is a secure online repository for all their product and marketing assets including downloads of all images, CAD blocks, Revits, Sketchups and documents as well as an ordering function for fabric samples.</p> <p class="font-secondary">Permissions are assigned to different user types, from internal sales and dealers [access all files] onto architects/designers and the end user [restricted] with activity logged. A Pinterest style mood board function allows users to collate any image and save them in project folders.</p> </div> </div> </div> </li> <li class="splide__slide"> <picture> <source srcset="/content/images/projects/prestige/Prestige.webp" type="image/webp" media="(orientation: landscape)" /> <source srcset="/content/images/projects/prestige/Prestige.jpg" type="image/jpeg" media="(orientation: landscape)" /> <source srcset="/content/images/projects/prestige/Prestige-portrait.webp" type="image/webp" media="(orientation: portrait)"> <source srcset="/content/images/projects/prestige/Prestige-portrait.jpg" type="image/jpeg" media="(orientation: portrait)"> <img src="/content/images/projects/prestige/Prestige.jpg" loading="lazy" class="img-bg" alt=""> </picture> <div class="carousel-overlay" style="background-color: rgba(8, 41, 88, .8);right:10%;"> <div class="overlay-content"> <p class="text-white font-size-2xl line-height-xs mb-3"><b>bd2 digital project</b><br />prestige leisure uk</p> <div class="d-none d-md-block"> <p class="font-secondary">Established in 1992 and baased in Livingston, Scotland, Prestige Leisure UK Ltd is a leading distributor of blank garments to printers and embroiderers across the UK and Ireland.</p> <p class="font-secondary">We have designed and developed a large scale B2B e-commerce platform which integrates with Prestige’s ERP system for live stock and customer specific pricing. Built on Umbraco Commerce the site incorporates a wealth of features including account management, quick order, a comprehensive favourites function, filtering, advanced search and marketing resources section.</p> <p class="font-secondary"><em>“We are thrilled to share our positive experience with our web developers, bd2, who have been instrumental in transforming our online presence. From day one, they have been exceptional. Our new website is everything we hoped for and more. It has become a crucial part of our business, with 80% of our sales now coming through it. We couldn’t be happier with our decision to work with bd2. They have not only delivered a fantastic website but have also provided an ongoing partnership that we truly value. Thank you for your outstanding service!”</em><br />Jennifer Weightman Head of Sales and Marketing Prestige Leisure UK</p> </div> </div> </div> </li> <li class="splide__slide"> <picture> <source srcset="/content/images/projects/timco/Timco.webp" type="image/webp" media="(orientation: landscape)" /> <source srcset="/content/images/projects/timco/Timco.jpg" type="image/jpeg" media="(orientation: landscape)" /> <source srcset="/content/images/projects/timco/Timco-portrait.webp" type="image/webp" media="(orientation: portrait)"> <source srcset="/content/images/projects/timco/Timco-portrait.jpg" type="image/jpeg" media="(orientation: portrait)"> <img src="/content/images/projects/timco/Timco.jpg" loading="lazy" class="img-bg" alt=""> </picture> <div class="carousel-overlay" style="background-color: rgba(207, 18, 23, .8);left:10%;"> <div class="overlay-content"> <p class="text-white font-size-2xl line-height-xs mb-3"><b>bd2 digital project</b><br />timco</p> <div class="d-none d-md-block"> <p class="font-secondary">Timco is one of the UK’s largest importers and wholesalers of screws, fixings, fasteners, nails and power tool accessories. Their customers are typically builders merchants and independent hardware retailers as well as larger trade clients.</p> <p class="font-secondary">A large scale B2B e-commerce implementation which integrates with TIMco’s Sage X3 ERP system for stock and customer specific pricing data, Goldvision CRM for customer accounts and an Agility PIM server for product information and images. The site incorporates a host of sophisticated features including account management, quick shop, saved lists, account specific prices with quantity price breaks, filtered search and advanced search, to name just a few. Sales through the site have grown to over £40M annually, over 60% of their total turnover.</p> <p class="font-secondary"><em>“bd2 have provided an unrivalled level of support and have been integral to the growth of the Timco website which is now an integral part of our all-round offering and a real point of difference to our competitors. Their expertise and knowledge has provided great insight as well as results helping to make Timco the number one B2B website in its industry.”</em><br />Charles Du Pre head of Marketing</p> </div> </div> </div> </li> <li class="splide__slide"> <picture> <source srcset="/content/images/projects/survitec/Survitec.webp" type="image/webp" media="(orientation: landscape)" /> <source srcset="/content/images/projects/survitec/Survitec.jpg" type="image/jpeg" media="(orientation: landscape)" /> <source srcset="/content/images/projects/survitec/Survitec-portrait.webp" type="image/webp" media="(orientation: portrait)"> <source srcset="/content/images/projects/survitec/Survitec-portrait.jpg" type="image/jpeg" media="(orientation: portrait)"> <img src="/content/images/projects/survitec/Survitec.jpg" loading="lazy" class="img-bg" alt=""> </picture> <div class="carousel-overlay" style="background-color: rgba(206, 49, 6, .8);right:10%;"> <div class="overlay-content"> <p class="text-white font-size-2xl line-height-xs mb-3"><b>bd2 digital project</b><br />survitec group</p> <div class="d-none d-md-block"> <p class="font-secondary">With over 3,000 employees across 96 countries, Survitec is the world’s largest manufacturer of liferafts, Marine Evacuation Systems, offshore rental PPE, Fire Solutions to the maritime industry and they are market leaders for Pilot Flight Equipment in the aerospace and defence market. Survitec is the globally trusted name in critical safety and survival solutions.</p> <p class="font-secondary">We have worked with the Survitec Group since 2012 supporting their online presence across all their sites. We have recently upgraded their main corporate site, which we also developed, from Umbraco Version 8 to Version 13 and integrated the Perfion PIM solution for product management.</p> <p class="font-secondary"><em>"The upgrade of our main corporate site, from Umbraco Version 8 to Version 13 was always going to be significant given the scale of the site. The delivery process, managed by bd2 but involving our internal teams and the PIM partner Perfion, has been lengthy and involved, but the planning has reaped dividends with the work completed to the agreed timescales and budget."</em><br />Hannah Burywood, Global Marketing Leader</p> </div> </div> </div> </li> <li class="splide__slide"> <picture> <source srcset="/content/images/projects/allermuir/Allermuir.webp" type="image/webp" media="(orientation: landscape)" /> <source srcset="/content/images/projects/allermuir/Allermuir.jpg" type="image/jpeg" media="(orientation: landscape)" /> <source srcset="/content/images/projects/allermuir/Allermuir-portrait.webp" type="image/webp" media="(orientation: portrait)"> <source srcset="/content/images/projects/allermuir/Allermuir-portrait.jpg" type="image/jpeg" media="(orientation: portrait)"> <img src="/content/images/projects/allermuir/Allermuir.jpg" loading="lazy" class="img-bg" alt=""> </picture> <div class="carousel-overlay" style="background-color: rgba(118, 83, 59, .8);right: 10%;"> <div class="overlay-content"> <p class="text-white font-size-2xl line-height-xs mb-3"><b>bd2 digital project</b><br />allermuir</p> <div class="d-none d-md-block"> <p class="font-secondary">The Senator Group is the UK’s largest office furniture manufacturer with a turnover in excess of £200 Million, more than 1,000 staff and a global presence. We have worked with Senator for over 19 years developing numerous digital and online solutions.</p> <p class="font-secondary">Working closely with the business owner and their in-house creative teams, we’ve helped Senator devise and deliver a new digital strategy which has led to the development of separate sites for the core product brands - Senator, Allermuir and Torasen, the company and a new bespoke portal to manage and access digital assets.</p> <p class="font-secondary">The Allermuir brand product site provides detailed information on all products with specifications, options, imagery, product configurator and an array of downloadable assets.</p> </div> </div> </div> </li> <li class="splide__slide"> <picture> <source srcset="/content/images/projects/amspec/Amspec.webp" type="image/webp" media="(orientation: landscape)" /> <source srcset="/content/images/projects/amspec/Amspec.jpg" type="image/jpeg" media="(orientation: landscape)" /> <source srcset="/content/images/projects/amspec/Amspec-portrait.webp" type="image/webp" media="(orientation: portrait)"> <source srcset="/content/images/projects/amspec/Amspec-portrait.jpg" type="image/jpeg" media="(orientation: portrait)"> <img src="/content/images/projects/amspec/Amspec.jpg" loading="lazy" class="img-bg" alt=""> </picture> <div class="carousel-overlay" style="background-color: rgba(13, 109, 190, .8);right:10%;"> <div class="overlay-content"> <p class="text-white font-size-2xl line-height-xs mb-3"><b>bd2 digital project</b><br />amspec</p> <div class="d-none d-md-block"> <p class="font-secondary">Amspec are a leading design and build business with an in-house team of over 50 including interior designers, space planners, project managers and tradesman. The company also has its own joinery manufacturing workshops.</p> <p class="font-secondary">The business has built a very strong reputation over the last 18 years with high quality fit outs and refurbishments for clients including Bruntwood, the NHS, Mason Partners and Motor Range.</p> <p class="font-secondary">The latest Amspec website, which is the second we’ve designed and developed for them, is built on the Umbraco CMS which gives the client full control of all content. The Ui is built around large scrolling pages with jump links to each section. The site is media rich Ui featuring video and animations.</p> </div> </div> </div> </li> <li class="splide__slide"> <picture> <source srcset="/content/images/projects/premier/Premier.webp" type="image/webp" media="(orientation: landscape)" /> <source srcset="/content/images/projects/premier/Premier.jpg" type="image/jpeg" media="(orientation: landscape)" /> <source srcset="/content/images/projects/premier/Premier-portrait.webp" type="image/webp" media="(orientation: portrait)"> <source srcset="/content/images/projects/premier/Premier-portrait.jpg" type="image/jpeg" media="(orientation: portrait)"> <img src="/content/images/projects/premier/Premier.jpg" loading="lazy" class="img-bg" alt=""> </picture> <div class="carousel-overlay" style="background-color: rgba(10, 61, 129, .8);left:10%;"> <div class="overlay-content"> <p class="text-white font-size-2xl line-height-xs mb-3"><b>bd2 digital project</b><br />premier workwear</p> <div class="d-none d-md-block"> <p class="font-secondary">Premier Workwear are a leading manufacturer of workwear for the hospitality, health and beauty sectors. We have worked with Premier since 2007 building B2B and B2C sites for the core and various sub brands.</p> <p class="font-secondary">We have designed and developed a bespoke solution for Premier using Umbraco which includes a full catalogue of products with a wealth of information and assets. The long scrolling page style product pages include a carousel image gallery, colour swatches, stock availability - from UK and EU warehouses [for logged in users] - a suite of downloads including photography, specifications, brochure and sell sheets, certifications, fabric information, size guides and associated products. The ‘hero’ drop down menus allow a user to navigate to all pages through a tabbed approach which also previews a product on rollover. There is a comprehensive marketing resource section with downloadable digital assets and a shopping cart function to allow resellers to order brochures and swatches.</p> </div> </div> </div> </li> <li class="splide__slide"> <picture> <source srcset="/content/images/projects/senator-brand/Senator-brand.webp" type="image/webp" media="(orientation: landscape)" /> <source srcset="/content/images/projects/senator-brand/Senator-brand.jpg" type="image/jpeg" media="(orientation: landscape)" /> <source srcset="/content/images/projects/senator-brand/Senator-brand-portrait.webp" type="image/webp" media="(orientation: portrait)"> <source srcset="/content/images/projects/senator-brand/Senator-brand-portrait.jpg" type="image/jpeg" media="(orientation: portrait)"> <img src="/content/images/projects/senator-brand/Senator-brand-portrait.jpg" loading="lazy" class="img-bg" alt=""> </picture> <div class="carousel-overlay" style="background-color: rgba(251, 73, 7, .8);left:10%;"> <div class="overlay-content"> <p class="text-white font-size-2xl line-height-xs mb-3"><b>bd2 digital project</b><br />senator</p> <div class="d-none d-md-block"> <p class="font-secondary">The Senator Group is the UK’s largest office furniture manufacturer with a turnover in excess of £200 Million, more than 1,000 staff and a global presence. We have worked with Senator for over 19 years developing numerous digital and online solutions.</p> <p class="font-secondary">Working closely with the business owner and their in-house creative teams, we’ve helped Senator devise and deliver a new digital strategy which has led to the development of separate sites for the core product brands - Senator, Allermuir and Torasen, the company and a new bespoke portal to manage and access digital assets.</p> <p class="font-secondary">The Senator brand product site provides detailed information on all products with specifications, options, imagery, product configurator and an array of downloadable assets.</p> </div> </div> </div> </li> <li class="splide__slide"> <picture> <source srcset="/content/images/projects/crewsaver/Crewsaver.webp" type="image/webp" media="(orientation: landscape)" /> <source srcset="/content/images/projects/crewsaver/Crewsaver.jpg" type="image/jpeg" media="(orientation: landscape)" /> <source srcset="/content/images/projects/crewsaver/Crewsaver-portrait.webp" type="image/webp" media="(orientation: portrait)"> <source srcset="/content/images/projects/crewsaver/Crewsaver-portrait.jpg" type="image/jpeg" media="(orientation: portrait)"> <img src="/content/images/projects/crewsaver/Crewsaver.jpg" loading="lazy" class="img-bg" alt=""> </picture> <div class="carousel-overlay" style="background-color: rgba(232, 73, 8, .8);right:10%;"> <div class="overlay-content"> <p class="text-white font-size-2xl line-height-xs mb-3"><b>bd2 digital project</b><br />crewsaver</p> <div class="d-none d-md-block"> <p class="font-secondary">Crewsaver is recognised as the world’s leading designer, manufacturer and supplier of high-performance survival technology and marine safety equipment. Whenever you see a lifejacket, it’s almost certainly a Crewsaver product. The company works in collaboration with the RNLI, KNRM, SNSM and elite athletes to develop innovative lifejacket ranges for commercial and leisure use, which is under the Yak brand. Crewsaver is part of the global Survitec Group which has over 3,000 employees across 96 countries and is the world leader in critical safety and survival solutions.</p> <p class="font-secondary">We have worked with the Survitec Group since 2012, supporting their online presence across all their sites. As part of a program to upgrade their sites from Umbraco Version 8 to Version 13 we have recently upgraded the Crewsaver site and integrated it with the Perfion PIM solution for product management. The PIM is integrated with all the sites to provide a ‘single source of truth’ for all their product data.</p> </div> </div> </div> </li> <li class="splide__slide"> <picture> <source srcset="/content/images/projects/reprime/Reprime.webp" type="image/webp" media="(orientation: landscape)" /> <source srcset="/content/images/projects/reprime/Reprime.jpg" type="image/jpeg" media="(orientation: landscape)" /> <source srcset="/content/images/projects/reprime/Reprime-portrait.webp" type="image/webp" media="(orientation: portrait)"> <source srcset="/content/images/projects/reprime/Reprime-portrait.jpg" type="image/jpeg" media="(orientation: portrait)"> <img src="/content/images/projects/reprime/Reprime.jpg" loading="lazy" class="img-bg" alt=""> </picture> <div class="carousel-overlay" style="background-color: rgba(0, 0, 0, .8);right:10%;"> <div class="overlay-content"> <p class="text-white font-size-2xl line-height-xs mb-3"><b>bd2 digital project</b><br />reprime workwear</p> <div class="d-none d-md-block"> <p class="font-secondary">Reprime is the US brand style of Premier Workwear, a leading manufacturer of clothing for staff in the Hospitality, Corporate, Beauty and Healthcare sectors. As well as a strong reputation for the quality of their products and of manufacture, Premier offer a broad colour palette, to help businesses reinforce their brand personality through uniform choices.</p> <p class="font-secondary">The Reprime website delivers a content-rich user experience by providing a wealth of product information within a bespoke Ui. The site is built on the Umbraco platform and integrates with their Sage ERP for stock availability. A large marketing resources section allows resellers to access image libraries as well as printed and digital promotional materials.</p> </div> </div> </div> </li> <li class="splide__slide"> <picture> <source srcset="/content/images/projects/allermuir-home/Allermuir-home.webp" type="image/webp" media="(orientation: landscape)" /> <source srcset="/content/images/projects/allermuir-home/Allermuir-home.jpg" type="image/jpeg" media="(orientation: landscape)" /> <source srcset="/content/images/projects/allermuir-home/Allermuir-home-portrait.webp" type="image/webp" media="(orientation: portrait)"> <source srcset="/content/images/projects/allermuir-home/Allermuir-home-portrait.jpg" type="image/jpeg" media="(orientation: portrait)"> <img src="/content/images/projects/allermuir-home/Allermuir-home.jpg" loading="lazy" class="img-bg" alt=""> </picture> <div class="carousel-overlay" style="background-color: rgba(212, 184, 173, .9);left: 10%;"> <div class="overlay-content"> <p class="text-white font-size-2xl line-height-xs mb-3"><b>bd2 digital project</b><br />allermuir home</p> <div class="d-none d-md-block"> <p class="font-secondary">The Senator Group is the UK’s largest office furniture manufacturer with a turnover in excess of £200 Million, more than 1,000 staff and a global presence. We have worked with Senator for over 19 years developing numerous digital and online solutions.</p> <p class="font-secondary">Senator launched a new consumer brand ‘Allermuir Home’ to bring ranges of its design-led Allermuir commercial furniture brand to a new domestic audience. The brand aims to meet the new demand for working at home with stylish and performance led furniture.</p> <p class="font-secondary">We have designed and developed a new B2C ecommerce solution for Allermuir Home using Umbraco and Umbraco Commerce.</p> </div> </div> </div> </li> <li class="splide__slide"> <picture> <source srcset="/content/images/projects/hp/HP.webp" type="image/webp" media="(orientation: landscape)" /> <source srcset="/content/images/projects/hp/HP.jpg" type="image/jpeg" media="(orientation: landscape)" /> <source srcset="/content/images/projects/hp/HP-portrait.webp" type="image/webp" media="(orientation: portrait)"> <source srcset="/content/images/projects/hp/HP-portrait.jpg" type="image/jpeg" media="(orientation: portrait)"> <img src="/content/images/projects/hp/HP.jpg" loading="lazy" class="img-bg" alt=""> </picture> <div class="carousel-overlay" style="background-color: rgba(21, 163, 119, .8);right:10%;"> <div class="overlay-content"> <p class="text-white font-size-2xl line-height-xs mb-3"><b>bd2 brand project</b><br />hewlett packard</p> <div class="d-none d-md-block"> <p class="font-secondary">HP are one of the world’s largest technology businesses with revenues in excess of $100 billion. Their devops team, based in Newcastle, develops and manages IT solutions such as the universal credit platform for the DWP. We have been an approved supplier to HP since 2009.</p> <p class="font-secondary">We carried out a consultancy exercise to rationalise the key messages for the devops offering distilling them into 5 key attributes. We then developed a strategy, sub brand logo, strapline, marketing collateral, a corporate video and advertisements to promote the service with HPE, to government departments and other potential commercial clients.</p> <p class="font-secondary"><em>“bd2 and I have done amazing, great business together with real insight. The projects completed for HP are brilliant, high quality and innovative. bd2 - highly regarded and recommended.”</em><br />David Cummings, Cloud Practice Director</p> </div> </div> </div> </li> <li class="splide__slide"> <picture> <source srcset="/content/images/projects/wyz/WYZ.webp" type="image/webp" media="(orientation: landscape)" /> <source srcset="/content/images/projects/wyz/WYZ.jpg" type="image/jpeg" media="(orientation: landscape)" /> <source srcset="/content/images/projects/wyz/WYZ-portrait.webp" type="image/webp" media="(orientation: portrait)"> <source srcset="/content/images/projects/wyz/WYZ-portrait.jpg" type="image/jpeg" media="(orientation: portrait)"> <img src="/content/images/projects/wyz/WYZ.jpg" loading="lazy" class="img-bg" alt=""> </picture> <div class="carousel-overlay" style="background-color: rgba(195, 2, 26, .6);left:10%;"> <div class="overlay-content"> <p class="text-white font-size-2xl line-height-xs mb-3"><b>bd2 brand project</b><br />wigan youth zone</p> <div class="d-none d-md-block"> <p class="font-secondary">Wigan Youth Zone is Europe’s largest and houses a sports arena with climbing wall, basketball courts, five-a-side football pitches, dance studio, gym, media room, recording studio, cafeteria and mentoring rooms all manned by a staff of 50 to support the town's teenagers.</p> <p class="font-secondary">bd2 undertook an in-depth process with stakeholders and users to identify a set of brand values and to research target audience influences before developing a new marque which is based on letterforms from the initials to suggest dynamic direction, positivity and connectivity.</p> <p class="font-secondary">We developed a full brand guidelines document which included designs for all applications of the brand.</p> <p class="font-secondary">We became a patron and donated all our work for the youth zone as part of our commitment to support local charities.</p> </div> </div> </div> </li> <li class="splide__slide"> <picture> <source srcset="/content/images/projects/ldl/LDL.webp" type="image/webp" media="(orientation: landscape)" /> <source srcset="/content/images/projects/ldl/LDL.jpg" type="image/jpeg" media="(orientation: landscape)" /> <source srcset="/content/images/projects/ldl/LDL-portrait.webp" type="image/webp" media="(orientation: portrait)"> <source srcset="/content/images/projects/ldl/LDL-portrait.jpg" type="image/jpeg" media="(orientation: portrait)"> <img src="/content/images/projects/ldl/LDL.jpg" loading="lazy" class="img-bg" alt=""> </picture> <div class="carousel-overlay" style="background-color: rgba(12, 99, 181, .8);right:10%;"> <div class="overlay-content"> <p class="text-white font-size-2xl line-height-xs mb-3"><b>bd2 brand project</b><br />ldl lighting</p> <div class="d-none d-md-block"> <p class="font-secondary">LDL Lighting designs and manufactures complete lighting solutions using the latest in lighting design technology. All sectors are covered including commercial offices, large residential and the public sector.</p> <p class="font-secondary"> It quickly became apparent, during our research and workshop process, that the existing company name which was ‘Light Distribution Ltd’ gave a false impression of its activities suggesting a distributor not a manufacturer. We re-branded the company as ‘LDL Lighting’ with a new logo, strapline and visual identity which has been rolled out across all corporate communications and marketing collateral including the design and development of a new website. </p> <p class="font-secondary">A full brand identity guidelines manual has also been produced to define the brand and its use.</p> </div> </div> </div> </li> <li class="splide__slide"> <picture> <source srcset="/content/images/projects/sherringtons/Sherringtons.webp" type="image/webp" media="(orientation: landscape)" /> <source srcset="/content/images/projects/sherringtons/Sherringtons.jpg" type="image/jpeg" media="(orientation: landscape)" /> <source srcset="/content/images/projects/sherringtons/Sherringtons-portrait.webp" type="image/webp" media="(orientation: portrait)"> <source srcset="/content/images/projects/sherringtons/Sherringtons-portrait.jpg" type="image/jpeg" media="(orientation: portrait)"> <img src="/content/images/projects/sherringtons/Sherringtons.jpg" loading="lazy" class="img-bg" alt=""> </picture> <div class="carousel-overlay" style="background-color: rgba(49, 137, 119, .8);right:10%;"> <div class="overlay-content"> <p class="text-white font-size-2xl line-height-xs mb-3"><b>bd2 brand project</b><br />sherrington’s</p> <div class="d-none d-md-block"> <p class="font-secondary">Sherrington’s is a new bar offering a premium range of craft beers and gins sourced from the UK’s leading independent breweries and distilleries.</p> <p class="font-secondary">The brand name harks back to the building’s days as a hardware shop named ‘Sherrington’s’. This provides the theme for the brand identity which has a distinctly retro feel in terms of the graphics with a custom drawn font and a shop sign badge device.</p> <p class="font-secondary">The interiors, also designed by bd2, are inspired by the bars of Manchester’s Northern Quarter with an industrial feel, exposed brick, steel beams and re-purposed packaging to extend the overall theme.</p> </div> </div> </div> </li> <li class="splide__slide"> <picture> <source srcset="/content/images/projects/network-space/Network-space.webp" type="image/webp" media="(orientation: landscape)" /> <source srcset="/content/images/projects/network-space/Network-space.jpg" type="image/jpeg" media="(orientation: landscape)" /> <source srcset="/content/images/projects/network-space/Network-space-portrait.webp" type="image/webp" media="(orientation: portrait)"> <source srcset="/content/images/projects/network-space/Network-space-portrait.jpg" type="image/jpeg" media="(orientation: portrait)"> <img src="/content/images/projects/network-space/Network-space.jpg" loading="lazy" class="img-bg" alt=""> </picture> <div class="carousel-overlay" style="background-color: rgba(59, 175, 107, .8);right:10%;"> <div class="overlay-content"> <p class="text-white font-size-2xl line-height-xs mb-3"><b>bd2 brand project</b><br />network space</p> <div class="d-none d-md-block"> <p class="font-secondary">With a property portfolio of over 2.3m sq ft, Network Space is one of the north west’s leading property developers specialising in industrial and office premises. Network Space was recently ranked as the number one SME in an insider north west magazine poll.</p> <p class="font-secondary">We were approached by Langtree to re-brand their commercial property division as 'Network Space'. The new logo uses dynamic shapes to suggest 3 dimensional spaces, structures, connections, direction and expansion. The brand has been rolled out across all marketing communications and defined within the new brand guidelines manual we developed.</p> </div> </div> </div> </li> </ul> </div> </div> </section> <section id="insights" class="min-vh-100 d-flex align-items-center py-4 py-xl-0" style="background: #000;"> <div class="container-fluid"> <div class="row"> <div class="col-12 col-lg-6"> <p class="text-white mb-4 font-size-2xl line-height-xs"><b>bd2 FYI</b><br />articles+insights+news</p> </div> <div class="col-12 col-lg-6 d-flex align-items-center justify-content-end mb-4 pe-xl-5"> <div> <p class="text-white mb-0 font-size-2xl line-height-xs"><b>archive</b><br />blog posts </p> </div> <div> <a href="/insights"> <svg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 0 32 32" class="ms-3"><path d="M16 1c8.3 0 15 6.7 15 15s-6.7 15-15 15S1 24.3 1 16 7.7 1 16 1m0-1C7.1 0 0 7.2 0 16s7.2 16 16 16 16-7.2 16-16S24.8 0 16 0Z" style="fill:#fff"></path><path d="M12.6 9.6c.2-.2.5-.2.7 0l6 6c.2.2.2.5 0 .7l-6 6c-.2.2-.5.2-.7 0s-.2-.5 0-.7l5.6-5.6-5.6-5.6c-.2-.2-.2-.5 0-.7" style="fill:#fcfcfc;fill-rule:evenodd;stroke:#fff;stroke-miterlimit:1.9"></path></svg> </a> </div> </div> </div> <div class="row"> <div class="col-12 col-md-6 mb-4"> <div class="row g-3"> <div class="col-12 col-xl-4"> <div class="insight-image"> <a href="/insights/articles/telling-real-stories-why-staff-profiles-work-and-why-we-love-doing-them/"> <picture> <source srcset="/content/images/blog/2025/profile-square.webp" type="image/webp" /> <source srcset="/content/images/blog/2025/profile-square.jpg" type="image/jpeg" /> <img src="/content/images/blog/2025/profile-square.jpg" loading="lazy" class="img-fluid w-100" alt="Telling Real Stories: Why Staff Profiles Work (and why we love doing them!) cover image"> </picture> </a> </div> </div> <div class="col-12 col-xl-8"> <div class="mask insight-wrapper" style="--mask-bg: url(/content/images/mask/mask-right-semi-circle.svg); background-color:#fff;"> <div class="position-relative insight-summary d-flex flex-column justify-content-between"> <div> <p class="line-height-xs"><b>Telling Real Stories: Why Staff Profiles Work (and why we love doing them!)</b></p> <p class="font-secondary date"><em>16.04.2025</em></p> </div> <div> <p class="font-secondary mb-0"> We’ve been creating staff profiles for clients across a range of industries, from leasing and finance to building professional services and software. What started as a way to simply "show who's who" has become something much more powerful, a way to tell real stories about the people behind the business adding real value... </p> </div> <a href="/insights/articles/telling-real-stories-why-staff-profiles-work-and-why-we-love-doing-them/" class="insight-link"> <svg xmlns="http://www.w3.org/2000/svg" width="48" viewBox="0 0 32 32"> <path d="M16 1c8.3 0 15 6.7 15 15s-6.7 15-15 15S1 24.3 1 16 7.7 1 16 1m0-1C7.1 0 0 7.2 0 16s7.2 16 16 16 16-7.2 16-16S24.8 0 16 0Z" style="fill:#000"></path> <path d="M16.9 9.6c.2-.2.5-.2.7 0l6 6c.2.2.2.5 0 .7l-6 6c-.2.2-.5.2-.7 0s-.2-.5 0-.7l5.6-5.6-5.6-5.6c-.2-.2-.2-.5 0-.7" style="fill:#fcfcfc;fill-rule:evenodd;stroke:#000;stroke-miterlimit:1.9"></path> </svg> </a> </div> </div> </div> </div> </div> <div class="d-none d-md-flex col-12 col-md-6 mb-4"> <div class="row g-3"> <div class="col-12 col-xl-4"> <div class="insight-image"> <a href="/insights/articles/a-little-slice-of-bread-and-butter/"> <picture> <source srcset="/content/images/blog/2025/tbbt-square.webp" type="image/webp" /> <source srcset="/content/images/blog/2025/tbbt-square.jpg" type="image/jpeg" /> <img src="/content/images/blog/2025/tbbt-square.jpg" loading="lazy" class="img-fluid w-100" alt="A little slice of bread and butter cover image"> </picture> </a> </div> </div> <div class="col-12 col-xl-8"> <div class="mask insight-wrapper" style="--mask-bg: url(/content/images/mask/mask-right-semi-circle.svg); background-color:#fff;"> <div class="position-relative insight-summary d-flex flex-column justify-content-between"> <div> <p class="line-height-xs"><b>A little slice of bread and butter</b></p> <p class="font-secondary date"><em>03.03.2025</em></p> </div> <div> <p class="font-secondary mb-0"> Over the years we’ve been delighted to support several charities and good causes by providing our work on a pro bono basis. Our longest involvement has been to support 'The Bread and Butter Thing', a charity which is making a real difference to people’s lives... </p> </div> <a href="/insights/articles/a-little-slice-of-bread-and-butter/" class="insight-link"> <svg xmlns="http://www.w3.org/2000/svg" width="48" viewBox="0 0 32 32"> <path d="M16 1c8.3 0 15 6.7 15 15s-6.7 15-15 15S1 24.3 1 16 7.7 1 16 1m0-1C7.1 0 0 7.2 0 16s7.2 16 16 16 16-7.2 16-16S24.8 0 16 0Z" style="fill:#000"></path> <path d="M16.9 9.6c.2-.2.5-.2.7 0l6 6c.2.2.2.5 0 .7l-6 6c-.2.2-.5.2-.7 0s-.2-.5 0-.7l5.6-5.6-5.6-5.6c-.2-.2-.2-.5 0-.7" style="fill:#fcfcfc;fill-rule:evenodd;stroke:#000;stroke-miterlimit:1.9"></path> </svg> </a> </div> </div> </div> </div> </div> <div class="d-none d-md-flex col-12 col-md-6 mb-4"> <div class="row g-3"> <div class="col-12 col-xl-4"> <div class="insight-image"> <a href="/insights/articles/2025-technology-predictions/"> <picture> <source srcset="/content/images/blog/2025/2025square.webp" type="image/webp" /> <source srcset="/content/images/blog/2025/2025square.jpg" type="image/jpeg" /> <img src="/content/images/blog/2025/j2025square.jpg" loading="lazy" class="img-fluid w-100" alt="2025 technology predictions blog cover image"> </picture> </a> </div> </div> <div class="col-12 col-xl-8"> <div class="mask insight-wrapper" style="--mask-bg: url(/content/images/mask/mask-right-semi-circle.svg); background-color:#fff;"> <div class="position-relative insight-summary d-flex flex-column justify-content-between"> <div> <p class="line-height-xs"><b>2025 technology predictions</b></p> <p class="font-secondary date"><em>13.01.2025</em></p> </div> <div> <p class="font-secondary mb-0"> It's a fairly thankless task trying to predict what's coming in the world of technology, as it changes so quickly, but when Manchester Digital asked us for an opinion piece we couldn't really say no. So here's our thoughts on what might be big in 2025... </p> </div> <a href="/insights/articles/2025-technology-predictions/" class="insight-link"> <svg xmlns="http://www.w3.org/2000/svg" width="48" viewBox="0 0 32 32"> <path d="M16 1c8.3 0 15 6.7 15 15s-6.7 15-15 15S1 24.3 1 16 7.7 1 16 1m0-1C7.1 0 0 7.2 0 16s7.2 16 16 16 16-7.2 16-16S24.8 0 16 0Z" style="fill:#000"></path> <path d="M16.9 9.6c.2-.2.5-.2.7 0l6 6c.2.2.2.5 0 .7l-6 6c-.2.2-.5.2-.7 0s-.2-.5 0-.7l5.6-5.6-5.6-5.6c-.2-.2-.2-.5 0-.7" style="fill:#fcfcfc;fill-rule:evenodd;stroke:#000;stroke-miterlimit:1.9"></path> </svg> </a> </div> </div> </div> </div> </div> <div class="d-none d-md-flex col-12 col-md-6 mb-4"> <div class="row g-3"> <div class="col-12 col-xl-4"> <div class="insight-image"> <a href="/insights/articles/a-brand-new-bd2/"> <picture> <source srcset="/content/images/blog/2025/fresh-square.webp" type="image/webp" /> <source srcset="/content/images/blog/2025/fresh-square.jpg" type="image/jpeg" /> <img src="/content/images/blog/2025/fresh-square.jpg" loading="lazy" class="img-fluid w-100" alt="A brand new bd2 blog cover image"> </picture> </a> </div> </div> <div class="col-12 col-xl-8"> <div class="mask insight-wrapper" style="--mask-bg: url(/content/images/mask/mask-right-semi-circle.svg); background-color:#fff;"> <div class="position-relative insight-summary d-flex flex-column justify-content-between"> <div> <p class="line-height-xs"><b>A brand new bd2</b></p> <p class="font-secondary date"><em>09.01.2025</em></p> </div> <div> <p class="font-secondary mb-0"> After more than quarter of a century in business, we decided the time was right for a brand refresh because sometimes you need the fresh impetus of a brand new look, or a new brand look... </p> </div> <a href="/insights/articles/a-brand-new-bd2/" class="insight-link"> <svg xmlns="http://www.w3.org/2000/svg" width="48" viewBox="0 0 32 32"> <path d="M16 1c8.3 0 15 6.7 15 15s-6.7 15-15 15S1 24.3 1 16 7.7 1 16 1m0-1C7.1 0 0 7.2 0 16s7.2 16 16 16 16-7.2 16-16S24.8 0 16 0Z" style="fill:#000"></path> <path d="M16.9 9.6c.2-.2.5-.2.7 0l6 6c.2.2.2.5 0 .7l-6 6c-.2.2-.5.2-.7 0s-.2-.5 0-.7l5.6-5.6-5.6-5.6c-.2-.2-.2-.5 0-.7" style="fill:#fcfcfc;fill-rule:evenodd;stroke:#000;stroke-miterlimit:1.9"></path> </svg> </a> </div> </div> </div> </div> </div> </div> </div> </section> <section id="testimonials" class="min-vh-100 d-flex align-items-center py-3" style="background: #fff;"> <div class="container-fluid px-xxl-5"> <div class="row"> <div class="col"> <div class="row d-none d-xl-block"> <div class="col-12 col-xl-3"> <picture> <source srcset="/content/images/testimonial-before.png?format=webp&quality=90" type="image/webp"> <source srcset="/content/images/testimonial-before.png" type="image/png"> <img src="/content/images/testimonial-before.png" alt="" class="img-fluid text-left" loading="lazy" width="457" height="362"> </picture> </div> </div> <div class="row"> <div class="d-none d-xl-block col-xl-3"> <div class="testimonial-wrapper bg-dark h-100"> </div> </div> <div class="col-12 col-xl-6"> <div id="testimonialsCarousel" class="splide" role="group" aria-label="Testimonials carousel"> <div class="splide__arrows"> <button class="splide__arrow splide__arrow--prev"> <svg xmlns="http://www.w3.org/2000/svg" width="48" viewBox="0 0 32 32"> <path d="M16 1c8.3 0 15 6.7 15 15s-6.7 15-15 15S1 24.3 1 16 7.7 1 16 1m0-1C7.1 0 0 7.2 0 16s7.2 16 16 16 16-7.2 16-16S24.8 0 16 0Z" style="fill:#fff"></path> <path d="M16.9 9.6c.2-.2.5-.2.7 0l6 6c.2.2.2.5 0 .7l-6 6c-.2.2-.5.2-.7 0s-.2-.5 0-.7l5.6-5.6-5.6-5.6c-.2-.2-.2-.5 0-.7" style="fill:#fcfcfc;fill-rule:evenodd;stroke:#fff;stroke-miterlimit:1.9"></path> </svg> </button> <button class="splide__arrow splide__arrow--next"> <svg xmlns="http://www.w3.org/2000/svg" width="48" viewBox="0 0 32 32"> <path d="M16 1c8.3 0 15 6.7 15 15s-6.7 15-15 15S1 24.3 1 16 7.7 1 16 1m0-1C7.1 0 0 7.2 0 16s7.2 16 16 16 16-7.2 16-16S24.8 0 16 0Z" style="fill:#fff"></path> <path d="M16.9 9.6c.2-.2.5-.2.7 0l6 6c.2.2.2.5 0 .7l-6 6c-.2.2-.5.2-.7 0s-.2-.5 0-.7l5.6-5.6-5.6-5.6c-.2-.2-.2-.5 0-.7" style="fill:#fcfcfc;fill-rule:evenodd;stroke:#fff;stroke-miterlimit:1.9"></path> </svg> </button> </div> <div class="splide__track"> <ul class="splide__list"> <li class="splide__slide"> <div class="row h-100"> <div class="col-12 col-xl-6"> <div class="testimonial-wrapper bg-dark text-white font-secondary h-100"> <p>"Our new website is everything we hoped for and more. It has become a crucial part of our business, with 80% of our sales now coming through it. We couldn't be happier with our decision to work with bd2. They have not only delivered a fantastic website but have also provided an ongoing partnership that we truly value. Thank you for your outstanding service!"</p> </div> </div> <div class="col-12 col-xl-6"> <div class="testimonial-wrapper bg-dark text-white testimonial-details h-100 d-flex flex-column justify-content-between"> <div class="mb-4"> <p class="line-height-sm">Jennifer Weightman<br /><b>Head of Sales and Marketing</b></p> <p><b>Prestige Leisure UK Ltd</b></p> </div> <picture> <source srcset="/content/images/testimonials/prestige.webp" type="image/webp"> <source srcset="/content/images/testimonials/prestige.png" type="image/png"> <img src="/content/images/testimonials/prestige.png" alt="Prestige Leisure UK Ltd" loading="lazy" class="img-fluid"> </picture> </div> </div> </div> </li> <li class="splide__slide"> <div class="row h-100"> <div class="col-12 col-xl-6"> <div class="testimonial-wrapper bg-dark text-white font-secondary h-100"> <p>"bd2 provide an unrivalled level of support and have been integral to the growth of the Timco website. Our old Magento site was handling less than 10% of our overall sales, but the new solution bd2 designed and developed handles over 60% of all our sales.</p> <p>bd2 has built up a great understanding of our business and what we need. Their expertise and knowledge has provided great insight, as well as results, helping to make Timco the number one B2B website in its industry."</p> </div> </div> <div class="col-12 col-xl-6"> <div class="testimonial-wrapper bg-dark text-white testimonial-details h-100 d-flex flex-column justify-content-between"> <div class="mb-4"> <p class="line-height-sm">Charles Du Pre<br /><b>Head of Marketing</b></p> <p><b>Timco</b></p> </div> <picture> <source srcset="/content/images/testimonials/timco.webp" type="image/webp"> <source srcset="/content/images/testimonials/timco.png" type="image/png"> <img src="/content/images/testimonials/timco.png" alt="Timco" loading="lazy" class="img-fluid"> </picture> </div> </div> </div> </li> <li class="splide__slide"> <div class="row h-100"> <div class="col-12 col-xl-6"> <div class="testimonial-wrapper bg-dark text-white font-secondary h-100"> <p>"bd2 and I have done amazing, great business together with real insight. The projects completed for HP are brilliant, high quality and innovative. bd2 - highly regarded and recommended."</p> </div> </div> <div class="col-12 col-xl-6"> <div class="testimonial-wrapper bg-dark text-white testimonial-details h-100 d-flex flex-column justify-content-between"> <div class="mb-4"> <p class="line-height-sm">David Cummings<br /><b>Cloud Practice Director</b></p> <p><b>Hewlett Packard Enterprise</b></p> </div> <picture> <source srcset="/content/images/testimonials/hp.webp" type="image/webp"> <source srcset="/content/images/testimonials/hp.png" type="image/png"> <img src="/content/images/testimonials/hp.png" alt="Hewlett Packard Enterprise" loading="lazy" class="img-fluid"> </picture> </div> </div> </div> </li> <li class="splide__slide"> <div class="row h-100"> <div class="col-12 col-xl-6"> <div class="testimonial-wrapper bg-dark text-white font-secondary h-100"> <p>"An agency that knows what they’re talking about and listens to what you’re talking about."</p> </div> </div> <div class="col-12 col-xl-6"> <div class="testimonial-wrapper bg-dark text-white testimonial-details h-100 d-flex flex-column justify-content-between"> <div class="mb-4"> <p class="line-height-sm">Chris Welsh<br /><b>Managing Director</b></p> <p><b>Saturn Visual Solutions</b></p> </div> <picture> <source srcset="/content/images/testimonials/saturn-2.webp" type="image/webp"> <source srcset="/content/images/testimonials/saturn-2.png" type="image/png"> <img src="/content/images/testimonials/saturn-2.png" alt="Saturn Visual Solutions" loading="lazy" class="img-fluid"> </picture> </div> </div> </div> </li> <li class="splide__slide"> <div class="row h-100"> <div class="col-12 col-xl-6"> <div class="testimonial-wrapper bg-dark text-white font-secondary h-100"> <p>"We’ve been delighted with the partnership with bd2. The team has consistently exceeded our expectations."</p> </div> </div> <div class="col-12 col-xl-6"> <div class="testimonial-wrapper bg-dark text-white testimonial-details h-100 d-flex flex-column justify-content-between"> <div class="mb-4"> <p class="line-height-sm">Steve Elting<br /><b>Managing Director</b></p> <p><b>Potters Vifor</b></p> </div> <picture> <source srcset="/content/images/testimonials/vifor-2.webp" type="image/webp"> <source srcset="/content/images/testimonials/vifor-2.png" type="image/png"> <img src="/content/images/testimonials/vifor-2.png" alt="Potters Vifor" loading="lazy" class="img-fluid"> </picture> </div> </div> </div> </li> <li class="splide__slide"> <div class="row h-100"> <div class="col-12 col-xl-6"> <div class="testimonial-wrapper bg-dark text-white font-secondary h-100"> <p>"We wanted an EPOS system that could be customer facing, that should be as easy to use as a website and of course as beautiful as a website. That look and feel was important."</p> </div> </div> <div class="col-12 col-xl-6"> <div class="testimonial-wrapper bg-dark text-white testimonial-details h-100 d-flex flex-column justify-content-between"> <div class="mb-4"> <p class="line-height-sm">James Amos<br /><b>Marketing Director</b></p> <p><b>Boodles</b></p> </div> <picture> <source srcset="/content/images/testimonials/boodles-2.webp" type="image/webp"> <source srcset="/content/images/testimonials/boodles-2.png" type="image/png"> <img src="/content/images/testimonials/boodles-2.png" alt="Boodles" loading="lazy" class="img-fluid"> </picture> </div> </div> </div> </li> <li class="splide__slide"> <div class="row h-100"> <div class="col-12 col-xl-6"> <div class="testimonial-wrapper bg-dark text-white font-secondary h-100"> <p>"bd2 impressed me with their professional approach and highly developed methodologies. I’ve had a really positive experience and get a sense that we’ll work in partnership for years to come."</p> </div> </div> <div class="col-12 col-xl-6"> <div class="testimonial-wrapper bg-dark text-white testimonial-details h-100 d-flex flex-column justify-content-between"> <div class="mb-4"> <p class="line-height-sm">Dr Warren Larkin<br /><b>Director</b></p> <p><b>Warren Larkin Associates</b></p> </div> <picture> <source srcset="/content/images/testimonials/warren-larkin.webp" type="image/webp"> <source srcset="/content/images/testimonials/warren-larkin.png" type="image/png"> <img src="/content/images/testimonials/warren-larkin.png" alt="Warren Larkin Associates" loading="lazy" class="img-fluid"> </picture> </div> </div> </div> </li> <li class="splide__slide"> <div class="row h-100"> <div class="col-12 col-xl-6"> <div class="testimonial-wrapper bg-dark text-white font-secondary h-100"> <p>"We would like to say a huge thank you for all your support. Everyone at bd2 has been lovely and we really appreciate that. People like yourselves are what made a difference to the testimonial and made it such a fabulous success."</p> </div> </div> <div class="col-12 col-xl-6"> <div class="testimonial-wrapper bg-dark text-white testimonial-details h-100 d-flex flex-column justify-content-between"> <div class="mb-4"> <p class="line-height-sm">Michael McIlorum<br /><b>RL Testimonial 2017</b></p> <p><b>Wigan Warriors</b></p> </div> <picture> <source srcset="/content/images/testimonials/wigan-warriors.webp" type="image/webp"> <source srcset="/content/images/testimonials/wigan-warriors.png" type="image/png"> <img src="/content/images/testimonials/wigan-warriors.png" alt="Wigan Warriors" loading="lazy" class="img-fluid"> </picture> </div> </div> </div> </li> <li class="splide__slide"> <div class="row h-100"> <div class="col-12 col-xl-6"> <div class="testimonial-wrapper bg-dark text-white font-secondary h-100"> <p>"We are used to dealing with leading London agencies so we were genuinely surprised to find a local agency with such a high level of creativity right on our doorstep."</p> </div> </div> <div class="col-12 col-xl-6"> <div class="testimonial-wrapper bg-dark text-white testimonial-details h-100 d-flex flex-column justify-content-between"> <div class="mb-4"> <p class="line-height-sm">Morag Girdwood<br /><b>Marketing Director</b></p> <p><b>Milliken</b></p> </div> <picture> <source srcset="/content/images/testimonials/milliken-2.webp" type="image/webp"> <source srcset="/content/images/testimonials/milliken-2.png" type="image/png"> <img src="/content/images/testimonials/milliken-2.png" alt="Milliken" loading="lazy" class="img-fluid"> </picture> </div> </div> </div> </li> <li class="splide__slide"> <div class="row h-100"> <div class="col-12 col-xl-6"> <div class="testimonial-wrapper bg-dark text-white font-secondary h-100"> <p>"We know what we want from our online presence and bd2 know how to do it."</p> </div> </div> <div class="col-12 col-xl-6"> <div class="testimonial-wrapper bg-dark text-white testimonial-details h-100 d-flex flex-column justify-content-between"> <div class="mb-4"> <p class="line-height-sm">Paul Shore<br /><b>Commercial Director</b></p> <p><b>Ralawise</b></p> </div> <picture> <source srcset="/content/images/testimonials/ralawise-2.webp" type="image/webp"> <source srcset="/content/images/testimonials/ralawise-2.png" type="image/png"> <img src="/content/images/testimonials/ralawise-2.png" alt="Ralawise" loading="lazy" class="img-fluid"> </picture> </div> </div> </div> </li> <li class="splide__slide"> <div class="row h-100"> <div class="col-12 col-xl-6"> <div class="testimonial-wrapper bg-dark text-white font-secondary h-100"> <p>"bd2 is not just a design agency - we brainstorm projects and work out strategies together way before the design stage."</p> </div> </div> <div class="col-12 col-xl-6"> <div class="testimonial-wrapper bg-dark text-white testimonial-details h-100 d-flex flex-column justify-content-between"> <div class="mb-4"> <p class="line-height-sm">Alan Simpson<br /><b>Chief Executive Chairman</b></p> <p><b>Datel</b></p> </div> <picture> <source srcset="/content/images/testimonials/datel.webp" type="image/webp"> <source srcset="/content/images/testimonials/datel.png" type="image/png"> <img src="/content/images/testimonials/datel.png" alt="Datel" loading="lazy" class="img-fluid"> </picture> </div> </div> </div> </li> <li class="splide__slide"> <div class="row h-100"> <div class="col-12 col-xl-6"> <div class="testimonial-wrapper bg-dark text-white font-secondary h-100"> <p>"It goes without saying that we couldn’t be happier with the new Youth Zone brand. Already feedback is fantastic – it must be good if we can get Dave Whelan to like it! Thanks again for your support thus far. I look forward to working closely with you in the future."</p> </div> </div> <div class="col-12 col-xl-6"> <div class="testimonial-wrapper bg-dark text-white testimonial-details h-100 d-flex flex-column justify-content-between"> <div class="mb-4"> <p class="line-height-sm">Martin Ainscough CBE<br /><b>Chairman</b></p> <p><b>Ainscough Group</b></p> </div> <picture> <source srcset="/content/images/testimonials/ainscough-2.webp" type="image/webp"> <source srcset="/content/images/testimonials/ainscough-2.png" type="image/png"> <img src="/content/images/testimonials/ainscough-2.png" alt="Ainscough Group" loading="lazy" class="img-fluid"> </picture> </div> </div> </div> </li> <li class="splide__slide"> <div class="row h-100"> <div class="col-12 col-xl-6"> <div class="testimonial-wrapper bg-dark text-white font-secondary h-100"> <p>"bd2 became a fundamental part of our team. They led us through the process, explaining their ideas and thinking at every stage. We always understood what was being done and why."</p> </div> </div> <div class="col-12 col-xl-6"> <div class="testimonial-wrapper bg-dark text-white testimonial-details h-100 d-flex flex-column justify-content-between"> <div class="mb-4"> <p class="line-height-sm">Peter Dobson<br /><b>Managing Director</b></p> <p><b>PMD</b></p> </div> <picture> <source srcset="/content/images/testimonials/pmd.webp" type="image/webp"> <source srcset="/content/images/testimonials/pmd.png" type="image/png"> <img src="/content/images/testimonials/pmd.png" alt="PMD" loading="lazy" class="img-fluid"> </picture> </div> </div> </div> </li> <li class="splide__slide"> <div class="row h-100"> <div class="col-12 col-xl-6"> <div class="testimonial-wrapper bg-dark text-white font-secondary h-100"> <p>"We reached out to bd2 to create a website for our new property development company. Quite frankly they stood out head and shoulders above the competition and, even more impressively, they delivered beyond our expectations. They developed an image led site, that was simple to use but projected the luxury feel that we want our brand to be associated with. We still receive endless compliments on our website. It goes without saying that we would strongly recommend bd2 to any firm now looking to improve their online capabilities."</p> </div> </div> <div class="col-12 col-xl-6"> <div class="testimonial-wrapper bg-dark text-white testimonial-details h-100 d-flex flex-column justify-content-between"> <div class="mb-4"> <p class="line-height-sm">David Roberts<br /><b>Director</b></p> <p><b>Robelia</b></p> </div> <picture> <source srcset="/content/images/testimonials/robelia_logo2.webp" type="image/webp"> <source srcset="/content/images/testimonials/robelia_logo2.png" type="image/png"> <img src="/content/images/testimonials/robelia_logo2.png" alt="Robelia" loading="lazy" class="img-fluid"> </picture> </div> </div> </div> </li> <li class="splide__slide"> <div class="row h-100"> <div class="col-12 col-xl-6"> <div class="testimonial-wrapper bg-dark text-white font-secondary h-100"> <p> "We have worked with the team at bd2 on various projects for a good few years. They produced our website, which was no mean feat as we were taking two separate product and service sites and combining into one. Not only did they succeed in achieving the brief but they exceeded our expectations. </p> <p>The team are always helpful and on hand to offer assistance in design ideas and content generation when required and they are always swift in their response, we couldn't recommend them enough."</p> </div> </div> <div class="col-12 col-xl-6"> <div class="testimonial-wrapper bg-dark text-white testimonial-details h-100 d-flex flex-column justify-content-between"> <div class="mb-4"> <p class="line-height-sm">Patrick Brady<br /><b>Head of Operations</b></p> <p><b>Property Tectonics Ltd</b></p> </div> <picture> <source srcset="/content/images/testimonials/pt-lozenge-flat-small.webp" type="image/webp"> <source srcset="/content/images/testimonials/pt-lozenge-flat-small.png" type="image/png"> <img src="/content/images/testimonials/pt-lozenge-flat-small.png" alt="Property Tectonics Ltd" loading="lazy" class="img-fluid"> </picture> </div> </div> </div> </li> </ul> </div> </div> </div> <div class="d-none d-xl-block col-xl-3"> <div class="testimonial-wrapper bg-dark h-100"> </div> </div> </div> <div class="row d-none d-xl-block clearfix"> <div class="col-12 offset-xl-9 col-xl-3"> <picture> <source srcset="/content/images/testimonial-after.png?format=webp&quality=90" type="image/webp"> <source srcset="/content/images/testimonial-after.png" type="image/png"> <img src="/content/images/testimonial-after.png" alt="" class="img-fluid float-right" loading="lazy" width="457" height="362"> </picture> </div> </div> </div> </div> </div> </section> <section id="visit-us" class="min-vh-100 d-flex align-items-end py-3 py-lg-0" style="background:#000;"> <div class="container-fluid"> <div class="row"> <div class="col-12 col-lg-4 ms-auto"> <p class="text-white mb-4 font-size-2xl line-height-xs"><b>visit us</b></p> <p class="text-white font-secondary">We have an open door policy at bd2 studios with everyone welcome - just drop us an email or call to let us know when so we can prep the fresh coffee machines or there’s the added incentive of our own craft beer bar right next door!</p> </div> </div> <div class="row"> <div class="col-12 col-lg-8 scroll-animate reveal-left"> <div class="mask mb-4 mb-lg-0" style="--mask-bg: url(/content/images/mask/mask-bd.svg);"> <picture> <source srcset="/content/images/temp/offices-2022.webp" type="image/webp" /> <source srcset="/content/images/temp/offices-2022.jpg" type="image/jpeg" /> <img src="/content/images/temp/offices-2022.jpg" loading="lazy" class="img-fluid" alt=""> </picture> </div> </div> <div class="col-12 col-lg-4"> <div class="d-flex flex-column justify-content-between h-100 mask" style="background: #53b99d; color:white;--mask-bg: url(/content/images/mask/mask-2.svg);"> <div class="location-details d-flex flex-column justify-content-between"> <div> <p class="text-white font-size-2xl line-height-xs mb-0"><b>bd2 studios</b> <br />55 Kenyon Road <br />Wigan <br />WN1 2DU</p> </div> <div> <p class="text-white font-size-2xl line-height-xs mb-0">+44 (0)1942 234900 <br />enquiries@bd2.co.uk</p> </div> </div> <div class="d-none d-lg-block" style="height:50%;"> <div class="google-maps"> <iframe src="https://www.google.com/maps/embed/v1/place?q=place_id:ChIJ7QXvoHQPe0gR6r9JbR6zUik&key=AIzaSyBsPotR_cnFT1nMehViLveUu-Z2YiI1jIE" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" loading="lazy" style="border: 0;" allowfullscreen=""></iframe> </div> </div> </div> </div> </div> </div> </section> <section id="contact" class="img-cover" style="--image-bg: url('/content/images/bg/contact-bg.jpg');"> <div class="min-vh-100 d-flex align-items-center py-4 py-lg-0"> <div class="container"> <div class="row"> <div class="col"> <p class="text-white mb-4 font-size-2xl line-height-xs"><b>talk to us</b></p> </div> </div> <form id="contactForm" autocomplete="off" v-on:submit.prevent="submitForm"> <input name="__RequestVerificationToken" type="hidden" value="CfDJ8DOoojCT4Q5Mvjztr7P1ugBzO3S0EQls_sNDzi5XEUVGf6lMFiVdDDfRdWY_tyFzHWTIk9APNoT8qGv7NNbaqjIcUYQnPY9WDPsSQzctW_dv0eEku5KQa-5RsZB_l4QlTRBsO7dhcXCriHsgAgsLpME" /> <div class="row equal-height-columns"> <div class="col-md-6 d-flex flex-column"> <div class="form-floating mb-3"> <input type="text" class="form-control" id="name" placeholder="name" v-model="form.name" data-validation-required maxlength="20"> <label for="name">*name:</label> </div> <div class="form-floating mb-3 position-relative"> <input type="email" class="form-control" id="email" placeholder="Email" v-model="form.email" data-validation-email maxlength="30"> <input type="email" class="form-control" id="confirmEmail" placeholder="Confirm Email" style="position:absolute;left:0;top:0;width:100%;z-index:-1;opacity:0;pointer-events:none;" v-model="form.confirmEmail" tabindex="-1" maxlength="10"> <label for="email">*email:</label> </div> <div class="form-floating mb-3"> <input type="text" class="form-control" id="company" placeholder="Company/Organisation" v-model="form.company" maxlength="20"> <label for="company">company/organisation:</label> </div> <div class="form-floating mb-3"> <input type="text" class="form-control" id="jobTitle" placeholder="Job Title" v-model="form.jobTitle" maxlength="20"> <label for="jobTitle">job title:</label> </div> <div class="form-floating mb-3"> <input type="tel" class="form-control" id="telephone" placeholder="Telephone" v-model="form.telephone" maxlength="20"> <label for="telephone">telephone:</label> </div> <div class="form-floating mb-3"> <input type="tel" class="form-control" id="mobile" placeholder="Mobile" v-model="form.mobile" maxlength="20"> <label for="mobile">mobile:</label> </div> </div> <div class="col-md-6 d-flex flex-column"> <div class="form-floating mb-3 flex-grow-1"> <textarea class="form-control enquiry-textarea h-100" id="enquiry" placeholder="enquiry" v-model="form.enquiry" data-validation-required maxlength="700"> </textarea> <label for="enquiry">*enquiry:</label> </div> <div class="custom-check-wrapper"> <label class="form-label d-block">please indicate any specific areas of interest:</label> <div class="form-check form-check-inline custom-checkbox d-flex d-lg-inline-flex align-items-center" v-for="checkbox in checkboxes"> <input class="form-check-input" type="checkbox" :id="checkbox" :value="checkbox" v-on:click="appendAreaOfInterest(checkbox)"> <label class="form-check-label ms-3" :for="checkbox">{{checkbox}}</label> </div> </div> </div> </div> <div class="row"> <div class="col-md-6"> <div class="form-check custom-checkbox d-flex align-items-center" data-validation-checkbox> <input class="form-check-input circular" type="checkbox" id="terms"> <label class="form-check-label ms-3" for="terms"> I accept the <a href="/terms-and-conditions" target="_blank">terms & conditions</a> and understand the <a href="/privacy-policy" target="_blank">privacy policy</a>. </label> </div> </div> <div class="col-md-6 text-end"> <div class="d-flex align-items-center justify-content-end"> <button id="contact-form-button" type="submit" class="btn btn-transparent text-white"> <b>{{ formSubmitting ? 'submitting...' : 'submit'}}</b> <svg xmlns="http://www.w3.org/2000/svg" class="ms-2" width="48" viewBox="0 0 32 32"> <circle cx="16" cy="16" r="16" style="fill:#fff"/> <path d="M16.9 9.6c.2-.2.5-.2.7 0l6 6c.2.2.2.5 0 .7l-6 6c-.2.2-.5.2-.7 0s-.2-.5 0-.7l5.6-5.6-5.6-5.6c-.2-.2-.2-.5 0-.7" style="fill:#000;fill-rule:evenodd;stroke:#000;stroke-miterlimit:1.9"/> </svg> </button> </div> </div> </div> <div class="modal fade" id="successModal" tabindex="-1" aria-labelledby="successModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body p-5"> <p class="text-center"> <b>{{modalMessage}}</b> </p> </div> </div> </div> </div> </form> <script> var contactUsEndpointUrl = "/umbraco/api/contactusapi/Index" var recaptchaSiteKey = "6LfktI0qAAAAADWXqs6_tddsTrHC13ZsPFjVuUwL" var successMessage = "Thank you. Your enquiry has been sent." </script> </div> </div> </section> </main> <footer> <div class="container-fluid"> <div class="row text-white"> <div class="col-md-8 col-lg-5"> <div class="policy-links mb-3"> <p class="mb-0"><span class="label">policies:</span> <a href="/cookies-policy" class="link-text">cookies</a>, <a href="/privacy-policy">privacy</a>, <a href="/terms-and-conditions">and terms & conditions</a></p> <p class="mb-0"> <span class="label">trade:</span> <a href="/trade" class="link-text">professional bodies, memberships and accreditations</a> </p> <p class="mb-0"> <span class="label">insurances:</span> <a href="/insurances" class="link-text">professional indemnity, products, employees, cyber and data</a> </p> </div> <p class="font-secondary mb-2">© Copyright <script>document.write( new Date().getFullYear() );</script> bd2. All rights reserved.<br> 'bd2' is the trading name of Bentley Designs Limited.</p> <p class="font-secondary small mb-0">This site is protected by reCAPTCHA and the Google <a href="https://policies.google.com/privacy" target="_blank">Privacy Policy</a> and <a href="https://policies.google.com/terms" target="_blank">Terms of Service</a> apply.</p> </div> <div class="d-none d-lg-block col-lg-2 text-center"> <a href="#" role="button" aria-label="Scroll to top"> <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 32 32"> <path d="M16 1c8.3 0 15 6.7 15 15s-6.7 15-15 15S1 24.3 1 16 7.7 1 16 1m0-1C7.1 0 0 7.2 0 16s7.2 16 16 16 16-7.2 16-16S24.8 0 16 0Z" fill="#fff"/> <path d="M9.6 15.6c.5.5 1.3.5 1.8 0l4.5-4.5 4.5 4.5c.5.5 1.3.5 1.8 0s.5-1.4 0-1.9l-5.4-5.4c-.3-.3-.6-.4-1-.4s-.7 0-1 .4l-5.4 5.4c-.5.5-.5 1.3 0 1.8Z" fill="#fff"/> <path d="M16 10v14" style="stroke:#fff;stroke-linecap:round;stroke-width:2px;fill:#fff"/> </svg> </a> </div> <div class="col-md-4 col-lg-5 text-end d-flex flex-column justify-content-between"> <div> <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 418 144.9" height="32" class="logo mb-2 mb-lg-0"> <defs> <style> .cls-1 { fill: #fff; } </style> <!-- Gradient Definition --> <linearGradient id="myGradient" gradientUnits="userSpaceOnUse" x1="0" y1="0" x2="0" y2="144.9"> <stop offset="0%" stop-color="#045a76"/> <!-- Dark teal --> <stop offset="25%" stop-color="#048c8c"/> <!-- Lighter teal --> <stop offset="50%" stop-color="#69bfa4"/> <!-- Soft greenish-teal --> <stop offset="75%" stop-color="#b2db96"/> <!-- Pale green --> <stop offset="100%" stop-color="#f2e88c"/> <!-- Light yellow --> </linearGradient> </defs> <g> <g id="Layer_1"> <!-- Apply gradient to the whole group of paths --> <g fill="url(#myGradient)"> <path d="M389.8,46.3c0-17-13.7-30.7-30.7-30.7h-92.1v61.4h92.1c17,0,30.7-13.7,30.7-30.7"/> <path d="M389.8,144.5v-61.4h-61.4c-33.9,0-61.4,27.5-61.4,61.4h122.8Z"/> </g> <!-- Other elements (like text and white paths) retain their own styles --> <g> <path class="cls-1" d="M122.8,46.3c0-17-13.7-30.7-30.7-30.7H0v61.4h92.1c17,0,30.7-13.7,30.7-30.7"/> <path class="cls-1" d="M122.8,114.2c0-16.9-13.7-30.7-30.7-30.7H0v61.4h92.1c17,0,30.7-13.7,30.7-30.7"/> <rect class="cls-1" x="128.9" y="15.6" width="61.4" height="128.9"/> <path class="cls-1" d="M260.9,80c0-35.6-28.9-64.5-64.5-64.5v128.9c35.6,0,64.5-28.9,64.5-64.5"/> <path class="cls-1" d="M402.6,14.8h2.5V3.4h0l4.1,11.5h2.1l4.1-11.5h0v11.5h2.5V0h-3.6l-4,11.6h0l-4.1-11.6h-3.7v14.8h0ZM389.8,2.2h4.7v12.6h2.6V2.2h4.7V0h-12v2.2h0Z"/> </g> </g> </g> </svg> </div> <div> <a href="https://www.instagram.com/bd2studios/" class="me-2" target="_blank"> <svg xmlns="http://www.w3.org/2000/svg" width="32" viewBox="0 0 24 24"> <path d="M11.9 2.2h4.8c1.2 0 1.8.2 2.3.5.6.2 1 .5 1.4 1s.7.8.8 1.4c.1.4.4 1.1.4 2.3V17c0 1.2-.2 1.8-.4 2.3-.2.6-.5 1-.8 1.4s-.8.7-1.4.8c-.4.1-1.1.4-2.3.4H7.1c-1.2 0-1.8-.2-2.3-.4-.6-.2-1-.5-1.4-.8s-.7-.8-1-1.4c0-.5-.2-1.2-.4-2.3V7.3c0-1.2.2-1.8.4-2.3.2-.6.5-1 1-1.4s.8-.7 1.4-1c.4 0 1.1-.2 2.2-.4h4.8m.1-2.2H7C5.7 0 4.8.2 4.1.6c-.8.4-1.4.7-2.2 1.4C1.2 2.6.8 3.3.6 4.2.2 4.9.1 5.9 0 7.1v9.8c0 1.3.2 2.2.6 2.9.4.8.7 1.4 1.4 2.2.6.6 1.3 1.1 2.2 1.4.7.2 1.7.5 2.9.6h9.8c1.3 0 2.2-.2 2.9-.6.8-.2 1.4-.7 2.2-1.4s1.1-1.3 1.4-2.2c.2-.7.5-1.7.6-2.9V7.1c0-1.3-.2-2.2-.6-2.9-.4-.8-.7-1.4-1.4-2.2S20.7.9 19.8.6c-.7-.4-1.7-.5-2.9-.6h-5Zm0 5.9c-3.4 0-6.1 2.8-6.1 6.1s2.8 6.1 6.1 6.1S18 15.3 18 12s-2.8-6.1-6.1-6.1Zm0 10.1c-2.2 0-4-1.8-4-4s1.8-4 4-4 4 1.8 4 4-1.8 4-4 4Zm7.8-10.4c0 .8-.6 1.4-1.4 1.4s-1.4-.6-1.4-1.4.6-1.4 1.4-1.4 1.4.6 1.4 1.4Z" style="fill:#fff;fill-rule:evenodd"/> </svg> </a> <a href="https://www.linkedin.com/company/bd2" target="_blank" class="ms-3"> <svg xmlns="http://www.w3.org/2000/svg" width="32" viewBox="0 0 24 23"> <path d="M5.1 2.5c0 1.3-1 2.5-2.5 2.5S0 4 0 2.5 1 0 2.5 0 5 1 5 2.5Zm0 4.5h-5v16H5V7Zm8 0H8.2v16h4.9v-8.3c0-4.6 6-5.1 6 0V23H24V12.9c0-7.9-8.8-7.6-10.9-3.7V7.1Z" style="fill:#fff"/> </svg> </a> </div> </div> </div> </div> </footer> <div class="modal fade" id="videoModal" tabindex="-1" aria-labelledby="videoModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-xl"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <div id="videoContainer" class="ratio ratio-16x9"></div> </div> </div> </div> </div> <script src="https://player.vimeo.com/api/player.js"></script> <script src="/sb/dependencies-js-bundle-production.js.v638834850650000000" type="text/javascript"></script> <script src="/sc/7d216190.0aca6c02.95ec3ba8.js.v638834850650000000"></script><script src="https://www.google.com/recaptcha/api.js?render=6LfktI0qAAAAADWXqs6_tddsTrHC13ZsPFjVuUwL"></script> </body> </html>