{"id":735,"date":"2011-11-11T15:31:00","date_gmt":"2011-11-11T15:31:00","guid":{"rendered":"https:\/\/cbwebsitedesign.co.uk\/?page_id=735"},"modified":"2025-11-10T15:26:55","modified_gmt":"2025-11-10T15:26:55","slug":"website-design","status":"publish","type":"page","link":"https:\/\/www.cbwebsitedesign.co.uk\/website-design\/","title":{"rendered":"Website Design"},"content":{"rendered":"<!-- title-bar --><section class=\"section title-bar title-bar-fluid title-bar-dark inverted has-video \">\n  <div\n    class=\"container relative z-20 flex items-center pointer-events-none\">\n    <div class=\"row w-full mb-layout-sm\">\n      <div class=\"w-full sm:w-3\/4 md:w-1\/2\">\n                  <h1 class=\"h1 mb-6\">Bespoke <span style=\"font-weight:300\">Web Design<\/span><\/h1>\n                          <div class=\"content wysiwyg\">\n            <p>Bespoke website design from an award-winning London agency, beautifully built to showcase your brand and meet your unique requirements.<\/p>\n          <\/div>\n              <\/div>\n    <\/div>\n  <\/div>\n      <div class=\"video-wrapper round-corners container relative z-10\">\n              <figure class=\"media round-corners\">\n          <video\n            playsinline\n            autoplay\n            muted\n            loop\n                        poster=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/07\/creativeweb-cover.png\">\n                    <source\n            type=\"video\/mp4\"\n            data-src=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/07\/Creative-Brand-Design-Showreel-V3.mp4\" \/>\n          Your browser does not support the video tag.\n          <\/video>\n        <\/figure>\n          <\/div>\n    <div class=\"bg\">\n  <\/div>\n  <div class=\"gradient\">\n    <canvas id=\"hero-gradient\"><\/canvas>\n  <\/div>\n<\/section>\n\n<!-- content-images --><section class=\"section content-images padded\">\n  <div class=\"bg bg-padded bg-white\"><\/div>\n  <div class=\"container\">\n        <div class=\"row items-center justify-between gap-12\">\n            <div class=\"mx-auto w-full sm:w-5\/12\">\n          <video\n            muted\n                        playsinline\n            data-autoplay-in-viewport=\"true\"\n            preload=\"none\"\n            class=\"inset-0 object-cover w-full\"\n                            poster=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/02\/bespoke-web-design.webp\"\n                        >\n            <source\n              data-src=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/02\/bespoke-web-design.mp4\"\n              type=\"video\/mp4\" \/>\n          <\/video>\n        <\/div>\n      \n      <div class=\"w-full sm:w-6\/12\">\n        <div class=\"inner pb-layout-sm\">\n                                    <div class=\"subtitle\">\n                <svg width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 24 24\"> <use href=\"#dot\"><\/use> <\/svg>\n                Custom Web Design Agency              <\/div>\n                        <h2><p>Industry-Leading Digital Experiences<\/p>\n<\/h2>\n                                            <div\n              class=\"content sm:w-11\/12 lg:w-full\">\n              <p>We are an award-winning web design agency, that are dedicated to creating interactive, bespoke, and SEO-optimised websites. With over a decade of experience, we have successfully designed and developed more than 500 unique websites since being founded in 2013.<\/p>\n<p>Our approach follows a thorough, multi-phased process to ensure your website aligns with your vision &#038; brand identity. Our SEO experts provide optimisation and support to boost visibility. We deliver digital experiences that engage your audience and drive positive ROI. <\/p>\n                              <!-- Widgets -->\n                <div\n                  class=\"svg-widgets mt-12 mb-4\" data-fade-in-childs>\n                                        <div class=\"flex items-center\">\r\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"106\" height=\"30\" viewBox=\"0 0 106 30\" fill=\"none\"> <g clip-path=\"url(#clip0_1217_9231)\"> <path d=\"M27.582 0H32.4078V30H27.582V0ZM49.2982 20.43C49.2982 25.0212 45.417 25.3872 44.2624 25.3872C41.3778 25.3872 40.853 22.7016 40.853 21.0816V9.6H36.0272V21.0576C36.0272 23.9016 36.9248 26.2488 38.498 27.8136C39.8878 29.1972 41.9702 29.9532 44.2262 29.9532C45.826 29.9532 48.0917 29.4576 49.2982 28.362V30H54.124V9.6H49.2982V20.43ZM63.7756 2.4H58.9498V9.6H55.3304V14.4H58.9498V30H63.7756V14.4H67.3949V9.6H63.7756V2.4ZM82.5926 23.9004C81.5418 24.84 80.1544 25.3608 78.6318 25.3608C75.2755 25.3608 72.8107 22.9092 72.8107 19.5432C72.8107 16.1772 75.197 13.8288 78.6318 13.8288C80.1278 13.8288 81.5418 14.3244 82.6191 15.264L83.3514 15.8904L86.6052 12.6552L85.7909 11.9244C83.8763 10.2048 81.3343 9.24 78.6306 9.24C72.5983 9.24 68.2177 13.5696 68.2177 19.518C68.2177 25.4412 72.7033 29.9256 78.6306 29.9256C81.3849 29.9256 83.9535 28.9608 85.844 27.2136L86.6306 26.4828L83.3261 23.25L82.5926 23.9004ZM103.83 11.3784C102.44 9.996 100.811 9.24 98.5551 9.24C96.9554 9.24 95.1433 9.7356 93.9368 10.83V0H89.111V30H93.9368V18.762C93.9368 14.1708 97.216 13.806 98.3706 13.806C101.255 13.806 101.176 16.4928 101.176 18.1104V30H106.001V18.1356C106.001 15.2916 105.404 12.9444 103.83 11.3784Z\" fill=\"currentColor\"><\/path> <path d=\"M78.4712 16.1254C79.3966 16.1254 80.284 16.4911 80.9383 17.1419C81.5927 17.7927 81.9603 18.6754 81.9603 19.5958C81.9603 20.5163 81.5927 21.399 80.9383 22.0498C80.284 22.7006 79.3966 23.0662 78.4712 23.0662C77.5458 23.0662 76.6584 22.7006 76.0041 22.0498C75.3497 21.399 74.9821 20.5163 74.9821 19.5958C74.9821 18.6754 75.3497 17.7927 76.0041 17.1419C76.6584 16.4911 77.5458 16.1254 78.4712 16.1254ZM20.8246 22.465C18.9895 24.343 16.497 25.3606 13.8742 25.3606C8.49824 25.3606 4.58934 21.1606 4.58934 15.3958C4.58934 9.60464 8.49824 5.40464 13.8742 5.40464C16.4717 5.40464 18.9365 6.42104 20.7992 8.27384L21.5327 9.00464L24.7588 5.79584L24.0506 5.06504C21.3759 2.32544 17.7565 0.839844 13.8742 0.839844C5.95384 0.839844 0 7.10024 0 15.421C0 23.7166 5.98038 29.9518 13.8742 29.9518C17.7831 29.9518 21.4024 28.4398 24.0771 25.7002L24.7853 24.9694L21.5858 21.709L20.8246 22.465Z\" fill=\"currentColor\"><\/path> <path d=\"M80.9386 17.1415C80.2843 16.4906 79.3968 16.125 78.4715 16.125C77.5461 16.125 76.6587 16.4906 76.0043 17.1415C75.35 17.7923 74.9824 18.675 74.9824 19.5954C74.9824 20.5158 75.35 21.3985 76.0043 22.0493C76.6587 22.7002 77.5461 23.0658 78.4715 23.0658C79.3968 23.0658 80.2843 22.7002 80.9386 22.0493C81.5929 21.3985 81.9605 20.5158 81.9605 19.5954C81.9605 18.675 81.5929 17.7923 80.9386 17.1415Z\" fill=\"#EF4335\"><\/path> <\/g> <defs> <clipPath id=\"clip0_1217_9231\"><rect width=\"106\" height=\"30\" fill=\"currentColor\"><\/rect><\/clipPath> <\/defs> <\/svg>\r\n<div class=\"award-badge-content\"> 50+ Reviews<div class=\"rate\"> <i class=\"i i-star active\"><\/i> <i class=\"i i-star active\"><\/i> <i class=\"i i-star active\"><\/i> <i class=\"i i-star active\"><\/i> <i class=\"i i-star active\"><\/i> <span>5.0<\/span><\/div><\/div><\/div>                                        <div class=\"flex items-center\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"97\" height=\"16\" viewBox=\"0 0 97 16\" fill=\"none\"> <g clip-path=\"url(#clip0_1568_7631)\"> <path d=\"M0.760595 7.79507C1.10232 6.08156 2.64008 4.87203 4.82712 4.87203C7.35589 4.87203 9.30372 5.91357 9.30372 9.2734V15.5227H7.15085L6.87747 14.1787C6.12568 15.0859 5.13467 15.6907 3.59691 15.6907C1.78577 15.6907 0.350525 14.5819 0.350525 12.4988C0.350525 10.4157 2.23001 9.07181 4.89547 9.07181H6.67244V8.60143C6.67244 7.42549 5.78395 7.05591 4.79295 7.05591C4.04115 7.05591 3.28936 7.2911 2.94763 8.26545L0.760595 7.79507ZM4.21202 13.5068C5.40805 13.5068 6.67244 12.7004 6.67244 11.3565V11.1549H4.92964C3.80195 11.1213 3.1185 11.5581 3.1185 12.4652C3.1185 12.9692 3.49439 13.5068 4.21202 13.5068ZM51.951 7.79507C52.2927 6.08156 53.8305 4.87203 56.0175 4.87203C58.5463 4.87203 60.4941 5.91357 60.4941 9.2734V15.5227H58.3413L58.0679 14.1787C57.3161 15.0859 56.3251 15.6907 54.7873 15.6907C52.9762 15.6907 51.5409 14.5819 51.5409 12.4988C51.5409 10.4157 53.4204 9.07181 56.0859 9.07181H57.8628V8.60143C57.8628 7.42549 56.9744 7.05591 55.9833 7.05591C55.2316 7.05591 54.4798 7.2911 54.138 8.26545L51.951 7.79507ZM55.4024 13.5068C56.5985 13.5068 57.8628 12.7004 57.8628 11.3565V11.1549H56.12C54.9923 11.1549 54.3089 11.5581 54.3089 12.4988C54.3089 12.9692 54.6848 13.5068 55.4024 13.5068ZM62.8862 15.5563V5.04002H65.5175V6.75353C66.2693 5.51039 67.4653 4.87203 68.6613 4.87203C69.1398 4.87203 69.5157 4.93922 69.9599 5.07362L69.4815 7.45909C69.1739 7.2575 68.8322 7.15671 68.388 7.15671C66.8502 7.15671 65.5175 8.39984 65.5175 11.7933V15.5227L62.8862 15.5563ZM75.5642 4.87203C76.6577 4.87203 77.6829 5.4096 78.1613 5.98077V0.806641H80.7926V15.5563H78.1613V14.4811C77.8537 15.0187 76.8969 15.7243 75.5642 15.7243C72.352 15.7243 70.7117 13.5404 70.7117 10.3149C70.7117 7.08951 72.352 4.87203 75.5642 4.87203ZM75.9401 13.5068C77.307 13.5068 78.4005 12.398 78.4005 10.3149C78.4005 8.23185 77.307 7.12311 75.9401 7.12311C74.5732 7.12311 73.4797 8.23185 73.4797 10.3149C73.4797 12.398 74.5732 13.5068 75.9401 13.5068ZM90.2925 6.55194L88.7206 7.96307C88.2422 7.3247 87.5246 7.05591 86.9436 7.05591C86.431 7.05591 85.9526 7.3583 85.9526 7.92947C85.9526 8.39984 86.3285 8.73583 86.9778 8.93742C88.4472 9.47499 90.8393 9.91176 90.8393 12.1628C90.8393 14.0779 89.3699 15.6571 87.0462 15.6571C84.8249 15.6571 83.3214 14.1115 82.8088 12.8348L84.8933 11.7261C85.2692 12.734 85.9868 13.4732 87.0462 13.4732C87.8663 13.4732 88.3789 13.1036 88.3789 12.3308C88.3789 11.4573 87.012 11.2557 85.7134 10.7181C84.5516 10.2477 83.5606 9.50858 83.5606 7.89587C83.5606 6.28315 84.8933 4.83843 86.9778 4.83843C88.3789 4.83843 89.6433 5.54399 90.2925 6.55194ZM35.5482 5.04002L33.6687 12.2636L31.8576 5.04002H29.3971L27.6202 12.2636L26.1166 8.06386L25.9457 8.56783L25.0914 11.2557L26.4583 15.5563H28.782L30.6274 8.76942L32.4727 15.5563H34.7964L38.2137 5.04002H35.5482ZM48.2604 5.04002L46.3467 12.2636L44.5356 5.04002H42.0751L40.2982 12.2636L38.7946 8.06386L38.6237 8.56783L37.7694 11.2557L39.1363 15.5563H41.46L43.3054 8.76942L45.1507 15.5563H47.4744L50.8916 5.04002H48.2604ZM25.5357 5.04002L22.1184 15.5227H19.7947L17.9494 8.73583L16.104 15.5563H13.7803L10.3631 5.07362H13.0285L14.9422 12.2636L16.7533 5.07362H19.1796L20.9907 12.2636L22.9044 5.07362L25.5357 5.04002ZM94.2565 12.1628C95.2817 12.1628 96.0335 12.902 96.0335 13.91C96.0335 14.9179 95.2817 15.6571 94.2565 15.6571C93.2314 15.6571 92.4796 14.9179 92.4796 13.91C92.4796 12.902 93.2655 12.1628 94.2565 12.1628Z\" fill=\"currentColor\"><\/path> <\/g> <defs> <clipPath id=\"clip0_1568_7631\"> <rect width=\"95.683\" height=\"14.884\" fill=\"currentColor\" transform=\"translate(0.350525 0.806641)\"><\/rect> <\/clipPath> <\/defs> <\/svg>\r\n<div class=\"award-badge-content\"> Multiple<br> Awarded<\/div><\/div>                                  <\/div>\n                          <\/div>\n                                              <a\n                href=\"#footer\"\n                target=\"_self\"\n                class=\"btn btn-outline mt-8\"\n                data-mp>\n                <span class=\"btn-bg\" data-mp-item data-mp-scale=\"1.05\" data-mp-d=\"0.2\"><\/span>\n                <span class=\"btn-label\" data-mp-item>Get A Project Quote<\/span>\n              <\/a>\n                              <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- features-grid -->\n<section class=\"section features-grid\">\n      <div class=\"container\">\n    <div class=\"row\">\n      <div class=\"w-full lg:ml-1\/12 lg:w-3\/4 xl:w-1\/2 mb-layout-sm\" data-fade-in-childs>\n                  <div class=\"subtitle\">\n                          <svg width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 24 24\"> <use href=\"#dot\"><\/use> <\/svg>\n                        comprehensive solution          <\/div>\n                          <h3 data-split-text>\n            <p>Key Web Design Features<\/p>\n          <\/h3>\n                      <\/div>\n    <\/div>\n          <div class=\"w-full lg:ml-1\/12 lg:w-3\/4 mb-layout-sm\">\n        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-y-12 md:gap-y-0 gap-x-12\">\n                                <div class=\"blob-card no-blobs \" data-fade-in>\n                              <div class=\"blob-card-content\">\n                <div class=\"flex justify-between items-center\">\n                                      <h3 class=\"mb-0\">Award-Winning Design<\/h3>\n                                    <div class=\"blob-card-icon light\">\n                    <svg class=\"icon\" viewBox=\"0 0 41 38\">\n                      <use xlink:href=\"#three-ovals\"><\/use>\n                    <\/svg>\n                  <\/div>\n                <\/div>\n                                  <div class=\"content\">\n                    User Experience (UX)Unique websites built from scratch using Figma, avoiding pre-existing themes. We incorporate your feedback to ensure originality and alignment with your brand&#8217;s vision before development.                  <\/div>\n                              <\/div>\n            <\/div>\n                      <div class=\"blob-card no-blobs md:mt-24\" data-fade-in>\n                              <div class=\"blob-card-content\">\n                <div class=\"flex justify-between items-center\">\n                                      <h3 class=\"mb-0\">Mobile Optimised<\/h3>\n                                    <div class=\"blob-card-icon light\">\n                    <svg class=\"icon\" viewBox=\"0 0 41 38\">\n                      <use xlink:href=\"#three-ovals\"><\/use>\n                    <\/svg>\n                  <\/div>\n                <\/div>\n                                  <div class=\"content\">\n                    Every website we create is designed for mobile optimization, with mobile-first designs offered where applicable. All sites are fully responsive for optimal user experience across all devices.                  <\/div>\n                              <\/div>\n            <\/div>\n                      <div class=\"blob-card no-blobs \" data-fade-in>\n                              <div class=\"blob-card-content\">\n                <div class=\"flex justify-between items-center\">\n                                      <h3 class=\"mb-0\">SEO Optimised<\/h3>\n                                    <div class=\"blob-card-icon light\">\n                    <svg class=\"icon\" viewBox=\"0 0 41 38\">\n                      <use xlink:href=\"#three-ovals\"><\/use>\n                    <\/svg>\n                  <\/div>\n                <\/div>\n                                  <div class=\"content\">\n                    All our websites include comprehensive onsite optimisation for search engines. We enhance visibility through speed optimisation, SEO-friendly code, WMT &#038; analytics setup, and comprehensive meta tag population.                  <\/div>\n                              <\/div>\n            <\/div>\n                      <div class=\"blob-card no-blobs md:mt-24\" data-fade-in>\n                              <div class=\"blob-card-content\">\n                <div class=\"flex justify-between items-center\">\n                                      <h3 class=\"mb-0\">Interactivity &#038; Animation <\/h3>\n                                    <div class=\"blob-card-icon light\">\n                    <svg class=\"icon\" viewBox=\"0 0 41 38\">\n                      <use xlink:href=\"#three-ovals\"><\/use>\n                    <\/svg>\n                  <\/div>\n                <\/div>\n                                  <div class=\"content\">\n                    Our web development team uses animations and cutting-edge technologies like three.js, Canvas, and WebGL to create dynamic and immersive experiences that inspire and engage visitors.                  <\/div>\n                              <\/div>\n            <\/div>\n                      <div class=\"blob-card no-blobs \" data-fade-in>\n                              <div class=\"blob-card-content\">\n                <div class=\"flex justify-between items-center\">\n                                      <h3 class=\"mb-0\">Custom Web Development<\/h3>\n                                    <div class=\"blob-card-icon light\">\n                    <svg class=\"icon\" viewBox=\"0 0 41 38\">\n                      <use xlink:href=\"#three-ovals\"><\/use>\n                    <\/svg>\n                  <\/div>\n                <\/div>\n                                  <div class=\"content\">\n                    All our websites are custom-coded on a lightweight framework by our experienced London team, ensuring scalability, agility, and fast loading times with clean, non-bloated code.                  <\/div>\n                              <\/div>\n            <\/div>\n                      <div class=\"blob-card no-blobs md:mt-24\" data-fade-in>\n                              <div class=\"blob-card-content\">\n                <div class=\"flex justify-between items-center\">\n                                      <h3 class=\"mb-0\">Enterprise CMS<\/h3>\n                                    <div class=\"blob-card-icon light\">\n                    <svg class=\"icon\" viewBox=\"0 0 41 38\">\n                      <use xlink:href=\"#three-ovals\"><\/use>\n                    <\/svg>\n                  <\/div>\n                <\/div>\n                                  <div class=\"content\">\n                    We specialise in enterprise WordPress CMS, customising it to provide a powerful, future-proof solution. Our flexible, block-structured websites are easy to update and highly scalable.                  <\/div>\n                              <\/div>\n            <\/div>\n                      <div class=\"blob-card no-blobs \" data-fade-in>\n                              <div class=\"blob-card-content\">\n                <div class=\"flex justify-between items-center\">\n                                      <h3 class=\"mb-0\">Security<\/h3>\n                                    <div class=\"blob-card-icon light\">\n                    <svg class=\"icon\" viewBox=\"0 0 41 38\">\n                      <use xlink:href=\"#three-ovals\"><\/use>\n                    <\/svg>\n                  <\/div>\n                <\/div>\n                                  <div class=\"content\">\n                    Website security is a priority. We safeguard your site and data from bots and hackers using reCAPTCHA v3, antivirus, firewall technology, and minimal third-party software.                  <\/div>\n                              <\/div>\n            <\/div>\n                      <div class=\"blob-card no-blobs md:mt-24\" data-fade-in>\n                              <div class=\"blob-card-content\">\n                <div class=\"flex justify-between items-center\">\n                                      <h3 class=\"mb-0\">User Experience (UX)<\/h3>\n                                    <div class=\"blob-card-icon light\">\n                    <svg class=\"icon\" viewBox=\"0 0 41 38\">\n                      <use xlink:href=\"#three-ovals\"><\/use>\n                    <\/svg>\n                  <\/div>\n                <\/div>\n                                  <div class=\"content\">\n                    We prioritise User Experience (UX) by researching demographics, developing wireframes, and creating user flows to ensure our websites are easy to navigate, intuitive, and engaging.                  <\/div>\n                              <\/div>\n            <\/div>\n                  <\/div>\n      <\/div>\n      <\/div>\n<\/section>\n\n<!-- portfolio -->\n<section class=\"section work-tiles work-tiles-list inverted  padded\">\n  <div class=\"bg bg-padded bg-dark\">\n    <div class=\"oval orange top left\"><\/div>\n    <div class=\"oval pink bottom right\"><\/div>\n  <\/div>\n  <div class=\"relative container\">\n          <div class=\"subtitle\">\n\n            <svg class=\"icon\" width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 24 24\">\n                <use href=\"#dot\"><\/use>\n            <\/svg>\n        \n        Bespoke Web Design      <\/div>\n              <h2 class=\"mb-layout-sm lg:w-5\/12 md:w-9\/12\">Recent Web Projects<\/h2>\n              <div class=\"row s-margin justify-between\">\n        <div class=\"item sm:w-[calc(50%-1.5rem)] lg:w-5\/12\">\n    <a class=\"work-card video-hover\" href=\"https:\/\/www.cbwebsitedesign.co.uk\/portfolio\/recharge\/\" data-cursor=\"arrow\">\n        <figure class=\"work-card-media\">\n                            <img width=\"1000\" height=\"1000\" src=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/01\/Recharge-web-design-1.webp\" class=\"attachment-full size-full\" alt=\"Recharge.com \u2013 A dynamic and modern website design with bold typography, vibrant visuals, and a seamless user experience focused on digital transactions.\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/01\/Recharge-web-design-1.webp 1000w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/01\/Recharge-web-design-1-300x300.webp 300w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/01\/Recharge-web-design-1-150x150.webp 150w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/01\/Recharge-web-design-1-768x768.webp 768w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/01\/Recharge-web-design-1-576x576.webp 576w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/01\/Recharge-web-design-1-24x24.webp 24w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/01\/Recharge-web-design-1-48x48.webp 48w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/01\/Recharge-web-design-1-96x96.webp 96w\" sizes=\"auto, (max-width: 576px) 576px,(max-width: 768px) 768px,(max-width: 1024px) 1024px,(max-width: 1366px) 1366px,(max-width: 1600px) 1600px,100vw\" \/>                                        <video muted loop playsinline preload=\"none\">\n                    <source src=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/01\/recharge-720p.mp4\" \/>\n                <\/video>\n                                        <ul class=\"tags solid\">\n                                            <li>Web Design<\/li>\n                                            <li>Web Development<\/li>\n                                    <\/ul>\n                    <\/figure>\n        <div class=\"work-card-content\">\n            <h3>Recharge<\/h3>\n            <p>Discover how we built a fresh, engaging, &#038; interactive web design for Recharge, a global gift &#038; top-up card provider, boosting user engagement &#038; brand impact.<\/p>\n                            <ul class=\"work-card-awards\">\n                                                                                                <li class=\"rectangle\">\n                                <svg><use href=\"#cssdesignawards\"><\/use><\/svg>                                                                    <span>Special<br>Kudos<\/span>\n                                                            <\/li>\n                                                                                                                        <li class=\"square\">\n                                <svg><use href=\"#designnominees\"><\/use><\/svg>                                                                    <span>SOTD<br>Awarded<\/span>\n                                                            <\/li>\n                                                                                                                        <li class=\"square\">\n                                <svg><use href=\"#iconic\"><\/use><\/svg>                                                                    <span>SOTD<br>Awarded<\/span>\n                                                            <\/li>\n                                                            <\/ul>\n                    <\/div>\n    <\/a>\n<\/div>\n<div class=\"item sm:w-[calc(50%-1.5rem)] lg:w-5\/12\">\n    <a class=\"work-card video-hover\" href=\"https:\/\/www.cbwebsitedesign.co.uk\/portfolio\/nato-innovation-fund\/\" data-cursor=\"arrow\">\n        <figure class=\"work-card-media\">\n                            <img width=\"1000\" height=\"1000\" src=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2024\/08\/nif-cover.webp\" class=\"attachment-full size-full\" alt=\"\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2024\/08\/nif-cover.webp 1000w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2024\/08\/nif-cover-300x300.webp 300w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2024\/08\/nif-cover-150x150.webp 150w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2024\/08\/nif-cover-768x768.webp 768w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2024\/08\/nif-cover-576x576.webp 576w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2024\/08\/nif-cover-24x24.webp 24w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2024\/08\/nif-cover-48x48.webp 48w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2024\/08\/nif-cover-96x96.webp 96w\" sizes=\"auto, (max-width: 576px) 576px,(max-width: 768px) 768px,(max-width: 1024px) 1024px,(max-width: 1366px) 1366px,(max-width: 1600px) 1600px,100vw\" \/>                                        <video muted loop playsinline preload=\"none\">\n                    <source src=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2024\/08\/nato-portfolio-cover-800x600-1.mp4\" \/>\n                <\/video>\n                                        <ul class=\"tags solid\">\n                                            <li>Web Design<\/li>\n                                            <li>Web Development<\/li>\n                                    <\/ul>\n                    <\/figure>\n        <div class=\"work-card-content\">\n            <h3>NATO Innovation Fund<\/h3>\n            <p>We partnered with NATO Innovation Fund, a \u20ac1B deep tech venture, to create an interactive, minimalist website that reflects their innovative mission and future-focused identity.<\/p>\n                            <ul class=\"work-card-awards\">\n                                                                                                <li >\n                                <svg><use href=\"#awwwards\"><\/use><\/svg>                                                                    <span>Honorable<br>Mention<\/span>\n                                                            <\/li>\n                                                                                                                        <li class=\"rectangle\">\n                                <svg><use href=\"#cssdesignawards\"><\/use><\/svg>                                                                    <span>Special<br>Kudos<\/span>\n                                                            <\/li>\n                                                                                                                        <li class=\"square\">\n                                <svg><use href=\"#designnominees\"><\/use><\/svg>                                                                    <span>SOTD<br>Awarded<\/span>\n                                                            <\/li>\n                                                                                                                        <li class=\"square\">\n                                <svg><use href=\"#iconic\"><\/use><\/svg>                                                                    <span>SOTD<br>Awarded<\/span>\n                                                            <\/li>\n                                                            <\/ul>\n                    <\/div>\n    <\/a>\n<\/div>\n<div class=\"item sm:w-[calc(50%-1.5rem)] lg:w-5\/12\">\n    <a class=\"work-card video-hover\" href=\"https:\/\/www.cbwebsitedesign.co.uk\/portfolio\/green-acres\/\" data-cursor=\"arrow\">\n        <figure class=\"work-card-media\">\n                            <img width=\"1000\" height=\"1000\" src=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/01\/Green-Acres-1.webp\" class=\"attachment-full size-full\" alt=\"Web design &amp; development for Greenacres\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/01\/Green-Acres-1.webp 1000w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/01\/Green-Acres-1-300x300.webp 300w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/01\/Green-Acres-1-150x150.webp 150w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/01\/Green-Acres-1-768x768.webp 768w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/01\/Green-Acres-1-576x576.webp 576w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/01\/Green-Acres-1-24x24.webp 24w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/01\/Green-Acres-1-48x48.webp 48w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/01\/Green-Acres-1-96x96.webp 96w\" sizes=\"auto, (max-width: 576px) 576px,(max-width: 768px) 768px,(max-width: 1024px) 1024px,(max-width: 1366px) 1366px,(max-width: 1600px) 1600px,100vw\" \/>                                        <video muted loop playsinline preload=\"none\">\n                    <source src=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/01\/GreenAcres-Portfolio-Animation-V1_720p.mp4\" \/>\n                <\/video>\n                                        <ul class=\"tags solid\">\n                                            <li>Web Design<\/li>\n                                            <li>Web Development<\/li>\n                                            <li>Hosting<\/li>\n                                    <\/ul>\n                    <\/figure>\n        <div class=\"work-card-content\">\n            <h3>GreenAcres<\/h3>\n            <p>Explore how we revamped GreenAcres Group\u2019s website, enhancing sustainability, usability, and accessibility for their natural burial and ceremonial services.<\/p>\n                            <ul class=\"work-card-awards\">\n                                                                                                <li >\n                                <svg><use href=\"#clutch\"><\/use><\/svg>                                                                    <span class=\"rate\">\n                                        <i class=\"i i-star active\"><\/i>\n                                        <i class=\"i i-star active\"><\/i>\n                                        <i class=\"i i-star active\"><\/i>\n                                        <i class=\"i i-star active\"><\/i>\n                                        <i class=\"i i-star active\"><\/i>\n                                        <span>5.0<\/span>\n                                    <\/span>\n                                                            <\/li>\n                                                                                                                        <li class=\"square\">\n                                <svg><use href=\"#designnominees\"><\/use><\/svg>                                                                    <span>SOTD<br>Awarded<\/span>\n                                                            <\/li>\n                                                                                                                        <li class=\"square\">\n                                <svg><use href=\"#iconic\"><\/use><\/svg>                                                                    <span>SOTD<br>Awarded<\/span>\n                                                            <\/li>\n                                                            <\/ul>\n                    <\/div>\n    <\/a>\n<\/div>\n<div class=\"item sm:w-[calc(50%-1.5rem)] lg:w-5\/12\">\n    <a class=\"work-card video-hover\" href=\"https:\/\/www.cbwebsitedesign.co.uk\/portfolio\/4media\/\" data-cursor=\"arrow\">\n        <figure class=\"work-card-media\">\n                            <img width=\"640\" height=\"740\" src=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2023\/11\/4media-cover-1.webp\" class=\"attachment-full size-full\" alt=\"Website Design for Leading PR Agency\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2023\/11\/4media-cover-1.webp 640w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2023\/11\/4media-cover-1-259x300.webp 259w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2023\/11\/4media-cover-1-576x666.webp 576w\" sizes=\"auto, (max-width: 576px) 576px,(max-width: 768px) 768px,(max-width: 1024px) 1024px,(max-width: 1366px) 1366px,(max-width: 1600px) 1600px,100vw\" \/>                                        <video muted loop playsinline preload=\"none\">\n                    <source src=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2023\/11\/4media-group-Portfolio-Animation-V1_720p.mp4\" \/>\n                <\/video>\n                                        <ul class=\"tags solid\">\n                                            <li>Web Design<\/li>\n                                            <li>Web Development<\/li>\n                                    <\/ul>\n                    <\/figure>\n        <div class=\"work-card-content\">\n            <h3>4media group<\/h3>\n            <p>For 4media Group, we created a minimalistic, interactive website prominently highlighting their content and message, earning Awwwards honorable mention.<\/p>\n                            <ul class=\"work-card-awards\">\n                                                                                                <li >\n                                <svg><use href=\"#awwwards\"><\/use><\/svg>                                                                    <span>Honorable<br>Mention<\/span>\n                                                            <\/li>\n                                                                                                                        <li class=\"rectangle\">\n                                <svg><use href=\"#cssdesignawards\"><\/use><\/svg>                                                                    <span>Nominee<\/span>\n                                                            <\/li>\n                                                            <\/ul>\n                    <\/div>\n    <\/a>\n<\/div>\n      <\/div>\n      <div class=\"flex justify-center\">\n        <a\n          href=\"https:\/\/www.cbwebsitedesign.co.uk\/portfolio\/\"\n          class=\"btn btn-outline\"\n          data-mp>\n          <span class=\"btn-bg\" data-mp-item data-mp-scale=\"1.05\" data-mp-d=\"0.2\"><\/span>\n          <span class=\"btn-label\" data-mp-item>See Full Portfolio<\/span>\n        <\/a>\n      <\/div>\n      <\/div>\n<\/section>\n\n<!-- process-scroller --><section class=\"section process-scroller transparent\">\n  <div class=\"container\">\n    <div class=\"row mb-layout-sm mg-lg-layout\">\n      <div class=\"grow\">\n                  <div class=\"subtitle\">\n            <svg class=\"icon\" width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 24 24\">\n                <use href=\"#dot\"><\/use>\n            <\/svg>\n            What We Do Best          <\/div>\n                          <h2>Our Process<\/h2>\n              <\/div>\n    <\/div>\n          <div class=\"flex relative justify-between lg:gap-24\">\n        <div class=\"items lg:w-6\/12 shrink-0 max-w-full lg:max-w-2xl\">\n                      <div class=\"item w-full pb-0 mb-layout\">\n              <div class=\"item-inner\">\n                                  <figure class=\"media add-parallax\">\n                                                              <img width=\"1071\" height=\"600\" src=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/02\/process-planning-poster.webp\" class=\"add-parallax\" alt=\"web agency London team meeting\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/02\/process-planning-poster.webp 1071w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/02\/process-planning-poster-300x168.webp 300w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/02\/process-planning-poster-1024x574.webp 1024w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/02\/process-planning-poster-768x430.webp 768w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/02\/process-planning-poster-576x323.webp 576w\" sizes=\"auto, (max-width: 576px) 576px,(max-width: 768px) 768px,(max-width: 1024px) 1024px,(max-width: 1366px) 1366px,(max-width: 1600px) 1600px,100vw\" \/>                                      <\/figure>\n                                <div\n                  class=\"titles\">\n                                      <h6 class=\"text-muted mb-2\">Phase 1 \/ 4<\/h6>\n                                                        <div class=\"flex items-center mb-10\">\n                    <svg class=\"icon\" width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 24 24\" style=\"margin-top:0.5rem; margin-right:1rem \">\n                        <use href=\"#dot\"><\/use>\n                    <\/svg>\n                    <h2 class=\"mb-0\">            \n                    Planning<\/h2>\n                    <\/div>\n                                  <\/div>\n                                                      <ul class=\"nav-toggles\">\n                                                <li data-cursor=\"hover\" class=\" active   \"><span>Discovery<\/span><span>Discovery<\/span><\/li>\n                                                                                                  <li data-cursor=\"hover\" class=\"  \"><span>Wireframing<\/span><span>Wireframing<\/span><\/li>\n                                                                                                  <li data-cursor=\"hover\" class=\"  \"><span>Content<\/span><span>Content<\/span><\/li>\n                                                                                            <\/ul>\n                                    <div class=\"tabs relative mt-10\">\n                                            <div class=\"tab active left-0 top-0 w-full\">\n                          <div class=\"content\">\n                            <p>The project starts with a Discovery phase, involving data collection, internal brainstorming, and collaborative meetings to form a detailed project plan covering competitor analysis, demographics, &amp; design specifications.<\/p>\n                          <\/div>\n                        <\/div>\n                                                                                          <div class=\"tab left-0 top-0 w-full\">\n                          <div class=\"content\">\n                            <p>Next, the Wireframing phase creates detailed desktop and mobile wireframes to optimize site structure and user flow, shared via Figma for feedback.<\/p>\n                          <\/div>\n                        <\/div>\n                                                                                          <div class=\"tab left-0 top-0 w-full\">\n                          <div class=\"content\">\n                            <p>Finally, the Content Planning stage in which we offer copywriting and images sourcing services.<\/p>\n                          <\/div>\n                        <\/div>\n                                                                                    <\/div>\n                              <\/div>\n            <\/div>\n                                  <div class=\"item w-full pb-0 mb-layout\">\n              <div class=\"item-inner\">\n                                  <figure class=\"media add-parallax\">\n                                                              <img width=\"1069\" height=\"600\" src=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/02\/process-designing-poster.webp\" class=\"add-parallax\" alt=\"web design agency wireframing\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/02\/process-designing-poster.webp 1069w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/02\/process-designing-poster-300x168.webp 300w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/02\/process-designing-poster-1024x575.webp 1024w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/02\/process-designing-poster-768x431.webp 768w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/02\/process-designing-poster-576x323.webp 576w\" sizes=\"auto, (max-width: 576px) 576px,(max-width: 768px) 768px,(max-width: 1024px) 1024px,(max-width: 1366px) 1366px,(max-width: 1600px) 1600px,100vw\" \/>                                      <\/figure>\n                                <div\n                  class=\"titles\">\n                                      <h6 class=\"text-muted mb-2\">Phase 2 \/ 4<\/h6>\n                                                        <div class=\"flex items-center mb-10\">\n                    <svg class=\"icon\" width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 24 24\" style=\"margin-top:0.5rem; margin-right:1rem \">\n                        <use href=\"#dot\"><\/use>\n                    <\/svg>\n                    <h2 class=\"mb-0\">            \n                    Design<\/h2>\n                    <\/div>\n                                  <\/div>\n                                                      <ul class=\"nav-toggles\">\n                                                <li data-cursor=\"hover\" class=\" active   \"><span>Concepts<\/span><span>Concepts<\/span><\/li>\n                                                                                                  <li data-cursor=\"hover\" class=\"  \"><span>Full Site Design<\/span><span>Full Site Design<\/span><\/li>\n                                                                                                  <li data-cursor=\"hover\" class=\"  \"><span>Interactivity<\/span><span>Interactivity<\/span><\/li>\n                                                                                            <\/ul>\n                                    <div class=\"tabs relative mt-10\">\n                                            <div class=\"tab active left-0 top-0 w-full\">\n                          <div class=\"content\">\n                            <p>In the Design Concepts phase, we\u2019ll deliver a customized homepage design via Figma, allowing for collaborative feedback.<\/p>\n                          <\/div>\n                        <\/div>\n                                                                                          <div class=\"tab left-0 top-0 w-full\">\n                          <div class=\"content\">\n                            <p>Following approval, the Full Site Design phase extends this cohesive style across all web pages.<\/p>\n                          <\/div>\n                        <\/div>\n                                                                                          <div class=\"tab left-0 top-0 w-full\">\n                          <div class=\"content\">\n                            <p>Additionally, we\u2019ll incorporate interactive visuals and animations, tailored to the project, to enhance user engagement.<\/p>\n                          <\/div>\n                        <\/div>\n                                                                                    <\/div>\n                              <\/div>\n            <\/div>\n                                  <div class=\"item w-full pb-0 mb-layout\">\n              <div class=\"item-inner\">\n                                  <figure class=\"media add-parallax\">\n                                                              <img width=\"1071\" height=\"600\" src=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/02\/process-developing-poster.webp\" class=\"add-parallax\" alt=\"web agency London coffee\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/02\/process-developing-poster.webp 1071w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/02\/process-developing-poster-300x168.webp 300w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/02\/process-developing-poster-1024x574.webp 1024w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/02\/process-developing-poster-768x430.webp 768w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/02\/process-developing-poster-576x323.webp 576w\" sizes=\"auto, (max-width: 576px) 576px,(max-width: 768px) 768px,(max-width: 1024px) 1024px,(max-width: 1366px) 1366px,(max-width: 1600px) 1600px,100vw\" \/>                                      <\/figure>\n                                <div\n                  class=\"titles\">\n                                      <h6 class=\"text-muted mb-2\">Phase 3 \/ 4<\/h6>\n                                                        <div class=\"flex items-center mb-10\">\n                    <svg class=\"icon\" width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 24 24\" style=\"margin-top:0.5rem; margin-right:1rem \">\n                        <use href=\"#dot\"><\/use>\n                    <\/svg>\n                    <h2 class=\"mb-0\">            \n                    Interactive Development<\/h2>\n                    <\/div>\n                                  <\/div>\n                                                      <ul class=\"nav-toggles\">\n                                                <li data-cursor=\"hover\" class=\" active   \"><span>Development<\/span><span>Development<\/span><\/li>\n                                                                                                  <li data-cursor=\"hover\" class=\"  \"><span>Functionality<\/span><span>Functionality<\/span><\/li>\n                                                                                                  <li data-cursor=\"hover\" class=\"  \"><span>CMS<\/span><span>CMS<\/span><\/li>\n                                                                                            <\/ul>\n                                    <div class=\"tabs relative mt-10\">\n                                            <div class=\"tab active left-0 top-0 w-full\">\n                          <div class=\"content\">\n                            <p>After design approval, we\u2019ll develop the site using HTML\/CSS\/JS. Each section becomes a custom Block, simplifying content management and updates. We\u2019ll populate content, migrate data, and implement interactive visuals\/animations.<\/p>\n                          <\/div>\n                        <\/div>\n                                                                                          <div class=\"tab left-0 top-0 w-full\">\n                          <div class=\"content\">\n                            <p>Additional functionalities like user accounts, forms, and integrations are added as needed. Security measures include custom coding, CAPTCHA, antivirus\/firewall, and adherence to strict security policies.<\/p>\n                          <\/div>\n                        <\/div>\n                                                                                          <div class=\"tab left-0 top-0 w-full\">\n                          <div class=\"content\">\n                            <p>The site is mobile-first responsive, developed on a custom-coded framework by CreativeWeb, integrating a custom WordPress theme for minimal bloat, faster loads, and better security.<\/p>\n                          <\/div>\n                        <\/div>\n                                                                                    <\/div>\n                              <\/div>\n            <\/div>\n                                  <div class=\"item w-full pb-0 \">\n              <div class=\"item-inner\">\n                                  <figure class=\"media add-parallax\">\n                                                              <img width=\"1069\" height=\"600\" src=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/02\/process-testing-poster.webp\" class=\"add-parallax\" alt=\"web design agency working\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/02\/process-testing-poster.webp 1069w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/02\/process-testing-poster-300x168.webp 300w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/02\/process-testing-poster-1024x575.webp 1024w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/02\/process-testing-poster-768x431.webp 768w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/02\/process-testing-poster-576x323.webp 576w\" sizes=\"auto, (max-width: 576px) 576px,(max-width: 768px) 768px,(max-width: 1024px) 1024px,(max-width: 1366px) 1366px,(max-width: 1600px) 1600px,100vw\" \/>                                      <\/figure>\n                                <div\n                  class=\"titles\">\n                                      <h6 class=\"text-muted mb-2\">Phase 4 \/ 4<\/h6>\n                                                        <div class=\"flex items-center mb-10\">\n                    <svg class=\"icon\" width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 24 24\" style=\"margin-top:0.5rem; margin-right:1rem \">\n                        <use href=\"#dot\"><\/use>\n                    <\/svg>\n                    <h2 class=\"mb-0\">            \n                    Testing &#038; Launch<\/h2>\n                    <\/div>\n                                  <\/div>\n                                                      <ul class=\"nav-toggles\">\n                                                <li data-cursor=\"hover\" class=\" active   \"><span>QA Testing<\/span><span>QA Testing<\/span><\/li>\n                                                                                                  <li data-cursor=\"hover\" class=\"  \"><span>Compliance<\/span><span>Compliance<\/span><\/li>\n                                                                                                  <li data-cursor=\"hover\" class=\"  \"><span>SEO<\/span><span>SEO<\/span><\/li>\n                                                                                            <\/ul>\n                                    <div class=\"tabs relative mt-10\">\n                                            <div class=\"tab active left-0 top-0 w-full\">\n                          <div class=\"content\">\n                            <p>After development, we conduct interoperability on major browsers and device. We also carry out QA testing that covers speed, content accuracy, image quality, accessibility, security, and functionality.<\/p>\n                          <\/div>\n                        <\/div>\n                                                                                          <div class=\"tab left-0 top-0 w-full\">\n                          <div class=\"content\">\n                            <p>GDPR &amp; CCPA, cookie policies, and accessibility guidelines are reviewed by our team to aid with ensuring compliance.<\/p>\n                          <\/div>\n                        <\/div>\n                                                                                          <div class=\"tab left-0 top-0 w-full\">\n                          <div class=\"content\">\n                            <p>We perform onsite SEO including speed optimization, Google tools integration, and Yoast SEO setup, with a redirect policy.<\/p>\n                          <\/div>\n                        <\/div>\n                                                                                    <\/div>\n                              <\/div>\n            <\/div>\n                              <\/div>\n        <div class=\"gallery-col grow ml-auto\">\n          <div class=\"gallery\">\n            <div class=\"gallery-inner\">\n\n              <div class=\"gallery-medias\">\n                                  <figure class=\"media\">\n                                          <video muted data-autoplay-in-viewport=\"true\" data-mobile-poster-only=\"true\"  loop   poster=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/02\/process-planning-poster.webp\"  playsinline preload=\"none\">\n                        <source data-src=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/02\/CBD_clip_planning3_720p.mp4\" \/>\n                      <\/video>\n                                      <\/figure>\n                                                    <figure class=\"media\">\n                                          <video muted data-autoplay-in-viewport=\"true\" data-mobile-poster-only=\"true\"  loop   poster=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/02\/process-designing-poster.webp\"  playsinline preload=\"none\">\n                        <source data-src=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/02\/CBD_clip_designing4_720p.mp4\" \/>\n                      <\/video>\n                                      <\/figure>\n                                                    <figure class=\"media\">\n                                          <video muted data-autoplay-in-viewport=\"true\" data-mobile-poster-only=\"true\"  loop   poster=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/02\/process-developing-poster.webp\"  playsinline preload=\"none\">\n                        <source data-src=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/02\/CBD_clip_developing2_720p.mp4\" \/>\n                      <\/video>\n                                      <\/figure>\n                                                    <figure class=\"media\">\n                                          <video muted data-autoplay-in-viewport=\"true\" data-mobile-poster-only=\"true\"  loop   poster=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/02\/process-testing-poster.webp\"  playsinline preload=\"none\">\n                        <source data-src=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/02\/CBD_clip_testing2_720p.mp4\" \/>\n                      <\/video>\n                                      <\/figure>\n                                                <\/div>\n              <div class=\"gallery-stats\">\n                <div class=\"gallery-stats-numbers\">\n                                      <div class=\"stat\" data-text=\"Planning\">\n                      <div class=\"stat-number\"><\/div>\n                    <\/div>\n                                                          <div class=\"stat\" data-text=\"Design\">\n                      <div class=\"stat-number\"><\/div>\n                    <\/div>\n                                                          <div class=\"stat\" data-text=\"Interactive Development\">\n                      <div class=\"stat-number\"><\/div>\n                    <\/div>\n                                                          <div class=\"stat\" data-text=\"Testing &#038; Launch\">\n                      <div class=\"stat-number\"><\/div>\n                    <\/div>\n                                                      <\/div>\n                <div class=\"gallery-stats-text\"><\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <\/div>\n<\/section>\n\n<!-- content-box -->\n  <style>\n    .aUUiyzjwRd {\n      .bg-padded {\n        background-image: url(https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2024\/10\/NIF-Background-V3.svg);\n        background-repeat: no-repeat;\n        background-size: cover;\n      }\n    }\n  <\/style>\n\n<section class=\"section  content-box  padded inverted aUUiyzjwRd\">\n  <div class=\"bg bg-padded bg-dark\"><\/div>\n  <div class=\"container\">\n          <div class=\"subtitle\">\n        <svg width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 24 24\"> <use href=\"#dot\"><\/use> <\/svg>\n        FEATURED CASE STUDY      <\/div>\n        <div class=\"row items-center justify-between\">\n      <div class=\"w-full sm:w-3\/5 mb-8 sm-mb-0\">\n                  <div class=\"lg:mt-8 w-5\/6\">\n            <video\n              muted\n                            poster=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/06\/NIF_poster-image.webp\"              playsinline\n              data-autoplay-in-viewport=\"true\"\n              preload=\"none\"\n              class=\"inset-0 w-full\n              object-cover              \">\n              <source\n                data-src=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/02\/Nif-case-study-4ktest_2.webm\"\n                type=\"video\/webm\" \/>\n            <\/video>\n          <\/div>\n              <\/div>\n      <div class=\"w-full sm:w-1\/3\">\n                <div class=\"wysiwyg sm:mb-12\">\n                      <h2 data-split-text>\n              <p>NATO Innovation Fund<\/p>\n            <\/h2>\n                                <ul>\n<li>Developed a modern, minimalist, and tech-driven website design featuring animation and interactive elements.<\/li>\n<li>Achieved a 220% increase in website visits following the launch.<\/li>\n<li>Secured multiple awards for outstanding website design and innovation.<\/li>\n<\/ul>\n                                <a\n              href=\"https:\/\/www.cbwebsitedesign.co.uk\/portfolio\/nato-innovation-fund\/\"\n              target=\"_self\"\n              class=\"btn btn-outline\"\n              data-mp>\n              <span class=\"btn-bg\" data-mp-item data-mp-scale=\"1.05\" data-mp-d=\"0.2\"><\/span>\n              <span class=\"btn-label\" data-mp-item>NATO Innovation Fund<\/span>\n            <\/a>\n                  <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- services-list --><section class=\"section services-list padded\">\n  <div class=\"bg bg-padded bg-white\">\n        <\/div>\n  <div class=\"container\">\n    <div class=\"row mb-layout\">\n      <div class=\"w-full sm:w-8\/12 sm:ml-1\/12\">\n                  <div class=\"subtitle\">\n            <svg width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 24 24\"> <use href=\"#dot\"><\/use> <\/svg>\n            Bespoke Website Solutions          <\/div>\n                          <h2 data-split-text>Explore the Range of Custom Website Solutions<\/h2>\n              <\/div>\n    <\/div>\n          <div class=\"services-list-wrapper\">\n        <!-- Service Row -->\n                  <div class=\"services-list-row row gap-4 mb-4\" data-fade-in-childs>\n            <div class=\"w-full md:w-6\/12\">\n              <!-- Services Card -->\n              <div class=\"service-card inverted\" data-mp data-cursor=\"hover\">\n                <div class=\"service-card-bg bg-wp\" data-mp-item data-mp-d=\"0.05\" data-mp-scale=\"1.025\">\n                                        <div class=\"oval \"><\/div>\n                    <div class=\"oval \"><\/div>\n                                    <\/div>\n                                  <img width=\"43\" height=\"43\" src=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/01\/logo-wp.svg\" class=\"service-card-logo\" alt=\"\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width: 576px) 576px,(max-width: 768px) 768px,(max-width: 1024px) 1024px,(max-width: 1366px) 1366px,(max-width: 1600px) 1600px,100vw\" \/>                                                                    <div class=\"service-card-content\">\n                                          <h3>WordPress<\/h3>\n                                                              <p><span>We specialise in enterprise WordPress CMS, customising it to provide a powerful, future-proof solution. Our flexible, block-structured websites are easy to update and highly scalable.<\/span><\/p>\n                                                            \n                      <a\n                        href=\"https:\/\/www.cbwebsitedesign.co.uk\/wordpress-web-design-agency\/\"\n                        target=\"_self\"\n                        class=\"btn btn-outline z-10 pointer-events-auto\"\n                        data-mp>\n                        <span class=\"btn-bg\" data-mp-item data-mp-scale=\"1.05\" data-mp-d=\"0.2\"><\/span>\n                        <span class=\"btn-label\" data-mp-item>WordPress<\/span>\n                      <\/a>\n                      \n                      <span class=\"service-card-toggler hidden absolute top-0 right-0\"><\/span>\n                                      <\/div>\n                                                  <div class=\"service-card-gfx\">\n                    <div class=\"animation\">\n                      <canvas\n                        class=\"lottie-animation\"\n                        data-bm-renderer=\"svg\"\n                        data-pace=\"1.2\"\n                        data-loop=\"\"\n                        data-anim=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/06\/wordpress-design-mini.json\"><\/canvas>\n                    <\/div>\n                  <\/div>\n                              <\/div>\n            <\/div>\n                          <div class=\"service-widget\">\n                <div class=\"animation\">\n                  <canvas\n                    class=\"lottie-animation\"\n                    data-bm-renderer=\"svg\"\n                    data-pace=\"1.2\"\n                    data-loop=\"\"\n                    data-anim=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/01\/WordPress-Websites-Stat-Graphic-V1.lottie\"><\/canvas>\n                <\/div>\n              <\/div>\n                      <\/div>\n                  <div class=\"services-list-row row gap-4 mb-4\" data-fade-in-childs>\n            <div class=\"w-full md:w-6\/12\">\n              <!-- Services Card -->\n              <div class=\"service-card inverted\" data-mp data-cursor=\"hover\">\n                <div class=\"service-card-bg bg-woo\" data-mp-item data-mp-d=\"0.05\" data-mp-scale=\"1.025\">\n                                        <div class=\"oval \"><\/div>\n                    <div class=\"oval \"><\/div>\n                                    <\/div>\n                                  <img width=\"99\" height=\"59\" src=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/01\/logo-woo.svg\" class=\"service-card-logo\" alt=\"\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width: 576px) 576px,(max-width: 768px) 768px,(max-width: 1024px) 1024px,(max-width: 1366px) 1366px,(max-width: 1600px) 1600px,100vw\" \/>                                                                    <div class=\"service-card-content\">\n                                          <h3>eCommerce<\/h3>\n                                                              <p><span>Our websites deliver an industry-leading eCommerce experience, including excellent visual design, user-friendly navigation, an optimised shopping cart experience, secure and reliable online transactions, and robust SEO<\/span><\/p>\n                                                            \n                      <a\n                        href=\"https:\/\/www.cbwebsitedesign.co.uk\/ecommerce\/\"\n                        target=\"_self\"\n                        class=\"btn btn-outline z-10 pointer-events-auto\"\n                        data-mp>\n                        <span class=\"btn-bg\" data-mp-item data-mp-scale=\"1.05\" data-mp-d=\"0.2\"><\/span>\n                        <span class=\"btn-label\" data-mp-item>Ecommerce<\/span>\n                      <\/a>\n                      \n                      <span class=\"service-card-toggler hidden absolute top-0 right-0\"><\/span>\n                                      <\/div>\n                                                  <div class=\"service-card-gfx\">\n                    <div class=\"animation\">\n                      <canvas\n                        class=\"lottie-animation\"\n                        data-bm-renderer=\"svg\"\n                        data-pace=\"1.2\"\n                        data-loop=\"\"\n                        data-anim=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/01\/eCommerce-Image-V1.lottie\"><\/canvas>\n                    <\/div>\n                  <\/div>\n                              <\/div>\n            <\/div>\n                          <div class=\"service-widget\">\n                <div class=\"animation\">\n                  <canvas\n                    class=\"lottie-animation\"\n                    data-bm-renderer=\"svg\"\n                    data-pace=\"1.2\"\n                    data-loop=\"\"\n                    data-anim=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/01\/eCommerce-Stat-Graphic-V1.lottie\"><\/canvas>\n                <\/div>\n              <\/div>\n                      <\/div>\n                  <div class=\"services-list-row row gap-4 mb-4\" data-fade-in-childs>\n            <div class=\"w-full md:w-6\/12\">\n              <!-- Services Card -->\n              <div class=\"service-card inverted\" data-mp data-cursor=\"hover\">\n                <div class=\"service-card-bg bg-dark\" data-mp-item data-mp-d=\"0.05\" data-mp-scale=\"1.025\">\n                                        <div class=\"oval \"><\/div>\n                    <div class=\"oval \"><\/div>\n                                    <\/div>\n                                                  <div class=\"service-card-content\">\n                                          <h3>Interactive Websites<\/h3>\n                                                              <p><span>Our websites deliver an industry-leading interactive experience, featuring immersive design, engaging animations, and high performance. We use industry-leading animation technology and frameworks to engage users, improve site engagement, and increase dwell time.<\/span><\/p>\n                                                            \n                      <a\n                        href=\"https:\/\/www.cbwebsitedesign.co.uk\/modern-website-design\/\"\n                        target=\"_self\"\n                        class=\"btn btn-outline z-10 pointer-events-auto\"\n                        data-mp>\n                        <span class=\"btn-bg\" data-mp-item data-mp-scale=\"1.05\" data-mp-d=\"0.2\"><\/span>\n                        <span class=\"btn-label\" data-mp-item>Modern Website Design<\/span>\n                      <\/a>\n                      \n                      <span class=\"service-card-toggler hidden absolute top-0 right-0\"><\/span>\n                                      <\/div>\n                                                  <div class=\"service-card-gfx\">\n                    <div class=\"animation\">\n                      <canvas\n                        class=\"lottie-animation\"\n                        data-bm-renderer=\"svg\"\n                        data-pace=\"1.2\"\n                        data-loop=\"\"\n                        data-anim=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/06\/interactive-site-builds-mini.json\"><\/canvas>\n                    <\/div>\n                  <\/div>\n                              <\/div>\n            <\/div>\n                          <div class=\"service-widget\">\n                <div class=\"animation\">\n                  <canvas\n                    class=\"lottie-animation\"\n                    data-bm-renderer=\"svg\"\n                    data-pace=\"1.2\"\n                    data-loop=\"\"\n                    data-anim=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/05\/Interactive-Websites-Stat-Graphic-V1.lottie\"><\/canvas>\n                <\/div>\n              <\/div>\n                      <\/div>\n                  <div class=\"services-list-row row gap-4 mb-4\" data-fade-in-childs>\n            <div class=\"w-full md:w-6\/12\">\n              <!-- Services Card -->\n              <div class=\"service-card inverted\" data-mp data-cursor=\"hover\">\n                <div class=\"service-card-bg bg-dark\" data-mp-item data-mp-d=\"0.05\" data-mp-scale=\"1.025\">\n                                        <div class=\"oval \"><\/div>\n                    <div class=\"oval \"><\/div>\n                                    <\/div>\n                                                  <div class=\"service-card-content\">\n                                          <h3>Enterprise Websites<\/h3>\n                                                              <p><span>Our websites deliver leading enterprise experiences, including excellent visual design, user-friendly navigation, robust security, scalable architecture, and seamless integration with third-party systems. We will provide all of the tools and functionality that you will need to streamline operations and achieve your business goals.<\/span><\/p>\n                                                              <span class=\"service-card-toggler hidden absolute top-0 right-0\"><\/span>\n                                      <\/div>\n                                                  <div class=\"service-card-gfx\">\n                    <div class=\"animation\">\n                      <canvas\n                        class=\"lottie-animation\"\n                        data-bm-renderer=\"svg\"\n                        data-pace=\"1.2\"\n                        data-loop=\"\"\n                        data-anim=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/06\/Enterprise-Websites-Image-V2.json\"><\/canvas>\n                    <\/div>\n                  <\/div>\n                              <\/div>\n            <\/div>\n                          <div class=\"service-widget\">\n                <div class=\"animation\">\n                  <canvas\n                    class=\"lottie-animation\"\n                    data-bm-renderer=\"svg\"\n                    data-pace=\"1.2\"\n                    data-loop=\"\"\n                    data-anim=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/05\/enterprise-websites-stat-graphic-v1.lottie\"><\/canvas>\n                <\/div>\n              <\/div>\n                      <\/div>\n                  <div class=\"services-list-row row gap-4 mb-4\" data-fade-in-childs>\n            <div class=\"w-full md:w-6\/12\">\n              <!-- Services Card -->\n              <div class=\"service-card inverted\" data-mp data-cursor=\"hover\">\n                <div class=\"service-card-bg bg-dark\" data-mp-item data-mp-d=\"0.05\" data-mp-scale=\"1.025\">\n                                        <div class=\"oval \"><\/div>\n                    <div class=\"oval \"><\/div>\n                                    <\/div>\n                                                  <div class=\"service-card-content\">\n                                          <h3>Multilingual Websites<\/h3>\n                                                              <p><span>We design and develop multilingual and multi-regional websites that help your site effectively reach a global audience. Featuring intuitive language switching, manual or dynamic translational content management, and region-specific SEO, we ensure your website is effectively optimised for the appropriate language and region. In addition, we\u2019re able to change the look and feel of your website to suit the browsing demographics based on location.<\/span><\/p>\n                                                            \n                      <a\n                        href=\"https:\/\/www.cbwebsitedesign.co.uk\/multilingual-website-design\/\"\n                        target=\"_self\"\n                        class=\"btn btn-outline z-10 pointer-events-auto\"\n                        data-mp>\n                        <span class=\"btn-bg\" data-mp-item data-mp-scale=\"1.05\" data-mp-d=\"0.2\"><\/span>\n                        <span class=\"btn-label\" data-mp-item>Multilingual<\/span>\n                      <\/a>\n                      \n                      <span class=\"service-card-toggler hidden absolute top-0 right-0\"><\/span>\n                                      <\/div>\n                                                  <div class=\"service-card-gfx\">\n                    <div class=\"animation\">\n                      <canvas\n                        class=\"lottie-animation\"\n                        data-bm-renderer=\"svg\"\n                        data-pace=\"1.2\"\n                        data-loop=\"\"\n                        data-anim=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/06\/Multilingual-Mini-Graphic-V2.json\"><\/canvas>\n                    <\/div>\n                  <\/div>\n                              <\/div>\n            <\/div>\n                          <div class=\"service-widget\">\n                <div class=\"animation\">\n                  <canvas\n                    class=\"lottie-animation\"\n                    data-bm-renderer=\"svg\"\n                    data-pace=\"1.2\"\n                    data-loop=\"\"\n                    data-anim=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/05\/multilingual-stat-graphic-v1.lottie\"><\/canvas>\n                <\/div>\n              <\/div>\n                      <\/div>\n                  <div class=\"services-list-row row gap-4 mb-4\" data-fade-in-childs>\n            <div class=\"w-full md:w-6\/12\">\n              <!-- Services Card -->\n              <div class=\"service-card inverted\" data-mp data-cursor=\"hover\">\n                <div class=\"service-card-bg bg-brown\" data-mp-item data-mp-d=\"0.05\" data-mp-scale=\"1.025\">\n                                        <div class=\"oval \"><\/div>\n                    <div class=\"oval \"><\/div>\n                                    <\/div>\n                                                  <div class=\"service-card-content\">\n                                          <h3>Sustainable Websites<\/h3>\n                                                              <p><span>The internet is the 7th largest global polluter.\r\n\r\nWe develop our websites with sustainability in mind, creating websites on a lightweight framework using a number of optimisation techniques. This reduces website carbon &#038; contributes to better ESG.\r\n\r\nIt might not immediately seem like it, but creating green websites, when adopted as industry standard, will have a big effect on our overall efforts to combat climate change.\r\n<\/span><\/p>\n                                                              <span class=\"service-card-toggler hidden absolute top-0 right-0\"><\/span>\n                                      <\/div>\n                                                  <div class=\"service-card-gfx\">\n                    <div class=\"animation\">\n                      <canvas\n                        class=\"lottie-animation\"\n                        data-bm-renderer=\"svg\"\n                        data-pace=\"1.2\"\n                        data-loop=\"\"\n                        data-anim=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/06\/sustainable-mini-graphic-V2.json\"><\/canvas>\n                    <\/div>\n                  <\/div>\n                              <\/div>\n            <\/div>\n                          <div class=\"service-widget\">\n                <div class=\"animation\">\n                  <canvas\n                    class=\"lottie-animation\"\n                    data-bm-renderer=\"svg\"\n                    data-pace=\"1.2\"\n                    data-loop=\"\"\n                    data-anim=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/05\/sustainable-mini-stat.lottie\"><\/canvas>\n                <\/div>\n              <\/div>\n                      <\/div>\n              <\/div>\n      <\/div>\n<\/section>\n\n<!-- features-carousel -->\n<section class=\"section padded  features-carousel inverted wp-colors\">\n      <div class=\"bg bg-padded bg-wp\">\n      <div class=\"oval top left\"><\/div>\n      <div class=\"oval bottom right\"><\/div>\n    <\/div>\n    <div class=\"container\">\n    <div class=\"row\">\n      <div class=\"w-full lg:ml-1\/12 lg:w-3\/4 last-mb-0\" data-fade-in-childs>\n                  <div class=\"subtitle\">\n                          <svg class=\"icon icon-wp\" viewBox=\"0 0 43 43\" fill=\"none\">\n                <use xlink:href=\"#wordpress\"><\/use>\n              <\/svg>\n                        WordPress Development          <\/div>\n                          <h3 data-split>\n            <p>WordPress CMS Specialists<\/p>\n          <\/h3>\n                          <p>Using WordPress as the CMS will ensure that the site is both flexible and scalable. Once designed &#038; coded in front-end, we will build the page content of the site into WordPress using custom fields and blocks where appropriate, which will allow your team to easily manage and update the site content with no coding knowledge required.<\/p>\n              <\/div>\n    <\/div>\n          <div class=\"blobs-swiper swiper mt-layout-sm\" data-cursor=\"drag\">\n        <div class=\"swiper-wrapper\">\n                                <div class=\"swiper-slide\">\n              <div class=\"blob-card gap-4 lg:gap-8\">\n                <div class=\"icon\">\n                                      <svg width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 30 30\"> <use href=\"#dot-white\"><\/use> <\/svg>\n                                   <\/div>\n                \n                                <div class=\"blob-card-content\">\n                                      <h3>SEO<\/h3>\n                                                        <div class=\"content\">\n                      WordPress is the best CMS from an SEO point of view, with many SEO tools available such as Yoast and Schema tools.                    <\/div>\n                                  <\/div>\n              <\/div>\n            <\/div>\n                      <div class=\"swiper-slide\">\n              <div class=\"blob-card gap-4 lg:gap-8\">\n                <div class=\"icon\">\n                                      <svg width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 30 30\"> <use href=\"#dot-white\"><\/use> <\/svg>\n                                   <\/div>\n                \n                                <div class=\"blob-card-content\">\n                                      <h3>No Templates<\/h3>\n                                                        <div class=\"content\">\n                      We will create a 100% bespoke website, designed from scratch and built from the ground up onto the WordPress platform.                    <\/div>\n                                  <\/div>\n              <\/div>\n            <\/div>\n                      <div class=\"swiper-slide\">\n              <div class=\"blob-card gap-4 lg:gap-8\">\n                <div class=\"icon\">\n                                      <svg width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 30 30\"> <use href=\"#dot-white\"><\/use> <\/svg>\n                                   <\/div>\n                \n                                <div class=\"blob-card-content\">\n                                      <h3>Flexible &#038; Scalable<\/h3>\n                                                        <div class=\"content\">\n                      As the leading CMS in terms of market share, the site will be future-proof, able to accommodate any user count or future expansion of functionality.                    <\/div>\n                                  <\/div>\n              <\/div>\n            <\/div>\n                      <div class=\"swiper-slide\">\n              <div class=\"blob-card gap-4 lg:gap-8\">\n                <div class=\"icon\">\n                                      <svg width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 30 30\"> <use href=\"#dot-white\"><\/use> <\/svg>\n                                   <\/div>\n                \n                                <div class=\"blob-card-content\">\n                                      <h3>Speed &#038; Security<\/h3>\n                                                        <div class=\"content\">\n                      Thanks to our ground-up approach to integrating WordPress, the site will be lightweight, fast, secure &#038; sustainable.                    <\/div>\n                                  <\/div>\n              <\/div>\n            <\/div>\n                  <\/div>\n      <\/div>\n      <\/div>\n<\/section>\n\n<!-- latest-news --><section class=\"section latest-news\">\n  <div class=\"container\">\n\n          <div class=\"row items-center justify-between mb-8\">\n        <div class=\"col-auto\">\n                      <div class=\"subtitle\">\n              <svg class=\"icon\" width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 24 24\">\n                <use href=\"#dot\"><\/use>\n              <\/svg>\n              Web Design Insights            <\/div>\n          \n                      <h2>Related Articles<\/h2>\n                  <\/div>\n\n        <div class=\"col-auto\">\n          <a\n            href=\"\/blog\/\"\n            target=\"_self\"\n            class=\"btn btn-dark\"\n            data-mp>\n            <span class=\"btn-bg\" data-mp-item data-mp-scale=\"1.05\" data-mp-d=\"0.2\"><\/span>\n            <span class=\"btn-label btn-dark\" data-mp-item>View All Insights<\/span>\n          <\/a>\n        <\/div>\n      <\/div>\n    \n          <div class=\"news-swiper swiper overflow-visible\">\n        <div class=\"swiper-wrapper\">\n                      <div class=\"swiper-slide single h-auto\">\n              <a\n  href=\"https:\/\/www.cbwebsitedesign.co.uk\/geo-ai\/how-to-rank-on-chatgpt-and-bing-copilot-in-2026-full-guide\/\"\n  class=\"news-card flex flex-col justify-between h-full  video-hover \"\n  data-cursor=\"arrow\">\n  <div>\n          <figure class=\"news-card-image\">\n        <img width=\"2211\" height=\"1164\" src=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/11\/how-to-rank-on-chatgpt-and-bing-copilot-2026.png\" class=\"attachment-full size-full\" alt=\"\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/11\/how-to-rank-on-chatgpt-and-bing-copilot-2026.png 2211w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/11\/how-to-rank-on-chatgpt-and-bing-copilot-2026-300x158.png 300w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/11\/how-to-rank-on-chatgpt-and-bing-copilot-2026-1024x539.png 1024w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/11\/how-to-rank-on-chatgpt-and-bing-copilot-2026-768x404.png 768w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/11\/how-to-rank-on-chatgpt-and-bing-copilot-2026-1536x809.png 1536w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/11\/how-to-rank-on-chatgpt-and-bing-copilot-2026-2048x1078.png 2048w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/11\/how-to-rank-on-chatgpt-and-bing-copilot-2026-576x303.png 576w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/11\/how-to-rank-on-chatgpt-and-bing-copilot-2026-1366x719.png 1366w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/11\/how-to-rank-on-chatgpt-and-bing-copilot-2026-1600x842.png 1600w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/11\/how-to-rank-on-chatgpt-and-bing-copilot-2026-1920x1011.png 1920w\" sizes=\"auto, (max-width: 576px) 576px,(max-width: 768px) 768px,(max-width: 1024px) 1024px,(max-width: 1366px) 1366px,(max-width: 1600px) 1600px,100vw\" \/>                  <video muted loop playsinline preload=\"none\" data-src=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/12\/How-to-Rank-on-ChatGPT-and-Bing-Copilot-in-2026.mp4\"><\/video>\n        \n              <\/figure>\n        <div class=\"news-card-content mb-8\">\n      <h4>How to Rank on ChatGPT and Bing Copilot in 2026 [Full Guide]<\/h4>\n      Search is no longer confined to blue links. In 2025, ChatGPT Search handles more than a billion queries each week,&#8230;    <\/div>\n  <\/div>\n<div class=\"news-card-bottom\">\n            <ul class=\"tags\">\n                  <li>GEO &amp; AI<\/li>\n              <\/ul>\n        <div class=\"arrow-indicator\"><\/div>\n  <\/div>\n\n\n\n<\/a>            <\/div>\n                      <div class=\"swiper-slide single h-auto\">\n              <a\n  href=\"https:\/\/www.cbwebsitedesign.co.uk\/geo-ai\/geo-vs-seo-how-generative-search-is-changing-online-visibility\/\"\n  class=\"news-card flex flex-col justify-between h-full  video-hover \"\n  data-cursor=\"arrow\">\n  <div>\n          <figure class=\"news-card-image\">\n        <img width=\"2211\" height=\"1164\" src=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/11\/Generative-Engine-Optimisation.webp\" class=\"attachment-full size-full\" alt=\"Generative Engine Optimisation\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/11\/Generative-Engine-Optimisation.webp 2211w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/11\/Generative-Engine-Optimisation-300x158.webp 300w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/11\/Generative-Engine-Optimisation-1024x539.webp 1024w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/11\/Generative-Engine-Optimisation-768x404.webp 768w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/11\/Generative-Engine-Optimisation-1536x809.webp 1536w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/11\/Generative-Engine-Optimisation-2048x1078.webp 2048w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/11\/Generative-Engine-Optimisation-576x303.webp 576w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/11\/Generative-Engine-Optimisation-1366x719.webp 1366w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/11\/Generative-Engine-Optimisation-1600x842.webp 1600w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/11\/Generative-Engine-Optimisation-1920x1011.webp 1920w\" sizes=\"auto, (max-width: 576px) 576px,(max-width: 768px) 768px,(max-width: 1024px) 1024px,(max-width: 1366px) 1366px,(max-width: 1600px) 1600px,100vw\" \/>                  <video muted loop playsinline preload=\"none\" data-src=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/12\/GEO-vs-SEO-How-Generative-Search-Is-Changing-Online-Visibility.mp4\"><\/video>\n        \n              <\/figure>\n        <div class=\"news-card-content mb-8\">\n      <h4>GEO vs SEO: How Generative Search Is Changing Online Visibility<\/h4>\n      Artificial intelligence isn&#8217;t just changing companies\u2019 workflows, but also their online visibility. Half of consumers use AI-powered search engines, consciously&#8230;    <\/div>\n  <\/div>\n<div class=\"news-card-bottom\">\n            <ul class=\"tags\">\n                  <li>GEO &amp; AI<\/li>\n              <\/ul>\n        <div class=\"arrow-indicator\"><\/div>\n  <\/div>\n\n\n\n<\/a>            <\/div>\n                      <div class=\"swiper-slide single h-auto\">\n              <a\n  href=\"https:\/\/www.cbwebsitedesign.co.uk\/design\/user-centred-design-the-guide-to-ux-and-usability\/\"\n  class=\"news-card flex flex-col justify-between h-full  video-hover \"\n  data-cursor=\"arrow\">\n  <div>\n          <figure class=\"news-card-image\">\n        <img width=\"2211\" height=\"1164\" src=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/11\/The-Guide-to-UX-and-Usability-Chris-Saunders-Thought-Leadership.webp\" class=\"attachment-full size-full\" alt=\"The Guide to UX and Usability - Chris Saunders Thought Leadership\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/11\/The-Guide-to-UX-and-Usability-Chris-Saunders-Thought-Leadership.webp 2211w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/11\/The-Guide-to-UX-and-Usability-Chris-Saunders-Thought-Leadership-300x158.webp 300w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/11\/The-Guide-to-UX-and-Usability-Chris-Saunders-Thought-Leadership-1024x539.webp 1024w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/11\/The-Guide-to-UX-and-Usability-Chris-Saunders-Thought-Leadership-768x404.webp 768w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/11\/The-Guide-to-UX-and-Usability-Chris-Saunders-Thought-Leadership-1536x809.webp 1536w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/11\/The-Guide-to-UX-and-Usability-Chris-Saunders-Thought-Leadership-2048x1078.webp 2048w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/11\/The-Guide-to-UX-and-Usability-Chris-Saunders-Thought-Leadership-576x303.webp 576w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/11\/The-Guide-to-UX-and-Usability-Chris-Saunders-Thought-Leadership-1366x719.webp 1366w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/11\/The-Guide-to-UX-and-Usability-Chris-Saunders-Thought-Leadership-1600x842.webp 1600w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/11\/The-Guide-to-UX-and-Usability-Chris-Saunders-Thought-Leadership-1920x1011.webp 1920w\" sizes=\"auto, (max-width: 576px) 576px,(max-width: 768px) 768px,(max-width: 1024px) 1024px,(max-width: 1366px) 1366px,(max-width: 1600px) 1600px,100vw\" \/>                  <video muted loop playsinline preload=\"none\" data-src=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/12\/The-Guide-to-UX-and-Usability-Chris-Saunders-Thought-Leadership-no-text.mp4\"><\/video>\n        \n              <\/figure>\n        <div class=\"news-card-content mb-8\">\n      <h4>User Centred Design A Guide to UX and Usability<\/h4>\n      What makes a good design? This is a very subjective question. Many would say cool animations, fun interactivity or engaging&#8230;    <\/div>\n  <\/div>\n<div class=\"news-card-bottom\">\n            <ul class=\"tags\">\n                  <li>Website Design<\/li>\n                  <li>Design<\/li>\n              <\/ul>\n        <div class=\"arrow-indicator\"><\/div>\n  <\/div>\n\n\n\n<\/a>            <\/div>\n                            <\/div>\n      <\/div>\n      <div class=\"swiper-scrollbar\"><\/div>\n\n    \n  <\/div>\n<\/section>\n\n\n<!-- graph-animation --><section\n  class=\"section graph-animation inverted pb-0 padded\">\n  <div class=\"bg bg-padded bg-dark\">\n            <div class=\"oval orange top left\"><\/div>\n        <div class=\"oval pink bottom right\"><\/div>\n      <\/div>\n  <div class=\"container\">\n    <div class=\"row\">\n      <div class=\"w-full lg:ml-1\/12 lg:w-3\/4 pb-12 lg:pb-20\">\n                  <div class=\"subtitle\">\n            <svg width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 24 24\"> <use href=\"#dot\"><\/use> <\/svg>\n            The Result          <\/div>\n                          <h2><p>Our estimated average project return on <br \/> investment for our clients is 253%<\/p>\n<\/h2>\n              <\/div>\n    <\/div>\n          <div class=\"row\">\n        <div class=\"w-full pb-12\">\n           <video\n            muted\n            playsinline\n            data-autoplay-in-viewport=\"true\"\n            preload=\"none\"\n            poster=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/02\/ROI-graph-poster_white.svg\"            class=\"inset-0 w-full\n              object-cover              \">\n            <source\n              data-src=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/02\/ROI-graph-V4.webm\"\n              type=\"video\/mp4\"\n              \/>\n          <\/video>\n        <\/div>\n      <\/div>\n      <\/div>\n<\/section>\n\n<!-- faq -->    \n<section class=\"section faqs overflow-hidden\">\n\n  <div class=\"container relative\">\n    <div class=\"row justify-between\">\n      <!-- Heading -->\n      <div class=\"w-full sm:w-1\/3\">\n                  <div class=\"subtitle mb-layout-xs\">\n            <svg class=\"icon\" width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 24 24\">\n              <use href=\"#dot\"><\/use>\n            <\/svg>\n            FAQ          <\/div>\n                          <h2>How can we help you?<\/h2>\n                      <\/div>\n\n      <!-- FAQ -->\n              <!-- Mark this block as an FAQPage -->\n        <div class=\"w-full sm:w-3\/5\" itemscope itemtype=\"https:\/\/schema.org\/FAQPage\">\n          <dl class=\"accordion lg:mt-12\" data-chris data-fade-in-childs>\n                          <!-- Each FAQ item is a Question, linked via mainEntity -->\n              <div class=\"accordion-item\" data-cursor=\"hover\" itemprop=\"mainEntity\" itemscope itemtype=\"https:\/\/schema.org\/Question\">\n                                  <dt class=\"accordion-item-title\">\n                    <h4 class=\"long\" itemprop=\"name\">How long does it take to build a website?<\/h4>\n                    <div class=\"icon\"><\/div>\n                  <\/dt>\n                \n                                  <dd class=\"accordion-item-content\">\n                    <div class=\"accordion-item-content-inner wysiwyg\">\n                      <!-- Accepted answer content -->\n                      <div itemprop=\"acceptedAnswer\" itemscope itemtype=\"https:\/\/schema.org\/Answer\">\n                        <div itemprop=\"text\">\n                          <p>A straightforward brochure-style website typically takes 6 to 8 weeks to complete, whereas a more intricate project, such as an eCommerce store, may require 12 weeks or longer. The timeline for developing a website varies based on its size, complexity, and specific features, including any branding needs. However, our team is agile and can accommodate projects with tight deadlines, offering options for phased launches. If you&#8217;re pressed for time, please don\u2019t hesitate to get in touch!<\/p>\n                        <\/div>\n                      <\/div>\n\n                      <!-- Feedback UI is left as-is, not part of the schema answer -->\n                                          <\/div>\n                  <\/dd>\n                              <\/div>\n                          <!-- Each FAQ item is a Question, linked via mainEntity -->\n              <div class=\"accordion-item\" data-cursor=\"hover\" itemprop=\"mainEntity\" itemscope itemtype=\"https:\/\/schema.org\/Question\">\n                                  <dt class=\"accordion-item-title\">\n                    <h4 class=\"long\" itemprop=\"name\">Will there be any training provided on how to use and manage the site?<\/h4>\n                    <div class=\"icon\"><\/div>\n                  <\/dt>\n                \n                                  <dd class=\"accordion-item-content\">\n                    <div class=\"accordion-item-content-inner wysiwyg\">\n                      <!-- Accepted answer content -->\n                      <div itemprop=\"acceptedAnswer\" itemscope itemtype=\"https:\/\/schema.org\/Answer\">\n                        <div itemprop=\"text\">\n                          <p>Yes, we provide comprehensive training on how to use your new website and content management system. This usually includes a live training session over a video call, where we walk you through everything step-by-step. We\u2019ll also share screencasts covering all the features of your site, so you can easily refer back to them whenever you need.<\/p>\n                        <\/div>\n                      <\/div>\n\n                      <!-- Feedback UI is left as-is, not part of the schema answer -->\n                                          <\/div>\n                  <\/dd>\n                              <\/div>\n                          <!-- Each FAQ item is a Question, linked via mainEntity -->\n              <div class=\"accordion-item\" data-cursor=\"hover\" itemprop=\"mainEntity\" itemscope itemtype=\"https:\/\/schema.org\/Question\">\n                                  <dt class=\"accordion-item-title\">\n                    <h4 class=\"long\" itemprop=\"name\">How will you ensure the site is secure and protected from potential threats?<\/h4>\n                    <div class=\"icon\"><\/div>\n                  <\/dt>\n                \n                                  <dd class=\"accordion-item-content\">\n                    <div class=\"accordion-item-content-inner wysiwyg\">\n                      <!-- Accepted answer content -->\n                      <div itemprop=\"acceptedAnswer\" itemscope itemtype=\"https:\/\/schema.org\/Answer\">\n                        <div itemprop=\"text\">\n                          <p>All our sites are custom-built to your project requirements, minimising the use of frameworks, plugins, and third-party tools to reduce vulnerabilities. We also set up firewalls and implement strong security features to fend off any pesky bots or hackers.<\/p>\n                        <\/div>\n                      <\/div>\n\n                      <!-- Feedback UI is left as-is, not part of the schema answer -->\n                                          <\/div>\n                  <\/dd>\n                              <\/div>\n                          <!-- Each FAQ item is a Question, linked via mainEntity -->\n              <div class=\"accordion-item\" data-cursor=\"hover\" itemprop=\"mainEntity\" itemscope itemtype=\"https:\/\/schema.org\/Question\">\n                                  <dt class=\"accordion-item-title\">\n                    <h4 class=\"long\" itemprop=\"name\">What happens if something goes wrong after the site is live?<\/h4>\n                    <div class=\"icon\"><\/div>\n                  <\/dt>\n                \n                                  <dd class=\"accordion-item-content\">\n                    <div class=\"accordion-item-content-inner wysiwyg\">\n                      <!-- Accepted answer content -->\n                      <div itemprop=\"acceptedAnswer\" itemscope itemtype=\"https:\/\/schema.org\/Answer\">\n                        <div itemprop=\"text\">\n                          <p>We provide a warranty after your website is built, ensuring you&#8217;re covered to our quality standard. For any issues, our ticketing system is in place for quick support, and we\u2019re always just a phone call or email away. We\u2019re committed to building long-term partnerships with our clients, going the extra mile to support you whenever needed.<\/p>\n                        <\/div>\n                      <\/div>\n\n                      <!-- Feedback UI is left as-is, not part of the schema answer -->\n                                          <\/div>\n                  <\/dd>\n                              <\/div>\n                          <!-- Each FAQ item is a Question, linked via mainEntity -->\n              <div class=\"accordion-item\" data-cursor=\"hover\" itemprop=\"mainEntity\" itemscope itemtype=\"https:\/\/schema.org\/Question\">\n                                  <dt class=\"accordion-item-title\">\n                    <h4 class=\"long\" itemprop=\"name\">Do you provide e-commerce solutions?<\/h4>\n                    <div class=\"icon\"><\/div>\n                  <\/dt>\n                \n                                  <dd class=\"accordion-item-content\">\n                    <div class=\"accordion-item-content-inner wysiwyg\">\n                      <!-- Accepted answer content -->\n                      <div itemprop=\"acceptedAnswer\" itemscope itemtype=\"https:\/\/schema.org\/Answer\">\n                        <div itemprop=\"text\">\n                          <p>Yes, we offer comprehensive e-commerce solutions tailored to your requirements. For more information, please check out our e-commerce page.<\/p>\n                        <\/div>\n                      <\/div>\n\n                      <!-- Feedback UI is left as-is, not part of the schema answer -->\n                                          <\/div>\n                  <\/dd>\n                              <\/div>\n                          <!-- Each FAQ item is a Question, linked via mainEntity -->\n              <div class=\"accordion-item\" data-cursor=\"hover\" itemprop=\"mainEntity\" itemscope itemtype=\"https:\/\/schema.org\/Question\">\n                                  <dt class=\"accordion-item-title\">\n                    <h4 class=\"long\" itemprop=\"name\">Will my website be mobile-friendly?<\/h4>\n                    <div class=\"icon\"><\/div>\n                  <\/dt>\n                \n                                  <dd class=\"accordion-item-content\">\n                    <div class=\"accordion-item-content-inner wysiwyg\">\n                      <!-- Accepted answer content -->\n                      <div itemprop=\"acceptedAnswer\" itemscope itemtype=\"https:\/\/schema.org\/Answer\">\n                        <div itemprop=\"text\">\n                          <p>Certainly! Our websites are not only mobile-friendly but also fully optimised for mobile use. With mobile traffic now exceeding desktop, we prioritise designing and wireframing mobile versions from the outset, ensuring your site looks and functions beautifully across all devices.<\/p>\n                        <\/div>\n                      <\/div>\n\n                      <!-- Feedback UI is left as-is, not part of the schema answer -->\n                                          <\/div>\n                  <\/dd>\n                              <\/div>\n                          <!-- Each FAQ item is a Question, linked via mainEntity -->\n              <div class=\"accordion-item\" data-cursor=\"hover\" itemprop=\"mainEntity\" itemscope itemtype=\"https:\/\/schema.org\/Question\">\n                                  <dt class=\"accordion-item-title\">\n                    <h4 class=\"long\" itemprop=\"name\">What is the cost of a web design project?<\/h4>\n                    <div class=\"icon\"><\/div>\n                  <\/dt>\n                \n                                  <dd class=\"accordion-item-content\">\n                    <div class=\"accordion-item-content-inner wysiwyg\">\n                      <!-- Accepted answer content -->\n                      <div itemprop=\"acceptedAnswer\" itemscope itemtype=\"https:\/\/schema.org\/Answer\">\n                        <div itemprop=\"text\">\n                          <p>Our pricing is based on your project requirements, with flexible payment options available in phases throughout the project&#8217;s progression. Generally, our projects range from \u00a310k ($12.5k) to \u00a3120k ($157k), with an average cost of approximately \u00a315k to \u00a320k ($20k to $26k). Please note that we have a minimum project size of \u00a310k ($12.5k). For a detailed estimate, check out our cost calculator page.<\/p>\n                        <\/div>\n                      <\/div>\n\n                      <!-- Feedback UI is left as-is, not part of the schema answer -->\n                                          <\/div>\n                  <\/dd>\n                              <\/div>\n                      <\/dl>\n        <\/div>\n          <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- reviews-slider --><section class=\"section reviews-slider transparent\">\r\n  <div class=\"container\">\r\n    <div class=\"row justify-center\">\r\n      <div class=\"w-full lg:w-10\/12\">\r\n                  <div class=\"swiper overflow-visible\">\r\n            <div class=\"swiper-wrapper ease-linear\">\r\n                              <div class=\"swiper-slide\">\r\n                  <div\r\n                    class=\"review-slide\">\r\n                    <div class=\"review-slide-header\">\r\n                                            <div class=\"rate\">\r\n                        <i class=\"i i-star active\"><\/i>\r\n                        <i class=\"i i-star active\"><\/i>\r\n                        <i class=\"i i-star active\"><\/i>\r\n                        <i class=\"i i-star active\"><\/i>\r\n                        <i class=\"i i-star active\"><\/i>\r\n                        <span>5.0<\/span>\r\n                      <\/div>\r\n                    <\/div>\r\n                    <blockquote class=\"review-slide-content\">\r\n                      <p>CreativeWeb is fantastic at considering my ideas and creating an incredible brand and website. I&#8217;m so happy with the final product. I&#8217;ve also been really impressed with their ongoing support with marketing and guiding me through an area I know little about.<\/p>\n                    <\/blockquote>\r\n                    <div class=\"review-slide-author\">\r\n                      <strong>Steven Mahan-Taylor<\/strong>\r\n                                              <span> Clinic Director &#038; Consultant, London Bridge Therapy <\/span>\r\n                                          <\/div>\r\n                                      <\/div>\r\n                <\/div>\r\n                              <div class=\"swiper-slide\">\r\n                  <div\r\n                    class=\"review-slide\">\r\n                    <div class=\"review-slide-header\">\r\n                                            <div class=\"rate\">\r\n                        <i class=\"i i-star active\"><\/i>\r\n                        <i class=\"i i-star active\"><\/i>\r\n                        <i class=\"i i-star active\"><\/i>\r\n                        <i class=\"i i-star active\"><\/i>\r\n                        <i class=\"i i-star active\"><\/i>\r\n                        <span>5.0<\/span>\r\n                      <\/div>\r\n                    <\/div>\r\n                    <blockquote class=\"review-slide-content\">\r\n                      <p>They created visually appealing designs from scratch and made them look complete and coherent in only three weeks. It looks spectacular, and content has universally received high praise from the nuclear sector. There&#8217;s a sense of the great interactivity built in and sense of the visual design.<\/p>\n                    <\/blockquote>\r\n                    <div class=\"review-slide-author\">\r\n                      <strong>Lincoln Hill<\/strong>\r\n                                              <span> Director of External Affairs, Nuclear Industry Association<\/span>\r\n                                          <\/div>\r\n                                      <\/div>\r\n                <\/div>\r\n                              <div class=\"swiper-slide\">\r\n                  <div\r\n                    class=\"review-slide\">\r\n                    <div class=\"review-slide-header\">\r\n                                            <div class=\"rate\">\r\n                        <i class=\"i i-star active\"><\/i>\r\n                        <i class=\"i i-star active\"><\/i>\r\n                        <i class=\"i i-star active\"><\/i>\r\n                        <i class=\"i i-star active\"><\/i>\r\n                        <i class=\"i i-star active\"><\/i>\r\n                        <span>5.0<\/span>\r\n                      <\/div>\r\n                    <\/div>\r\n                    <blockquote class=\"review-slide-content\">\r\n                      <p>Since launch we have had ample feedback from the general population, 3rd party operators and the Government of Gibraltar to express their awe at the overall sleekness with the design and ease of functionality.<\/p>\n                    <\/blockquote>\r\n                    <div class=\"review-slide-author\">\r\n                      <strong>Christian Wright<\/strong>\r\n                                              <span> Marketing Director, Gibraltar Government <\/span>\r\n                                          <\/div>\r\n                                      <\/div>\r\n                <\/div>\r\n                              <div class=\"swiper-slide\">\r\n                  <div\r\n                    class=\"review-slide\">\r\n                    <div class=\"review-slide-header\">\r\n                                            <div class=\"rate\">\r\n                        <i class=\"i i-star active\"><\/i>\r\n                        <i class=\"i i-star active\"><\/i>\r\n                        <i class=\"i i-star active\"><\/i>\r\n                        <i class=\"i i-star active\"><\/i>\r\n                        <i class=\"i i-star active\"><\/i>\r\n                        <span>5.0<\/span>\r\n                      <\/div>\r\n                    <\/div>\r\n                    <blockquote class=\"review-slide-content\">\r\n                      <p>Site traffic has increased by 70% and we continue to hear positive feedback and compliments from visitors about the design. We were impressed by the knowledge they had about website design, UX, and optimization.<\/p>\n                    <\/blockquote>\r\n                    <div class=\"review-slide-author\">\r\n                      <strong>Paul Hayward<\/strong>\r\n                                              <span> Executive Director, Swiss Finance<\/span>\r\n                                          <\/div>\r\n                                      <\/div>\r\n                <\/div>\r\n                              <div class=\"swiper-slide\">\r\n                  <div\r\n                    class=\"review-slide\">\r\n                    <div class=\"review-slide-header\">\r\n                                            <div class=\"rate\">\r\n                        <i class=\"i i-star active\"><\/i>\r\n                        <i class=\"i i-star active\"><\/i>\r\n                        <i class=\"i i-star active\"><\/i>\r\n                        <i class=\"i i-star active\"><\/i>\r\n                        <i class=\"i i-star active\"><\/i>\r\n                        <span>5.0<\/span>\r\n                      <\/div>\r\n                    <\/div>\r\n                    <blockquote class=\"review-slide-content\">\r\n                      <p>I genuinely couldn&#8217;t be happier with their service. The most impressive thing about this company is their attention to detail, professionalism and willingness to go the extra mile. They create absolutely stunning websites which I really can&#8217;t fault.<\/p>\n                    <\/blockquote>\r\n                    <div class=\"review-slide-author\">\r\n                      <strong>Jack Glynn<\/strong>\r\n                                              <span> Director at Concept Spa<\/span>\r\n                                          <\/div>\r\n                                      <\/div>\r\n                <\/div>\r\n                              <div class=\"swiper-slide\">\r\n                  <div\r\n                    class=\"review-slide\">\r\n                    <div class=\"review-slide-header\">\r\n                                            <div class=\"rate\">\r\n                        <i class=\"i i-star active\"><\/i>\r\n                        <i class=\"i i-star active\"><\/i>\r\n                        <i class=\"i i-star active\"><\/i>\r\n                        <i class=\"i i-star active\"><\/i>\r\n                        <i class=\"i i-star active\"><\/i>\r\n                        <span>5.0<\/span>\r\n                      <\/div>\r\n                    <\/div>\r\n                    <blockquote class=\"review-slide-content\">\r\n                      <p>CBD managed all of this in a responsive and diligent way, creating a beautiful and highly functional site which meets all of our needs<\/p>\n                    <\/blockquote>\r\n                    <div class=\"review-slide-author\">\r\n                      <strong>Dan Pearson<\/strong>\r\n                                              <span> Product Marketing Manager, Genvid<\/span>\r\n                                          <\/div>\r\n                                      <\/div>\r\n                <\/div>\r\n                          <\/div>\r\n            <div class=\"reviews-slider-pagination\">\r\n                              <button>\r\n                  <svg viewBox=\"0 0 42 42\">\r\n                    <circle cx=\"21\" cy=\"21\" r=\"20\" fill=\"none\" stroke-width=\"2\"><\/circle>\r\n                  <\/svg>\r\n                  1                <\/button>\r\n                              <button>\r\n                  <svg viewBox=\"0 0 42 42\">\r\n                    <circle cx=\"21\" cy=\"21\" r=\"20\" fill=\"none\" stroke-width=\"2\"><\/circle>\r\n                  <\/svg>\r\n                  2                <\/button>\r\n                              <button>\r\n                  <svg viewBox=\"0 0 42 42\">\r\n                    <circle cx=\"21\" cy=\"21\" r=\"20\" fill=\"none\" stroke-width=\"2\"><\/circle>\r\n                  <\/svg>\r\n                  3                <\/button>\r\n                              <button>\r\n                  <svg viewBox=\"0 0 42 42\">\r\n                    <circle cx=\"21\" cy=\"21\" r=\"20\" fill=\"none\" stroke-width=\"2\"><\/circle>\r\n                  <\/svg>\r\n                  4                <\/button>\r\n                              <button>\r\n                  <svg viewBox=\"0 0 42 42\">\r\n                    <circle cx=\"21\" cy=\"21\" r=\"20\" fill=\"none\" stroke-width=\"2\"><\/circle>\r\n                  <\/svg>\r\n                  5                <\/button>\r\n                              <button>\r\n                  <svg viewBox=\"0 0 42 42\">\r\n                    <circle cx=\"21\" cy=\"21\" r=\"20\" fill=\"none\" stroke-width=\"2\"><\/circle>\r\n                  <\/svg>\r\n                  6                <\/button>\r\n                          <\/div>\r\n                    <\/div>\r\n      <\/div>\r\n    <\/div>\r\n<\/section>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-735","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.cbwebsitedesign.co.uk\/wp-json\/wp\/v2\/pages\/735","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cbwebsitedesign.co.uk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.cbwebsitedesign.co.uk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.cbwebsitedesign.co.uk\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cbwebsitedesign.co.uk\/wp-json\/wp\/v2\/comments?post=735"}],"version-history":[{"count":222,"href":"https:\/\/www.cbwebsitedesign.co.uk\/wp-json\/wp\/v2\/pages\/735\/revisions"}],"predecessor-version":[{"id":11843,"href":"https:\/\/www.cbwebsitedesign.co.uk\/wp-json\/wp\/v2\/pages\/735\/revisions\/11843"}],"wp:attachment":[{"href":"https:\/\/www.cbwebsitedesign.co.uk\/wp-json\/wp\/v2\/media?parent=735"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}