{"id":753,"date":"2024-08-19T16:45:18","date_gmt":"2024-08-19T16:45:18","guid":{"rendered":"https:\/\/cbwebsitedesign.co.uk\/?page_id=753"},"modified":"2025-07-09T08:32:18","modified_gmt":"2025-07-09T08:32:18","slug":"branding","status":"publish","type":"page","link":"https:\/\/www.cbwebsitedesign.co.uk\/branding\/","title":{"rendered":"Branding"},"content":{"rendered":"<!-- title-bar-alt --><section class=\"section title-bar title-bar-fluid title-bar-dark inverted compact \">\n  <div\n    class=\"container relative z-20 flex items-center pointer-events-none\">\n    <div class=\"row w-full \">\n      <div class=\"w-full sm:w-11\/12\">\n                  <h1 class=\" mb-6\">Creative Branding <span style=\"font-weight:300\">Agency in London<\/span><\/h1>\n                          <div class=\"content wysiwyg\">\n            <p>Beautiful, bold, and built to get you noticed \u2013 we make your brand stand out!<\/p>\n          <\/div>\n                      <\/div>\n    <\/div>\n  <\/div>\n    <div class=\"bg\">\n    <canvas class=\"webgl\"><\/canvas>\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\/06\/branding-cover.webp\"\n                        >\n            <source\n              data-src=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/04\/branding-sized.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                CreativeWeb              <\/div>\n                        <h2><p>Design Agency London<\/p>\n<\/h2>\n                                            <div\n              class=\"content sm:w-11\/12 lg:w-full\">\n              <p>Our creative and experienced design team offer a range of design and branding services, guaranteed to effectively portray your business, venture or brand.<\/p>\n<p>From stunning branding identity to bespoke logo design, eye-popping animations, engaging brochures, creative business cards, and impactful posters \u2013 we thrive on delivering creative designs.<\/p>\n                          <\/div>\n                                              <a\n                href=\"https:\/\/www.cbwebsitedesign.co.uk\/about-us\/\"\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>Who we are<\/span>\n              <\/a>\n                              <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- services-fade --><section class=\"section services-fade\">\n  <div class=\"bg\">\n        <\/div>\n  <div class=\"container\">\n\n    <div class=\"w-full lg:pl-1\/12\">\n              <div class=\"subtitle mb-layout-sm\">\n          <svg width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 24 24\"> <use href=\"#dot\"><\/use> <\/svg>\n          Our Services        <\/div>\n      \n              <div class=\"card\">\n          <div class=\"row sm:justify-between\">\n            <div class=\"card-media w-full md:w-1\/2\">\n                              <figure class=\"media\">\n                  <video\n                    playsinline\n                    data-autoplay-in-viewport=\"true\"\n                    preload=\"none\"\n                    muted\n                    loop\n                    >\n                    <source\n                      type=\"video\/mp4\"\n                      loop=\"true\"\n                      muted=\"true\"\n                      data-src=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/01\/CBD-Branding-and-Identity-Animation-V4.mp4\" \/>\n                    Your browser does not support the video tag.\n                  <\/video>\n                <\/figure>\n                          <\/div>\n            <div class=\"w-full md:w-1\/2 wysiwyg\">\n              <div class=\"card-content\">\n                <div class=\"card-content-inner\">\n                                      <h3>Branding &#038; Identity<\/h3>\n                                                        <p>Whether you\u2019re looking to launch a new product, disrupt an industry or update your brand identity, our creative team will help you bring your unique ideas to life, developing a brand that translates online, in print, and everywhere else.<\/p>\n<p>As part of our creative brand identity process we offer a ranges of services including:<\/p>\n<ul class=\"ticks\">\n<li>Logo Design<\/li>\n<li>Typography<\/li>\n<li>Colour Usage<\/li>\n<li>Imagery<\/li>\n<li>Design assets (icons, textures, patterns, illustrations)<\/li>\n<\/ul>\n                                  <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n              <div class=\"card\">\n          <div class=\"row sm:justify-between\">\n            <div class=\"card-media w-full md:w-1\/2\">\n                              <figure class=\"media\">\n                  <video\n                    playsinline\n                    data-autoplay-in-viewport=\"true\"\n                    preload=\"none\"\n                    muted\n                    loop\n                    >\n                    <source\n                      type=\"video\/mp4\"\n                      loop=\"true\"\n                      muted=\"true\"\n                      data-src=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2024\/10\/Branding-Ruebik-V7.mp4\" \/>\n                    Your browser does not support the video tag.\n                  <\/video>\n                <\/figure>\n                          <\/div>\n            <div class=\"w-full md:w-1\/2 wysiwyg\">\n              <div class=\"card-content\">\n                <div class=\"card-content-inner\">\n                                      <h3>Logo Design<\/h3>\n                                                        <p>Your logo is often the most recognisable part of your brand and is essential for effectively portraying who you are. Getting it right is fundamental to creating a strong and effective brand image.<\/p>\n<p>Whether you\u2019re a new venture in need of a brand identity or an existing enterprise looking for a logo refresh, our experienced designers follow a thorough process to craft a bespoke logo that perfectly reflects your brand.<\/p>\n<p>The logos that we design for brands are in a fully vectored format, making them suitable for any digital and print-based mediums. In addition, we provide brand logo usage guidelines and create various versions for different applications.<\/p>\n                                  <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n              <div class=\"card\">\n          <div class=\"row sm:justify-between\">\n            <div class=\"card-media w-full md:w-1\/2\">\n                              <figure class=\"media\">\n                  <video\n                    playsinline\n                    data-autoplay-in-viewport=\"true\"\n                    preload=\"none\"\n                    muted\n                    loop\n                    >\n                    <source\n                      type=\"video\/mp4\"\n                      loop=\"true\"\n                      muted=\"true\"\n                      data-src=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/01\/Business-Card-Animation-V2.mp4\" \/>\n                    Your browser does not support the video tag.\n                  <\/video>\n                <\/figure>\n                          <\/div>\n            <div class=\"w-full md:w-1\/2 wysiwyg\">\n              <div class=\"card-content\">\n                <div class=\"card-content-inner\">\n                                      <h3>Business Stationary<\/h3>\n                                                        <p>Complete your brand with bespoke and seamlessly designed business stationery. Business stationery can represent a subtle yet effective way of getting your brand message across and enhancing your overall communications strategy.<\/p>\n<p>Our experienced design team manage the design process for you, providing a full service including design concepts, print ready CYMK &amp; RGB designs and organise print where required.<\/p>\n<p>Business stationery design can include:<\/p>\n<ul class=\"ticks\">\n<li>Business Cards<\/li>\n<li>Slide Deck\/PowerPoint Design<\/li>\n<li>Email Signatures<\/li>\n<li>Letterheads<\/li>\n<li>Compliment slips<\/li>\n<\/ul>\n                                  <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n              <div class=\"card\">\n          <div class=\"row sm:justify-between\">\n            <div class=\"card-media w-full md:w-1\/2\">\n                              <figure class=\"media\">\n                  <video\n                    playsinline\n                    data-autoplay-in-viewport=\"true\"\n                    preload=\"none\"\n                    muted\n                    loop\n                    >\n                    <source\n                      type=\"video\/mp4\"\n                      loop=\"true\"\n                      muted=\"true\"\n                      data-src=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/01\/Branding-Animation-V2.mp4\" \/>\n                    Your browser does not support the video tag.\n                  <\/video>\n                <\/figure>\n                          <\/div>\n            <div class=\"w-full md:w-1\/2 wysiwyg\">\n              <div class=\"card-content\">\n                <div class=\"card-content-inner\">\n                                      <h3>Brochure Design<\/h3>\n                                                        <p>We offer the creation of a new presentation template and brochure template in line with the new branding. Our team can create a template for both presentation and brochure, this would usually include a front page &amp; back page design with up to 5 inner page designs that can be duplicated and populated by your team.<\/p>\n<p>We also offer more in-depth brochure and pitch deck creation. Before being able to provide an accurate quote for this service, we would require a project brief and discussion.<\/p>\n                                  <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n          <\/div>\n  <\/div>\n\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        Branding That Stands Out      <\/div>\n              <h2 class=\"mb-layout-sm lg:w-5\/12 md:w-9\/12\">Featured Branding 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\/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\/fairvue-partners\/\" 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\/Fairvue-1.webp\" class=\"attachment-full size-full\" alt=\"Branding, web design &amp; web build for Fairvue Partners\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2024\/08\/Fairvue-1.webp 1000w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2024\/08\/Fairvue-1-300x300.webp 300w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2024\/08\/Fairvue-1-150x150.webp 150w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2024\/08\/Fairvue-1-768x768.webp 768w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2024\/08\/Fairvue-1-576x576.webp 576w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2024\/08\/Fairvue-1-24x24.webp 24w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2024\/08\/Fairvue-1-48x48.webp 48w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2024\/08\/Fairvue-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\/2024\/08\/Fairvue-Portfolio-Animation_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>Fairvue Partners<\/h3>\n            <p>By redesigning Fairvue Partners\u2019 brand and website, we introduced modern perspective and created impactful experience within a traditional industry.<\/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=\"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                                                            <\/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\/j-stimler\/\" 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\/JStimler.webp\" class=\"attachment-full size-full\" alt=\"website design for jstimler\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2024\/08\/JStimler.webp 1000w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2024\/08\/JStimler-300x300.webp 300w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2024\/08\/JStimler-150x150.webp 150w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2024\/08\/JStimler-768x768.webp 768w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2024\/08\/JStimler-576x576.webp 576w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2024\/08\/JStimler-24x24.webp 24w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2024\/08\/JStimler-48x48.webp 48w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2024\/08\/JStimler-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\/J-Stimler-Portfolio-Animation-V1_720p.mp4\" \/>\n                <\/video>\n                                        <ul class=\"tags solid\">\n                                            <li>Web Design<\/li>\n                                            <li>Web Development<\/li>\n                                            <li>Awwards<\/li>\n                                    <\/ul>\n                    <\/figure>\n        <div class=\"work-card-content\">\n            <h3>J Stimler<\/h3>\n            <p>For longtime client J Stimler, we redesigned their site to reflect evolving demographics and appeal to high-end fashion audiences.<\/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 >\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=\"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                                                            <\/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\/first-jets\/\" 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\/First-Jets.webp\" class=\"attachment-full size-full\" alt=\"first jets web design\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2024\/08\/First-Jets.webp 1000w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2024\/08\/First-Jets-300x300.webp 300w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2024\/08\/First-Jets-150x150.webp 150w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2024\/08\/First-Jets-768x768.webp 768w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2024\/08\/First-Jets-576x576.webp 576w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2024\/08\/First-Jets-24x24.webp 24w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2024\/08\/First-Jets-48x48.webp 48w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2024\/08\/First-Jets-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\/First-Jets-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>First Jets<\/h3>\n            <p>For First Jets, we developed a luxurious, minimalist website with subtle interactivity, earning Awwwards honors and enhancing user sophistication.<\/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>\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=\"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 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                    Discovery<\/h2>\n                    <\/div>\n                                  <\/div>\n                                                      <ul class=\"nav-toggles\">\n                                                <li data-cursor=\"hover\" class=\" active  cursor-auto \"><span>Laying the foundations for success.<\/span><span>Laying the foundations for success.<\/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 goal of this phase is to understand your offering, objectives, and audience in depth. Achieving this goal will involve discovery sessions with your team and conducting separate research, as well. We\u2019ll go through any brand assets you currently have, analyse your competition, and seek out effective solutions for your brand.<\/p>\n<p>This phase includes:<\/p>\n<ul>\n<li>A brand discovery session and stakeholder questionnaire.<\/li>\n<li>Competitor and market analysis.<\/li>\n<li>A comprehensive review of your current branding.<\/li>\n<\/ul>\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-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 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                    Strategy<\/h2>\n                    <\/div>\n                                  <\/div>\n                                                      <ul class=\"nav-toggles\">\n                                                <li data-cursor=\"hover\" class=\" active  cursor-auto \"><span>Defining your brand\u2019s identity &#038; purpose.<\/span><span>Defining your brand\u2019s identity &#038; purpose.<\/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>With a clear understanding of your brand and business, we develop a strategy to position your brand effectively in the market.<\/p>\n<p>This phase focuses on:<\/p>\n<ul>\n<li>Creating your mission, vision, and key messages.<\/li>\n<li>Establishing your brands tone of voice and personality.<\/li>\n<li>Exploring creative directions through visual mood boards to align on style and approach.<\/li>\n<\/ul>\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=\"1072\" height=\"600\" src=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/06\/process-conceptdevelopment-poster.webp\" class=\"add-parallax\" alt=\"web agency typing\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/06\/process-conceptdevelopment-poster.webp 1072w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/06\/process-conceptdevelopment-poster-300x168.webp 300w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/06\/process-conceptdevelopment-poster-1024x573.webp 1024w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/06\/process-conceptdevelopment-poster-768x430.webp 768w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/06\/process-conceptdevelopment-poster-576x322.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                    Concept Development<\/h2>\n                    <\/div>\n                                  <\/div>\n                                                      <ul class=\"nav-toggles\">\n                                                <li data-cursor=\"hover\" class=\" active  cursor-auto \"><span>Bringing your brand to life.<\/span><span>Bringing your brand to life.<\/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 this phase, we combine strategy with creative ideas. Our designers and creative teams design and develop concepts that capture the essence and intention of your brand. This phase involves producing:<\/p>\n<ul>\n<li>Logo design with initial concepts for your feedback<\/li>\n<li>A complete visual identity comprising colour palettes, typographic choices, and other designs.<\/li>\n<li>Mock-ups demonstrating how your brand will appear across real-world scenarios.<\/li>\n<\/ul>\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=\"1067\" height=\"600\" src=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/06\/process-refinementguidelines-poster.webp\" class=\"add-parallax\" alt=\"web design agency SEO working\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/06\/process-refinementguidelines-poster.webp 1067w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/06\/process-refinementguidelines-poster-300x169.webp 300w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/06\/process-refinementguidelines-poster-1024x576.webp 1024w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/06\/process-refinementguidelines-poster-768x432.webp 768w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/06\/process-refinementguidelines-poster-576x324.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                    Refinement &#038; Guidelines<\/h2>\n                    <\/div>\n                                  <\/div>\n                                                      <ul class=\"nav-toggles\">\n                                                <li data-cursor=\"hover\" class=\" active  cursor-auto \"><span>Perfecting the details<\/span><span>Perfecting the details<\/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>Once a concept gets the green light, we work on perfecting the designs and put together a complete set of brand guidelines that are intended for your brand. These guidelines are used to deliver all subsequent materials. The last stage consists of:<\/p>\n<ul>\n<li>Collaborative feedback rounds to ensure alignment.<\/li>\n<li>Delivery of a detailed brand guidelines document covering logo usage, colours, typography, and tone of voice.<\/li>\n<li>Handover of all assets in formats ready for both print and digital use.<\/li>\n<\/ul>\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-testing-poster.webp\"  playsinline preload=\"none\">\n                        <source data-src=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/02\/CBD_clip_1_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-planning-poster.webp\"  playsinline preload=\"none\">\n                        <source data-src=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/02\/CBD_clip_2_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\/06\/process-conceptdevelopment-poster.webp\"  playsinline preload=\"none\">\n                        <source data-src=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/02\/CBD_clip_3_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\/06\/process-refinementguidelines-poster.webp\"  playsinline preload=\"none\">\n                        <source data-src=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/02\/CBD_clip_4_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=\"Discovery\">\n                      <div class=\"stat-number\"><\/div>\n                    <\/div>\n                                                          <div class=\"stat\" data-text=\"Strategy\">\n                      <div class=\"stat-number\"><\/div>\n                    <\/div>\n                                                          <div class=\"stat\" data-text=\"Concept Development\">\n                      <div class=\"stat-number\"><\/div>\n                    <\/div>\n                                                          <div class=\"stat\" data-text=\"Refinement &#038; Guidelines\">\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    .KaiIhsUJMT {\n      .bg-padded {\n        background-image: url(https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/02\/IPM-Background-V2-lighter.svg);\n        background-repeat: no-repeat;\n        background-size: cover;\n      }\n    }\n  <\/style>\n\n<section class=\"section  content-box  padded inverted KaiIhsUJMT\">\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=\"embed lg:mt-8 w-5\/6\">\n            <p><iframe loading=\"lazy\" class=\"spline-radius\" src=\"https:\/\/my.spline.design\/3dglassfluidcopy-2999e603cb9f2e8e68a5b8e31fb73cb6\/\" width=\"100%\" height=\"100%\" frameborder=\"0\"><\/iframe><\/p>\n          <\/div>\n              <\/div>\n      <div class=\"w-full sm:w-1\/3\">\n                  <div class=\"row items-center justify-between\">\n            <div class=\"mb-6\">\n              <ul class=\"tags\">\n                                    <li>Branding<\/li>\n                                                      <li>Web Design<\/li>\n                                                      <li>SEO<\/li>\n                                                <\/ul>\n            <\/div>\n          <\/div>\n                <div class=\"wysiwyg sm:mb-12\">\n                      <h2 data-split-text>\n              <p>Adclaro<\/p>\n            <\/h2>\n                                <p>Adclaro enlisted our team to reimagine their corporate website with a fresh, modern design that would captivate potential investors.<\/p>\n                            <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- three-left-text-right-2 --><section class=\"section three-left-text-right-2 padded pb-layout-sm\">\n  <div class=\"bg bg-padded bg-white\"><\/div>\n  <div class=\"relative container\">\n    <div class=\"row justify-between gap-12 lg:gap-24  items-center\">\n      <div class=\"lg:w-6\/12\">\n        <!-- Composition -->\n        <div class=\"comp comp-1\">\n                    <div class=\"comp-col\">\n                          <figure class=\"media add-parallax \">\n                <img width=\"700\" height=\"471\" src=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/06\/cbd-team4.webp\" class=\"attachment-full size-full\" alt=\"web design agency office presentation\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/06\/cbd-team4.webp 700w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/06\/cbd-team4-300x202.webp 300w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/06\/cbd-team4-576x388.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                                      <figure class=\"media add-parallax \">\n                <img width=\"700\" height=\"462\" src=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/06\/cbd-team14.webp\" class=\"attachment-full size-full\" alt=\"web design agency office\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/06\/cbd-team14.webp 700w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/06\/cbd-team14-300x198.webp 300w, https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/06\/cbd-team14-576x380.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                      <figure class=\"media \">\n              <video playsinline data-autoplay-in-viewport=\"true\" preload=\"none\" muted loop  poster=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/06\/small-img-cover.webp\"  >\n              <source type=\"video\/mp4\" 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              <div class=\"media-overlay\">\n                <button aria-label=\"Play Video\" class=\"play\" data-toggle=\"video-modal\" data-video=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/07\/Creative-Brand-Design-Showreel-V3.mp4\"><\/button>\n              <\/div>\n            <\/figure>\n                  <\/div>\n      <\/div>\n      <div class=\"flex-1\">\n        <div class=\"inner pb-layout-sm\" data-fade-in-childs>\n                      <div class=\"subtitle\">\n                <svg width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 24 24\">\n                    <use href=\"#dot\"><\/use>\n                <\/svg>\n              Building brands that resonate            <\/div>\n                                <h2 class=\"text-35\"><p>Strategic, Creative, Innovative<\/p>\n<\/h2>\n          \n                      <div\n              class=\"content sm:w-11\/12 lg:w-full\">\n              <p>At CreativeWeb, we produce brand experiences that resonate with your audience. Our team combines strategic insight with exceptional design to make sure your brand stands out against the competitors. Whatever your goal is, be it refining your identity or creating something entirely new, we\u2019re here to bring your vision to life.<\/p>\n            <\/div>\n                                <a href=\"https:\/\/www.cbwebsitedesign.co.uk\/about-us\/\" target=\"_self\" class=\"btn btn-outline\" 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>Who We Are<\/span>\n            <\/a>\n                    \n                  \n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- awards-badges --><section class=\"section awards-badges transparent pt-layout-sm pb-layout-sm\">\n  <div class=\"container\">\n    <!-- Awards Marquee -->\n    <div class=\"awards-marquee justify-center\">\n      <!-- Award Badge -->\n                <div class=\"awards-marquee-item\">\n            <div class=\"award-badge award-badge-beige\">\n                                <img width=\"106\" height=\"30\" src=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/01\/logo-clutch.svg\" class=\"award-badge-image\" 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=\"award-badge-content\">\n                    50+ Reviews                                            <div 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                        <\/div>\n                                      <\/div>\n                          <\/div>\n          <\/div>\n                <div class=\"awards-marquee-item\">\n            <div class=\"award-badge award-badge-beige\">\n                                <img width=\"164\" height=\"25\" src=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/01\/badge-cssdesignawards-black.svg\" class=\"award-badge-image\" 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=\"award-badge-content\">\n                    Multiple<br \/>\r\nAwarded                                      <\/div>\n                          <\/div>\n          <\/div>\n                <div class=\"awards-marquee-item\">\n            <div class=\"award-badge award-badge-beige\">\n                                <img width=\"97\" height=\"16\" src=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/01\/awwwards-black.svg\" class=\"award-badge-image\" 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=\"award-badge-content\">\n                    Multiple<br \/>\r\nMentions                                      <\/div>\n                          <\/div>\n          <\/div>\n                <div class=\"awards-marquee-item\">\n            <div class=\"award-badge award-badge-beige\">\n                                <img width=\"30\" height=\"30\" src=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/01\/iconic-black.svg\" class=\"award-badge-image\" 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=\"award-badge-content\">\n                    Multiple<br \/>\r\nAwarded                                      <\/div>\n                          <\/div>\n          <\/div>\n                <div class=\"awards-marquee-item\">\n            <div class=\"award-badge award-badge-beige\">\n                                <img width=\"28\" height=\"23\" src=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/01\/badge-dn-black.svg\" class=\"award-badge-image\" 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=\"award-badge-content\">\n                    Multiple<br \/>\r\nNominees                                      <\/div>\n                          <\/div>\n          <\/div>\n          <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- reviews-slider --><section class=\"section reviews-slider transparent pt-0\">\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>\n\n<!-- faq -->    \n<section class=\"section faqs overflow-hidden pt-layout-sm\">\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            Branding &#038; Design          <\/div>\n                          <h2>FAQ&#039;s<\/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\">Do I need branding for my website 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>Without a clearly defined brand and brand assets, when you create a design piece for your company, whether it be a website or a print asset like a brochure you\u2019ll end up with inconsistency in the design. We would recommend creating brand guidelines and a brand identity to accompany your logo, before proceeding to creating a website design.<\/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 long does a branding process take?<\/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>Allow 1 week for discovery, 1-2 weeks for initial concepts, and approximately 2 weeks for visual identity and brand guidelines. Generally a branding process will take approximately 4-6 weeks depending on the complexity and feedback\/revisions. <\/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\">I have a logo already is this enough?<\/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>Your logo is a key component of your brand. Having a logo sets the general feel and tone for your brand, as well as colors, typography, and sometimes even graphics. However, a logo isn\u2019t enough to be considered a whole brand. For instance, as part of creating the design for a website, you\u2019ll need a clear color palette, typographic usage (header fonts, body fonts), and brand assets (icons, illustrations, graphics, imagery, etc.) to design an effective, brand-consistent website.<\/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\">Why is branding important for my business?<\/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>Branding is crucial as it is the primary way your audience interacts and recalls your business. It determines your messaging, perceptions and builds trust. A strong, consistent brand gives you an advantage over your competitors while building loyalty and trust in your product or service.<br \/>\nYour branding will also affect the design of your website and everything else that relates to your business such as social media sites and marketing materials. It helps to ensure that every single interaction with your business is uniform and consistent with your values and goals. Branding is the basis of how your business is experienced and perceived by the customers and how it is able to prosper in a competitive economy.<\/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 are brand guidelines, do I need them?<\/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>Brand guidelines are the set of rules of how your brand is displayed across all various platforms, materials and design points. They typically cover elements like logos, logo usage, colours, typography, imagery, illustrations, graphics, etc. They ensure that the visual representation of your brand is consistent wherever it is used.<br \/>\nThey are essential to ensuring your brand is effectively represented wherever it is used. They are particularly helpful when multiple persons or teams are contributing to create marketing collateral for your company or brand. Without clear brand guidelines, your brand could be misrepresented or have inconsistent visuals used. We would recommend clear brand guidelines are created before any website design or additional design projects are carried out.<\/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","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-753","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.cbwebsitedesign.co.uk\/wp-json\/wp\/v2\/pages\/753","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=753"}],"version-history":[{"count":253,"href":"https:\/\/www.cbwebsitedesign.co.uk\/wp-json\/wp\/v2\/pages\/753\/revisions"}],"predecessor-version":[{"id":9596,"href":"https:\/\/www.cbwebsitedesign.co.uk\/wp-json\/wp\/v2\/pages\/753\/revisions\/9596"}],"wp:attachment":[{"href":"https:\/\/www.cbwebsitedesign.co.uk\/wp-json\/wp\/v2\/media?parent=753"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}