{"id":2774,"date":"2011-12-19T01:08:00","date_gmt":"2011-12-19T01:08:00","guid":{"rendered":"https:\/\/cbwebsitedesign.co.uk\/?page_id=2774"},"modified":"2026-01-05T17:52:40","modified_gmt":"2026-01-05T17:52:40","slug":"web-design-cost-estimator","status":"publish","type":"page","link":"https:\/\/www.cbwebsitedesign.co.uk\/web-design-cost-estimator\/","title":{"rendered":"Cost Calculator"},"content":{"rendered":"<!-- cost-calculator --><section class=\"section title-bar-animation-form title-bar-cost-calculator transparent\">\n  <div class=\"cost-calculator-modal\">\n    <div class=\"cost-calculator-body\">\n      <div class=\"container\">\n                <!-- Progress -->\n        <div class=\"cost-calculator-progress\">\n          <div class=\"cost-calculator-progress-track\">\n            <div class=\"cost-calculator-progress-indicator\">\n              <svg viewBox=\"0 0 150 140\">\n                <path class=\"default\" transform=\"translate(4,4)\" d=\"M106.106 24.6009C118.606 36.1009 129.806 50.1009 132.806 67.1009C135.706 84.0009 130.506 103.901 117.906 114.801C105.306 125.601 85.4065 127.501 68.1065 124.901C50.7065 122.401 35.9065 115.401 23.4065 104.601C10.9065 93.7009 0.706453 78.9009 1.00645 64.4009C1.20645 49.8009 12.0065 35.6009 24.5065 24.1009C37.0065 12.6009 51.2065 3.90085 65.4065 4.00085C79.5065 4.20085 93.5065 13.2009 106.106 24.6009Z\" \/>\n                <path class=\"hover\" d=\"M111.753 22.9935C125.647 33.2836 138.526 45.8276 144.915 62.1937C151.405 78.6577 151.406 98.9438 140.453 109.038C129.399 119.23 107.393 119.23 89.4429 122.268C71.3916 125.306 57.3968 131.382 43.7062 129.716C30.0156 127.952 16.5278 118.25 9.12477 105.51C1.82312 92.7698 0.403353 76.7957 1.01182 59.0577C1.62029 41.3196 4.257 21.8175 15.7165 11.0375C27.1761 0.257458 47.4584 -1.80055 65.2055 1.33546C82.8511 4.37347 97.8601 12.6055 111.753 22.9935Z\" \/>\n              <\/svg>\n              <div>\n                <span>1<\/span>\n                <span>2<\/span>\n                <span>3<\/span>\n                <span>4<\/span>\n                <span>5<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        <!-- Form -->\n        <form id=\"cost-form\" class=\"cost-calculator-form contact-form\" method=\"POST\" action=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/themes\/cbd\/inc\/form-processing\/form-processing.php\" enctype=\"multipart\/form-data\">\n          <!-- Step #1 - General -->\n          <div class=\"cost-calculator-step\">\n              <div class=\"form-group lg:col-span-1 website-link\" aria-hidden=\"true\">\n                <input class=\"form-input\" type=\"text\" name=\"website_link\" tabindex=\"-1\" autocomplete=\"off\" placeholder=\"Your website\">\n              <\/div>\n              <div class=\"row relative w-full items-center lg:flex-nowrap gap-16\">\n                  <div class=\"w-full sm:w-2\/3 lg:w-6\/12 wysiwyg mb-layout-6\">\n                      <div data-fade-in-childs>\n                                                  <h1>Website Design Quote UK<\/h1>\n                                                                          <p>Fill out the form below and our <a href=\"https:\/\/www.cbwebsitedesign.co.uk\/\">London web design<\/a> team will review your requirements and send you a clear website cost estimate within 24 hours.<\/p>\n                                                                      <\/div>\n                  <\/div>\n                  <div class=\"sm:w-1\/3 hidden sm:block absolute top-0 right-0\">\n                                            \n                                            <div class=\"animation\">\n                          <video\n                            muted\n                            poster=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/06\/web-design-costs.webp\"                            playsinline\n                            data-autoplay-in-viewport=\"true\"\n                            preload=\"none\"\n                            class=\"inset-0 w-full\">\n                            <source\n                              data-src=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/03\/Illustration-9.webm\"\n                              type=\"video\/webm\" \/>\n                          <\/video>\n                      <\/div>    \n                                        <\/div>\n              <\/div>\n                          <!-- Form Group -->\n            <h5>Do you have a website already?<\/h5>\n            <div class=\"form-selectors-group form-col sm:col-4 md:col-5 lg:col-6\">\n              <div class=\"form-selector\" data-cursor=\"hover\">\n                <input type=\"radio\" id=\"website-yes\" name=\"website\" value=\"Yes\">\n                <label for=\"website-yes\">Yes<\/label>\n              <\/div>\n              <div class=\"form-selector\" data-cursor=\"hover\">\n                <input type=\"radio\" id=\"website-no\" name=\"website\" value=\"No\">\n                <label for=\"website-no\">No<\/label>\n              <\/div>\n              <input type=\"text\" id=\"website_domain\" name=\"website_domain\" class=\"form-selector-input hidden col-span-2\" data-show-if-field=\"website\" data-show-if-value=\"Yes\" placeholder=\"Enter your website domain here\">\n            <\/div>\n            <h5>When are you looking to start your website project?<\/h5>\n            <div class=\"form-selectors-group form-col sm:col-3 md:col-4 lg:col-5\">\n              <div class=\"form-selector\" data-cursor=\"hover\">\n                <input type=\"radio\" id=\"timeline-1\" name=\"timeline\" value=\"Exploring ideas\">\n                <label for=\"timeline-1\">Exploring ideas<\/label>\n              <\/div>\n              <div class=\"form-selector\" data-cursor=\"hover\">\n                <input type=\"radio\" id=\"timeline-2\" name=\"timeline\" value=\"Next 3 to 6 months\">\n                <label for=\"timeline-2\">Next 3 to 6 months<\/label>\n              <\/div>\n              <div class=\"form-selector\" data-cursor=\"hover\">\n                <input type=\"radio\" id=\"timeline-3\" name=\"timeline\" value=\"1 to 3 months\">\n                <label for=\"timeline-3\">1 to 3 months<\/label>\n              <\/div>\n              <div class=\"form-selector\" data-cursor=\"hover\">\n                <input type=\"radio\" id=\"timeline-4\" name=\"timeline\" value=\"Right away\">\n                <label for=\"timeline-4\">Right away<\/label>\n              <\/div>\n              <div class=\"form-selector\" data-cursor=\"hover\">\n                <input type=\"radio\" id=\"timeline-5\" name=\"timeline\" value=\"Need help finishing\">\n                <label for=\"timeline-5\">Need help finishing<\/label>\n              <\/div>\n            <\/div>\n            <div class=\"hidden\" data-show-if-field=\"timeline\" data-show-if-values='[\"Next 3 to 6 months\",\"1 to 3 months\",\"Right away\",\"Need help finishing\"]'>\n                <h5>When would you like the site to be completed by?<\/h5>\n                <div class=\"form-selectors-group form-col sm:col-3 xl:col-4\">\n                  <div class=\"form-selector\" data-cursor=\"hover\">\n                    <input type=\"radio\" id=\"time-1\" name=\"time\" value=\"I\u2019m flexible\">\n                    <label for=\"time-1\">I\u2019m flexible<\/label>\n                  <\/div>\n                  <div class=\"form-selector\" data-cursor=\"hover\">\n                    <input type=\"radio\" id=\"time-2\" name=\"time\" value=\"Within 12 weeks\">\n                    <label for=\"time-2\">Within 12 weeks<\/label>\n                  <\/div>\n                  <div class=\"form-selector\" data-cursor=\"hover\">\n                    <input type=\"radio\" id=\"time-3\" name=\"time\" value=\"Within 8 to 12 weeks\">\n                    <label for=\"time-3\">Within 8 to 12 weeks<\/label>\n                  <\/div>\n                  <div class=\"form-selector\" data-cursor=\"hover\">\n                    <input type=\"radio\" id=\"time-4\" name=\"time\" value=\"Within 6 to 8 weeks\">\n                    <label for=\"time-4\">Within 6 to 8 weeks<\/label>\n                  <\/div>\n                  <div class=\"form-selector\" data-cursor=\"hover\">\n                    <input type=\"radio\" id=\"time-5\" name=\"time\" value=\"Under 4 weeks\">\n                    <label for=\"time-5\">Under 4 weeks<\/label>\n                  <\/div>\n                  <div class=\"form-selector\" data-cursor=\"hover\">\n                    <input type=\"radio\" id=\"time-6\" name=\"time\" value=\"ASAP or urgent\">\n                    <label for=\"time-6\">ASAP or urgent<\/label>\n                  <\/div>\n                <\/div>\n            <\/div>\n            <!-- Form Group -->\n            <h5>Do you currently have branding with brand guidelines?<\/h5>\n            <div class=\"form-selectors-group form-col sm:col-4 md:col-5 lg:col-6\">\n\n              <div class=\"form-selector\" data-cursor=\"hover\">\n                <input type=\"radio\" id=\"logo-1\" name=\"branding\" value=\"Not yet\">\n                <label for=\"logo-1\">Not yet<\/label>\n              <\/div>\n              <div class=\"form-selector\" data-cursor=\"hover\">\n                <input type=\"radio\" id=\"logo-2\" name=\"branding\" value=\"Logo only\">\n                <label for=\"logo-2\">Logo only<\/label>\n              <\/div>\n              <div class=\"form-selector col-span-2\" data-cursor=\"hover\">\n                <input type=\"radio\" id=\"logo-3\" name=\"branding\" value=\"Logo with brand guidelines\">\n                <label for=\"logo-3\">Logo with brand guidelines<\/label>\n              <\/div>\n              <div class=\"form-selector col-span-2\" data-cursor=\"hover\">\n                <input type=\"radio\" id=\"logo-4\" name=\"branding\" value=\"I require new branding\">\n                <label for=\"logo-4\">I require new branding<\/label>\n              <\/div>\n            <\/div>\n            <div class=\"mt-layout-xs\">\n              <button class=\"btn btn-outline btn-hover-pink wide\" data-mp data-calc=\"next\">\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>Next Step<\/span>\n              <\/button>\n            <\/div>\n          <\/div>\n          <!-- Step #2 - Type -->\n          <div class=\"cost-calculator-step\">\n            <div class=\"mb-layout-xs last-child-mb-0\">\n              <h2 class=\"mb-2\">Site Type<\/h2>\n              <p class=\"text-sm\">Please select what best describes your requirements:<\/p>\n            <\/div>\n            <div class=\"form-group\">\n\n              <div class=\"row sm:flex-nowrap gap-6 mb-6\">\n                <div class=\"w-full sm:w-1\/2\">\n                  <!-- Form Tile -->\n                  <div class=\"form-tile\" data-cursor=\"hover\">\n                    <input type=\"radio\" value=\"Brochure Website\" name=\"project_type\" id=\"project_type-1\" checked required>\n                    <h5 class=\"form-tile-heading\">\n                      <svg class=\"icon\" viewBox=\"0 0 41 38\">\n                        <use xlink:href=\"#three-ovals\"><\/use>\n                      <\/svg>\n                      Brochure Website\n                    <\/h5>\n                    <div class=\"form-tile-content\">\n                      <p class=\"text-sm\">Personal sites and small businesses<\/p>\n                    <\/div>\n                  <\/div>\n                <\/div>\n                <div class=\"w-full sm:w-1\/2\">\n                  <!-- Form Tile -->\n                  <div class=\"form-tile\" data-cursor=\"hover\">\n                    <input type=\"radio\" value=\"Interactive Website\" name=\"project_type\" id=\"project_type-2\" required>\n                    <h5 class=\"form-tile-heading\">\n                      <svg class=\"icon\" viewBox=\"0 0 41 38\">\n                        <use xlink:href=\"#oval-in-oval\"><\/use>\n                      <\/svg>\n                      Interactive Website\n                    <\/h5>\n                    <div class=\"form-tile-content\">\n                      <p class=\"text-sm\">Engaging and interactive experiences<\/p>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              <div class=\"row sm:flex-nowrap gap-6\">\n                <div class=\"w-full sm:w-1\/2\">\n                  <!-- Form Tile -->\n                  <div class=\"form-tile\" data-cursor=\"hover\">\n                    <input type=\"radio\" value=\"eCommerce Website\" name=\"project_type\" id=\"project_type-3\" required>\n                    <h5 class=\"form-tile-heading\">\n                      <svg class=\"icon\" viewBox=\"0 0 41 38\">\n                        <use xlink:href=\"#two-ovals\"><\/use>\n                      <\/svg>\n                      eCommerce Website\n                    <\/h5>\n                    <div class=\"form-tile-content\">\n                      <p class=\"text-sm\">Online stores and product catalogs<\/p>\n                    <\/div>\n                  <\/div>\n                <\/div>\n                <div class=\"w-full sm:w-1\/2\">\n                  <!-- Form Tile -->\n                  <div class=\"form-tile\" data-cursor=\"hover\">\n                    <input type=\"radio\" value=\"Enterprise Website\" name=\"project_type\" id=\"project_type-4\" required>\n                    <h5 class=\"form-tile-heading\">\n                      <svg class=\"icon\" viewBox=\"0 0 41 38\">\n                        <use xlink:href=\"#oval-quarter\"><\/use>\n                      <\/svg>\n                      Enterprise Website\n                    <\/h5>\n                    <div class=\"form-tile-content\">\n                      <p class=\"text-sm\">Large-scale corporate websites<\/p>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n            <div class=\"mt-layout-xs\">\n              <button class=\"btn btn-outline btn-hover-pink wide\" data-mp data-calc=\"next\">\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>Next Step<\/span>\n              <\/button>\n              <button class=\"btn btn-link btn-pink wide\" data-mp data-calc=\"prev\">\n                <span class=\"btn-label\" data-mp-item>return to previous<\/span>\n              <\/button>\n            <\/div>\n          <\/div>\n          <!-- Step #3 - Functionality -->\n          <div class=\"cost-calculator-step\">\n            <div class=\"mb-layout-sm last-child-mb-0\">\n              <h2 class=\"mb-2\">Will the site require any additional functionality?<\/h2>\n              <p class=\"text-sm\">Please select any of the following additional functionality that you think you will require for your project.<\/p>\n            <\/div>\n            <div class=\"form-selectors-list form-col sm:col-3 lg:col-4\">\n              <div class=\"form-selector\" data-cursor=\"hover\">\n                <input type=\"checkbox\" id=\"functionality-16\" name=\"functionality[]\" value=\"None\" required>\n                <label for=\"functionality-16\">None<\/label>\n              <\/div>              \n              <div class=\"form-selector\" data-cursor=\"hover\">\n                <input type=\"checkbox\" id=\"functionality-1\" name=\"functionality[]\" value=\"API Integration\" required>\n                <label for=\"functionality-1\">API Integration<\/label>\n              <\/div>\n              <div class=\"form-selector\" data-cursor=\"hover\">\n                <input type=\"checkbox\" id=\"functionality-2\" name=\"functionality[]\" value=\"Blog\" required>\n                <label for=\"functionality-2\">Blog<\/label>\n              <\/div>\n              <div class=\"form-selector\" data-cursor=\"hover\">\n                <input type=\"checkbox\" id=\"functionality-3\" name=\"functionality[]\" value=\"Booking System\" required>\n                <label for=\"functionality-3\">Booking System<\/label>\n              <\/div>\n              <div class=\"form-selector\" data-cursor=\"hover\">\n                <input type=\"checkbox\" id=\"functionality-4\" name=\"functionality[]\" value=\"CRM Integration\" required>\n                <label for=\"functionality-4\">CRM Integration<\/label>\n              <\/div>\n              <div class=\"form-selector\" data-cursor=\"hover\">\n                <input type=\"checkbox\" id=\"functionality-5\" name=\"functionality[]\" value=\"Ecommerce\" required>\n                <label for=\"functionality-5\">Ecommerce<\/label>\n              <\/div>\n              <div class=\"form-selector\" data-cursor=\"hover\">\n                <input type=\"checkbox\" id=\"functionality-6\" name=\"functionality[]\" value=\"Events System\" required>\n                <label for=\"functionality-6\">Events System<\/label>\n              <\/div>\n              <div class=\"form-selector\" data-cursor=\"hover\">\n                <input type=\"checkbox\" id=\"functionality-7\" name=\"functionality[]\" value=\"Interactive Map\" required>\n                <label for=\"functionality-7\">Interactive Map<\/label>\n              <\/div>\n              <div class=\"form-selector\" data-cursor=\"hover\">\n                <input type=\"checkbox\" id=\"functionality-8\" name=\"functionality[]\" value=\"Multilingual\" required>\n                <label for=\"functionality-8\">Multilingual<\/label>\n              <\/div>\n              <div class=\"form-selector\" data-cursor=\"hover\">\n                <input type=\"checkbox\" id=\"functionality-9\" name=\"functionality[]\" value=\"Newsletter\" required>\n                <label for=\"functionality-9\">Newsletter<\/label>\n              <\/div>\n              <div class=\"form-selector\" data-cursor=\"hover\">\n                <input type=\"checkbox\" id=\"functionality-10\" name=\"functionality[]\" value=\"Online Forum\" required>\n                <label for=\"functionality-10\">Online Forum<\/label>\n              <\/div>\n              <div class=\"form-selector\" data-cursor=\"hover\">\n                <input type=\"checkbox\" id=\"functionality-11\" name=\"functionality[]\" value=\"Quiz Logic\" required>\n                <label for=\"functionality-11\">Quiz Logic<\/label>\n              <\/div>\n              <div class=\"form-selector\" data-cursor=\"hover\">\n                <input type=\"checkbox\" id=\"functionality-12\" name=\"functionality[]\" value=\"Site Search\" required>\n                <label for=\"functionality-12\">Site Search<\/label>\n              <\/div>\n              <div class=\"form-selector\" data-cursor=\"hover\">\n                <input type=\"checkbox\" id=\"functionality-13\" name=\"functionality[]\" value=\"Social Media Integration\" required>\n                <label for=\"functionality-13\">Social Media<\/label>\n              <\/div>\n              <div class=\"form-selector\" data-cursor=\"hover\">\n                <input type=\"checkbox\" id=\"functionality-14\" name=\"functionality[]\" value=\"User Accounts\" required>\n                <label for=\"functionality-14\">User Accounts<\/label>\n              <\/div>\n              <div class=\"form-selector\" data-cursor=\"hover\">\n                <input type=\"checkbox\" id=\"functionality-15\" name=\"functionality[]\" value=\"AI Chat Bot\" required>\n                <label for=\"functionality-15\">AI Chat Bot<\/label>\n              <\/div>\n            <\/div>\n            <div class=\"mt-layout-xs\">\n              <button class=\"btn btn-outline btn-hover-pink wide\" data-mp data-calc=\"next\">\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>Next Step<\/span>\n              <\/button>\n              <button class=\"btn btn-link btn-pink wide\" data-mp data-calc=\"prev\">\n                <span class=\"btn-label\" data-mp-item>return to previous<\/span>\n              <\/button>\n            <\/div>\n          <\/div>\n          <!-- Step #4 - Content -->\n          <div class=\"cost-calculator-step\">\n            <div class=\"mb-layout-sm last-child-mb-0\">\n              <h2 class=\"mb-2\">Content &#038; Marketing<\/h2>\n              <p class=\"text-sm\">Please select the number of pages or products you required for your website, copywriting &#038; SEO are an optional extra:<\/p>\n            <\/div>\n            <!-- Form Group -->\n            <h5>Are you interested in SEO or marketing campaigns?<\/h5>\n            <div class=\"form-selectors-group form-col sm:col-4 md:col-6 lg:col-8\">\n              <div class=\"form-selector col-span-2\" data-cursor=\"hover\">\n                <input type=\"radio\" id=\"marketing-unsure\" name=\"marketing\" value=\"What is SEO?\">\n                <label for=\"marketing-unsure\">What is SEO?<\/label>\n              <\/div>\n              <div class=\"form-selector\" data-cursor=\"hover\">\n                <input type=\"radio\" id=\"marketing-yes\" name=\"marketing\" value=\"Yes\">\n                <label for=\"marketing-yes\">Yes<\/label>\n              <\/div>\n              <div class=\"form-selector\" data-cursor=\"hover\">\n                <input type=\"radio\" id=\"marketing-no\" name=\"marketing\" value=\"No\">\n                <label for=\"marketing-no\">No<\/label>\n              <\/div>\n              \n            <\/div>\n            <!-- Form Group -->\n            <h5>Number of webpages required<\/h5>\n            <div class=\"form-selectors-group form-col sm:col-4 md:col-6 lg:col-8\">\n              <div class=\"form-selector\" data-cursor=\"hover\">\n                <input type=\"radio\" id=\"pages_amount-1\" name=\"pages_amount\" value=\"Up to 5\">\n                <label for=\"pages_amount-1\">Up to 5<\/label>\n              <\/div>\n              <div class=\"form-selector\" data-cursor=\"hover\">\n                <input type=\"radio\" id=\"pages_amount-2\" name=\"pages_amount\" value=\"Up to 10\">\n                <label for=\"pages_amount-2\">Up to 10<\/label>\n              <\/div>\n              <div class=\"form-selector\" data-cursor=\"hover\">\n                <input type=\"radio\" id=\"pages_amount-3\" name=\"pages_amount\" value=\"Up to 20\">\n                <label for=\"pages_amount-3\">Up to 20<\/label>\n              <\/div>\n              <div class=\"form-selector\" data-cursor=\"hover\">\n                <input type=\"radio\" id=\"pages_amount-4\" name=\"pages_amount\" value=\"Up to 50\">\n                <label for=\"pages_amount-4\">Up to 50<\/label>\n              <\/div>\n              <div class=\"form-selector\" data-cursor=\"hover\">\n                <input type=\"radio\" id=\"pages_amount-5\" name=\"pages_amount\" value=\"Up to 100\">\n                <label for=\"pages_amount-5\">Up to 100<\/label>\n              <\/div>\n            <\/div>\n            <!-- Form Group -->\n                      <!-- Form Group -->\n            <h5>Would you like copywriting?<\/h5>\n            <div class=\"form-selectors-group form-col sm:col-4 md:col-6\">\n              <div class=\"form-selector col-span-2\" data-cursor=\"hover\">\n                <input type=\"radio\" id=\"copywriting-1\" name=\"copywriting\" value=\"I have my own copy\">\n                <label for=\"copywriting-1\">I have my own copy<\/label>\n              <\/div>\n              <div class=\"form-selector col-span-2\" data-cursor=\"hover\">\n                <input type=\"radio\" id=\"copywriting-2\" name=\"copywriting\" value=\"Same content as my current site\">\n                <label for=\"copywriting-2\">Same content as my current site<\/label>\n              <\/div>\n              <div class=\"form-selector col-span-2\" data-cursor=\"hover\">\n                <input type=\"radio\" id=\"copywriting-3\" name=\"copywriting\" value=\"I require new copy\">\n                <label for=\"copywriting-3\">I require new copy<\/label>\n              <\/div>\n              <div class=\"form-selector col-span-2\" data-cursor=\"hover\">\n                <input type=\"radio\" id=\"copywriting-4\" name=\"copywriting\" value=\"What is copywriting?\">\n                <label for=\"copywriting-4\">What is copywriting?<\/label>\n              <\/div>\n            <\/div>\n            <div class=\"mt-layout-xs\">\n              <button class=\"btn btn-outline btn-hover-pink wide\" data-mp data-calc=\"next\">\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>Next Step<\/span>\n              <\/button>\n              <button class=\"btn btn-link btn-pink wide\" data-mp data-calc=\"prev\">\n                <span class=\"btn-label\" data-mp-item>return to previous<\/span>\n              <\/button>\n            <\/div>\n          <\/div>\n          <!-- Step #5 - Final -->\n          <div class=\"cost-calculator-step\">\n            <div class=\"row md:flex-nowrap gap-12\">\n              <!-- Col -->\n              <div class=\"cost-calculator-col w-full sm:w-1\/2\">\n                <div class=\"mb-layout-sm last-child-mb-0\">\n                  <h2 class=\"mb-2\">Final Details<\/h2>\n                <\/div>\n                <!-- Form Group -->\n                <h5>Do you have a budget allocated?<\/h5>\n                <div class=\"w-full form-selectors-group form-col xl:col-4\">\n                  <div class=\"form-selector\" data-cursor=\"hover\">\n                    <input type=\"radio\" id=\"cost-0\" name=\"budget\" value=\"No yet\">\n                    <label for=\"cost-0\">No yet<\/label>\n                  <\/div>\n                  <div class=\"form-selector\" data-cursor=\"hover\">\n                    <input type=\"radio\" id=\"cost-1\" name=\"budget\" value=\"\u00a36K - \u00a310K\">\n                    <label for=\"cost-1\"><span class=\"currency-symbol\">\u00a3<\/span>6K &#8211; <span class=\"currency-symbol\">\u00a3<\/span>10K<\/label>\n                  <\/div>\n                  <div class=\"form-selector\" data-cursor=\"hover\">\n                    <input type=\"radio\" id=\"cost-3\" name=\"budget\" value=\"\u00a310K - \u00a315K\">\n                    <label for=\"cost-3\"><span class=\"currency-symbol\">\u00a3<\/span>10K &#8211; <span class=\"currency-symbol\">\u00a3<\/span>15K<\/label>\n                  <\/div>\n                  <div class=\"form-selector\" data-cursor=\"hover\">\n                    <input type=\"radio\" id=\"cost-4\" name=\"budget\" value=\"\u00a315K - \u00a320K\">\n                    <label for=\"cost-4\"><span class=\"currency-symbol\">\u00a3<\/span>15K &#8211; <span class=\"currency-symbol\">\u00a3<\/span>20K<\/label>\n                  <\/div>\n                  <div class=\"form-selector\" data-cursor=\"hover\">\n                    <input type=\"radio\" id=\"cost-5\" name=\"budget\" value=\"\u00a320K - \u00a330K\">\n                    <label for=\"cost-5\"><span class=\"currency-symbol\">\u00a3<\/span>20K &#8211; <span class=\"currency-symbol\">\u00a3<\/span>30K<\/label>\n                  <\/div>\n                  <div class=\"form-selector\" data-cursor=\"hover\">\n                    <input type=\"radio\" id=\"cost-6\" name=\"budget\" value=\"\u00a330K+\">\n                    <label for=\"cost-6\"><span class=\"currency-symbol\">\u00a3<\/span>30K+<\/label>\n                  <\/div>\n                  <div class=\"form-selector\" data-cursor=\"hover\">\n                    <input type=\"radio\" id=\"cost-7\" name=\"budget\" value=\"Other\">\n                    <label for=\"cost-7\">Other<\/label>\n                  <\/div>\n                  <input type=\"text\" id=\"budget_specified\" name=\"budget_specified\" class=\"form-selector-input hidden\" data-show-if-field=\"budget\" data-show-if-value=\"Other\" placeholder=\"Budget...\">\n                <\/div>\n                <!-- Form Group -->\n                <h5 class=\"mb-4\">Fast track your project?<\/h5>\n                <p class=\"text-sm\">Speed things up with agile delivery and extra resources. Finish up to 50% faster for an added fee.<\/p>\n                <div class=\"w-full form-selectors-group form-col lg:col-4\">\n                  <div class=\"form-selector\" data-cursor=\"hover\">\n                    <input type=\"radio\" id=\"fast_track_no\" name=\"fast_track\" value=\"Not yet\">\n                    <label for=\"fast_track_no\">Not yet<\/label>\n                  <\/div>\n                  <div class=\"form-selector\" data-cursor=\"hover\">\n                    <input type=\"radio\" id=\"fast_track_yes\" name=\"fast_track\" value=\"Yes\">\n                    <label for=\"fast_track_yes\">Yes<\/label>\n                  <\/div>\n                <\/div>\n                <h5 class=\"mb-4\">Have you got a dog at home?<\/h5>\n                <p class=\"text-sm\">We \u2764\ufe0f dogs!<\/p>\n                <div class=\"w-full form-selectors-group form-col lg:col-4\">\n                  <div class=\"form-selector\" data-cursor=\"hover\">\n                    <input type=\"radio\" id=\"dog-yes\" name=\"dog\" value=\"Yes\">\n                    <label for=\"dog-yes\">Yes<\/label>\n                  <\/div>\n                  <div class=\"form-selector\" data-cursor=\"hover\">\n                    <input type=\"radio\" id=\"dog-no\" name=\"dog\" value=\"No\">\n                    <label for=\"dog-no\">Sadly not<\/label>\n                  <\/div>\n                <\/div>\n                <div class=\"action hidden sm:inline-flex\">\n                  <button class=\"btn btn-link btn-pink\" data-mp data-calc=\"prev\">\n                    <span class=\"btn-label\" data-mp-item>return to previous<\/span>\n                  <\/button>\n                <\/div>\n              <\/div>\n              <!-- Col -->\n              <div class=\"cost-calculator-col w-full sm:w-1\/2\">\n                <div class=\"flex flex-col gap-4 mb-8 w-full\">\n                  <p class=\"text-sm\">We need your details so a team member can review your information and email you an estimate. We don&#8217;t use automation or AI, everything is reviewed manually, so please allow a little time for us to prepare and send it over.<\/p>\n                  <!-- Form Input -->\n                  <div class=\"form-group\">\n                    <input type=\"text\" class=\"form-input\" id=\"name\" name=\"clientname\" placeholder=\"What\u2019s your name? *\" required>\n                  <\/div>\n                  <!-- Form Input -->\n                  <div class=\"form-group\">\n                    <input type=\"email\" class=\"form-input\" id=\"email\" name=\"email\" placeholder=\"Enter your Email *\" required>\n                  <\/div>\n                  <!-- Form Textarea -->\n                  <div class=\"form-group\">\n                    <textarea class=\"form-input\" id=\"message\" name=\"message\" placeholder=\"Additional details\" rows=\"6\"><\/textarea>\n                  <\/div>\n                <\/div>\n                <!-- Form Group -->\n                <p class=\"text-sm\">Do you want us to call you to discuss your estimate?<\/p>\n                <div class=\"mb-4 w-full\">\n                  <div class=\"form-selectors-group mb-0 form-col sm:col-4 md:col-6 w-full\">\n                    <div class=\"form-selector\" data-cursor=\"hover\">\n                      <input type=\"radio\" id=\"call-no\" name=\"order-call\" value=\"No\">\n                      <label for=\"call-no\">No<\/label>\n                    <\/div>\n                    <div class=\"form-selector\" data-cursor=\"hover\">\n                      <input type=\"radio\" id=\"call-yes\" name=\"order-call\" value=\"Yes\">\n                      <label for=\"call-yes\">Yes<\/label>\n                    <\/div>\n                    <input type=\"text\" class=\"form-selector-input hidden col-span-2\" id=\"tel\" name=\"tel\" data-show-if-field=\"order-call\" data-show-if-value=\"Yes\" placeholder=\"Enter your phone number\">\n                  <\/div>\n                <\/div>\n                                <input type=\"hidden\" id=\"form_id\" name=\"form_id\" value=\"Cost Calculator\" \/>\n                <div class=\"action\">\n                  <button type=\"submit\" class=\"btn btn-pink wide\" 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>Request My Estimate<\/span>\n                  <\/button>\n                  <div class=\"sm:hidden mt-4\">\n                    <button class=\"btn btn-link btn-pink\" data-mp data-calc=\"prev\">\n                      <span class=\"btn-label\" data-mp-item>return to previous<\/span>\n                    <\/button>\n                  <\/div>\n                <\/div>\n                <p class=\"text-xxs text-muted max-w-sm\">This form collects your contact information so that we can correspond with you. Check out our <a href=\"\/privacy-notice\/\">privacy policy<\/a> for more information<\/p>\n              <\/div>\n            <\/div>\n          <\/div>\n          <script>document.getElementById(\"file\").addEventListener(\"change\",e=>{const t=document.querySelector(\".form-upload\");e.target.files.length>0?t.classList.add(\"file-selected\"):t.classList.remove(\"file-selected\")});<\/script>\n        <\/form>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- contents --><section class=\"section contents-section transparent\">\n  <div class=\"container relative\">\n    <div class=\"content-wrapper row gap-12 w-full sm:flex-nowrap\">\n      <nav class=\"content-nav lg:w-2\/12 md:w-9\/12\">\n        <ul class=\"nav nav-vertical left\">\n                        <li>\n                <a href=\"#overview\">Overview<\/a>\n              <\/li>\n                        <li>\n                <a href=\"#how-much-does-a-website-cost-in-the-uk\">How Much Does a Website Cost in the UK?<\/a>\n              <\/li>\n                        <li>\n                <a href=\"#what-factors-influence-website-cost-in-the-uk\">What Factors Influence Website Cost in the UK?<\/a>\n              <\/li>\n                        <li>\n                <a href=\"#understanding-associated-website-costs\">Understanding Associated Website Costs<\/a>\n              <\/li>\n                        <li>\n                <a href=\"#what-are-the-different-types-of-websites\">What Are the Different Types of Websites?<\/a>\n              <\/li>\n                        <li>\n                <a href=\"#cost-of-building-your-own-website-in-2025\">Cost of Building Your Own Website in 2025<\/a>\n              <\/li>\n                        <li>\n                <a href=\"#can-i-design-my-own-website\">Can I Design My Own Website?<\/a>\n              <\/li>\n                        <li>\n                <a href=\"#hiring-options\">Hiring Options<\/a>\n              <\/li>\n                        <li>\n                <a href=\"#benefits-of-professional-website-design\">Benefits of Professional Website Design<\/a>\n              <\/li>\n                  <\/ul>\n      <\/nav>\n      <div class=\"content-main w-full lg:w-10\/12 md:w-9\/12\">\n        <!-- Content Row -->\n                  <div id=\"overview\" class=\"content-row\">\n            <!-- Content Header -->\n            <div class=\"content-header inverted bg-dark\">\n              <div class=\"content-header-bg\" style=\"background: radial-gradient(circle at left top, #4c0b3b , #1a1a1a);\"><\/div>\n              <svg width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 24 24\"> <use href=\"#dot\"><\/use> <\/svg>\n              <div class=\"content-header-content\">\n                                  <h2 class=\"h2\">Overview<\/h2>\n                                                  <p>Have you ever wondered how much a website costs in the UK? In this guide, we break down the key factors that influence pricing, so you can feel 100% confident in your budget and choices.<\/p>\n                              <\/div>\n            <\/div>\n            <!-- Content Body -->\n                          <div class=\"content-body wysiwyg\">\n                <p>Short answer: <strong>it depends.<\/strong><\/p>\n<p>Website costs in the UK vary widely based on what you\u2019re building, how bespoke it needs to be, and the level of expertise involved. A simple site and a high-performance, conversion-led build are not comparable, even if they both have \u201c10 pages\u201d.<\/p>\n<p>Rather than give you vague ranges that don\u2019t reflect real-world projects, we\u2019ve built a website cost calculator based on how we actually scope and price work.<\/p>\n<h3><a href=\"#\" data-toggle=\"cost-calculator\">Get an estimated cost from us<\/a><\/h3>\n<h3>TLDR<\/h3>\n<p>Most websites fall somewhere between a few thousand pounds and five figures, but the only meaningful way to estimate cost is to look at your specific requirements.<\/p>\n<p>Our Website Cost Calculator gives you a tailored, high-level estimate based on your goals, features, and level of complexity. Once you\u2019ve completed it, one of our team will review your submission and sanity-check the estimate against your needs.<\/p>\n<p>No instant sales calls. No generic quotes. Just a realistic starting point.<\/p>\n<p>If you\u2019d rather understand the thinking behind pricing before using the calculator, keep reading for a high-level overview of the factors that influence website costs.<\/p>\n<p>&nbsp;<\/p>\n              <\/div>\n                      <\/div>\n                  <div id=\"how-much-does-a-website-cost-in-the-uk\" class=\"content-row\">\n            <!-- Content Header -->\n            <div class=\"content-header inverted bg-dark\">\n              <div class=\"content-header-bg\" style=\"background: radial-gradient(circle at right top, #5e2d1c , #1a1a1a);\"><\/div>\n              <svg width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 24 24\"> <use href=\"#dot\"><\/use> <\/svg>\n              <div class=\"content-header-content\">\n                                  <h2 class=\"h2\">How Much Does a Website Cost in the UK?<\/h2>\n                                                  <p>It depends. Now, I bet that&#8217;s not the answer you were hoping for, was it? But it&#8217;s true, the cost really varies depending on one, what you&#8217;re looking for and two, what you want to achieve with this website. <\/p>\n                              <\/div>\n            <\/div>\n            <!-- Content Body -->\n                          <div class=\"content-body wysiwyg\">\n                <p>We start this process off very simply, by understanding your budget, so we can recommend the best options for you straight away. Let&#8217;s take a look at an example: If you have a smaller budget of \u00a3500-\u00a31000, a website builder is your best bet. However, if you have a much larger budget with more specific needs, then hiring an agency would be the most efficient decision.<\/p>\n<p>In order to give you the most accurate cost possible, we would need more detail on your specific website requirements. That&#8217;s why we created our <a href=\"#\" data-toggle=\"cost-calculator\" data-mp=\"\">Cost Calculator Tool,<\/a>\u00a0it walks you through this process and gives you a high-level estimate.<\/p>\n<p>One helpful step is to <span id=\"input-sentence~3\"><a href=\"https:\/\/www.cbwebsitedesign.co.uk\/website-design\/how-to-create-a-website-design-brief\/\">Create a Website Design Brief,<\/a> this can be sent to different design companies and agencies in order for you to receive more accurate quotes.<\/span><\/p>\n              <\/div>\n                      <\/div>\n                  <div id=\"what-factors-influence-website-cost-in-the-uk\" class=\"content-row\">\n            <!-- Content Header -->\n            <div class=\"content-header inverted bg-dark\">\n              <div class=\"content-header-bg\" style=\"background: radial-gradient(circle at left top, #4c0b3b , #1a1a1a);\"><\/div>\n              <svg width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 24 24\"> <use href=\"#dot\"><\/use> <\/svg>\n              <div class=\"content-header-content\">\n                                  <h2 class=\"h2\">What Factors Influence Website Cost in the UK?<\/h2>\n                                                  <p>There are several key factors that impact website pricing, let&#8217;s break them down.<\/p>\n                              <\/div>\n            <\/div>\n            <!-- Content Body -->\n                          <div class=\"content-body wysiwyg\">\n                <p><strong>What can influence the cost of website design?<\/strong><\/p>\n<p>It firstly depends on what your goals are for the website.<\/p>\n<p>A website builder is perfect for you if all you&#8217;re looking for is a simple site with basic functionality.<\/p>\n<p><a href=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/07\/Chart-3-V2.svg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-9525 size-large\" role=\"img\" src=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/07\/Chart-3-V2.svg\" alt=\"Chart 3 V2\" width=\"1024\" height=\"1024\" \/><\/a><br \/>\nYou then need to think about the features your website might need. Will it require a contact form, blog, booking system, e-commerce functionality or maybe even a location map? These will all influence the time and cost of your site.<\/p>\n<p>Additionally, think about the size and content of the site. Plus, think about whether you will need copywriting as well, as that will also add to the cost.<\/p>\n<p><a href=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/07\/Chart-4-V2.svg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-9530 size-large\" role=\"img\" src=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/07\/Chart-4-V2.svg\" alt=\"Chart 4 V2\" width=\"1024\" height=\"1024\" \/><\/a><br \/>\nThen you have the choice between a bespoke site or a theme-based one. A bespoke site is tailored to you and therefore more expensive and time-consuming. On the other hand, a site built with a <a href=\"https:\/\/en-gb.wordpress.org\/\">WordPress<\/a> theme or a builder tool is a lot cheaper, but you may come against some limitations, keep reading for this.<\/p>\n<p>The next thing to think about is whether you expect to see large traffic on your site? If you&#8217;re a stat-up you may only see a few hundred visitors. But if you&#8217;re an established company, you could see millions of visitors, which would therefore require a professionally built website.<\/p>\n<p><a href=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/07\/Chart-5-V2.svg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-9532 size-large\" role=\"img\" src=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/07\/Chart-5-V2.svg\" alt=\"Chart 5 V2\" width=\"1024\" height=\"1024\" \/><\/a><br \/>\nThe key element that will determine a website&#8217;s cost is: who is going to build it.<\/p>\n<p>DIY site builders are well priced and offer simple solutions, but you can also hire freelancers or offshore developers who may have a cheaper hourly rate.<\/p>\n<p>If you want a high-quality, bespoke site, agencies and studios are the best option for this. While they are more expensive, they provide expertise and a tailor-made solution just for you.<\/p>\n              <\/div>\n                      <\/div>\n                  <div id=\"understanding-associated-website-costs\" class=\"content-row\">\n            <!-- Content Header -->\n            <div class=\"content-header inverted bg-dark\">\n              <div class=\"content-header-bg\" style=\"background: radial-gradient(circle at left top, #4c0b3b , #1a1a1a);\"><\/div>\n              <svg width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 24 24\"> <use href=\"#dot\"><\/use> <\/svg>\n              <div class=\"content-header-content\">\n                                  <h2 class=\"h2\">Understanding Associated Website Costs<\/h2>\n                                                  <p>Let&#8217;s look at the essential and optional costs associated with building a website, so you can get a better understanding of your investment.<\/p>\n                              <\/div>\n            <\/div>\n            <!-- Content Body -->\n                          <div class=\"content-body wysiwyg\">\n                <p>When building your website, there are a <em>few extra costs<\/em> (yes, there&#8217;s more!) to keep in mind that could impact your budget. Let&#8217;s break them down.<\/p>\n<p><strong>SEO<\/strong><br \/>\nIf you want your site to show up in search results, <strong>SEO<\/strong> (Search Engine Optimisation) or <strong>SEM<\/strong> (Search Engine Marketing) are essential. You could try doing some of this yourself, but working with a professional, either an SEO or web design agency will usually get you much better results! For DIY SEO tools, expect to spend between \u00a350 to \u00a3200 a month. If you go with an agency, it could range from \u00a3200-\u00a3700 a month. Larger agencies could charge \u00a31,200 to \u00a31,500 a month depending on the services you require but worth it for your site to stand out!<\/p>\n<p><strong>Domain Names<\/strong><br \/>\n<span id=\"input-sentence~0\">A domain name usually costs between \u00a35 &#8211; \u00a330 per year. You can purchase a location-based domain, such as .co.uk, or a top-level .com domain, which is not area-specific and will be slightly more pricey. <\/span>You can register a domain for 1 year, but we&#8217;d recommend registering for at least 2-3 years as it comes with an added SEO benefit, <em>Google loves it<\/em> &#8211; it determines that the domain is going to be around for a long time which helps with SEO. <span id=\"input-sentence~1\"><\/span>You can also opt to buy a premium domain from someone else. These will usually be priced at upwards of \u00a3100 but can be a lot more. In fact, one of our clients recently purchased one in the region of \u00a310,000! If you want your site to appear as HTTPS, you need an SSL Certificate. HTTPS is important for SEO and security. You will need a domain validation SSL Certificate &#8211; this comes with a yearly fee of around \u00a350.<\/p>\n<p><strong>Monthly Costs<\/strong><\/p>\n<ul>\n<li><strong>Hosting:<\/strong> For your website to be accessible online, you will need to \u2018host\u2019 it on a server. Hosting costs range from completely free to \u00a3500 a month. For an efficient, unmanaged hosting service, you can expect to pay in the region of \u00a310-\u00a320 a month, whereas a more premium managed service will usually be priced upwards of \u00a3200. If you\u2019re using a website builder, this will be included as part of your monthly fee.<\/li>\n<li><strong>Plugins<\/strong>: Some functionality will require the use of high-end plug-ins, such as those found in Shopify or WordPress, and will come with a monthly fee.<\/li>\n<li><strong>Newsletter systems:<\/strong>\u00a0Mailchimp, for example, requires a monthly subscription to use.<\/li>\n<li><strong>Retainers and care packages:<\/strong> If you require technical support or ongoing updates to your website, you\u2019ll need to factor this in.<\/li>\n<li><strong>Social media marketing:<\/strong> You may require someone to manage and update your social media accounts to keep them buzzing and integrate these with your website.<\/li>\n<\/ul>\n<p><strong>General Costs<\/strong><\/p>\n<ul>\n<li><strong>Branding:<\/strong> <span id=\"input-sentence~0\">Your website is going to be built around your brand, so if you don\u2019t have a brand or logo created, you will need to factor this in first. It&#8217;s rare, but sometimes just a basic logo and an idea of colour palette can do but it&#8217;s best if you can determine a strong identity as it will ensure your website is on the same page as it.\u00a0<\/span><\/li>\n<li><strong>Image\/Video Licences:<\/strong> If you don&#8217;t use your own photography, you will need to purchase stock images and licence them in order for them to be used. <span id=\"input-sentence~2\">Prices range from \u00a31-\u00a3250. As part of our website builds, we offer 20 stock images, based on the spec and the client\u2019s individual requirements. For a video licence, you should expect to pay in the region of \u00a350+.<\/span><\/li>\n<li><strong>Copywriting:<\/strong> If you&#8217;re not so great with words or you might have the time, consider hiring a professional to write your content and it&#8217;s a really crucial part of your website especially when it comes to ranking.<\/li>\n<li><strong>Payment processing fees:<\/strong> PayPal takes 3% of all payments that are processed, so if someone purchases a product for \u00a3100, you will actually only receive \u00a397, is this something you&#8217;d be happy with? If you&#8217;re running an e-commerce site, this is crucial.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n              <\/div>\n                      <\/div>\n                  <div id=\"what-are-the-different-types-of-websites\" class=\"content-row\">\n            <!-- Content Header -->\n            <div class=\"content-header inverted bg-dark\">\n              <div class=\"content-header-bg\" style=\"background: radial-gradient(circle at left top, #4c0b3b , #1a1a1a);\"><\/div>\n              <svg width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 24 24\"> <use href=\"#dot\"><\/use> <\/svg>\n              <div class=\"content-header-content\">\n                                  <h2 class=\"h2\">What Are the Different Types of Websites?<\/h2>\n                                                  <p>Let&#8217;s explore the different types of website builders &#038; custom website options and how they might be the right fit for you. <\/p>\n                              <\/div>\n            <\/div>\n            <!-- Content Body -->\n                          <div class=\"content-body wysiwyg\">\n                <p><strong>DIY Site Builders and Themes<\/strong><br \/>\nThese types of websites are self-hosted, cost a monthly fee and are usually pre-built using a template, which you can easily customise to become your site. An example of this is WordPress, which allows you to buy a theme with a set layout. All you need to do is add your text and images, and you&#8217;re good to go!<\/p>\n<p>Both of these options are perfect for startups,\u00a0 small businesses or individuals who need a basic online presence. These types of site builders usually cost between \u00a315-\u00a350 a month, including hosting. But if you prefer a one-time purchase, themes can cost around \u00a350-\u00a3200.<\/p>\n<p><strong>Custom Small Business Sites<\/strong><br \/>\nIf you are looking for a more polished, interactive, and unique website, a custom built option might be best for you. These websites require a lot of planning, design and time, so typically start at \u00a38,000. But depending on how you want it built, they can range from \u00a38,000 to \u00a330,000 plus.<\/p>\n<p>If you are on a tighter budget, hiring a freelancer instead of an agency can bring your website costs down to around \u00a3500-\u00a31000, but it is important to remember that you get what you pay for.<\/p>\n<p><a href=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/01\/websitetypecost.svg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-4141 size-full\" role=\"img\" src=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/01\/websitetypecost.svg\" alt=\"Website Costs By Website Type\" width=\"744\" height=\"423\" \/><\/a><\/p>\n<p><strong>E-Commerce<\/strong><br \/>\nIf you are looking to sell online, you will need an e-commerce website. One of the most popular platforms is <a href=\"https:\/\/www.shopify.com\/\" target=\"_blank\" rel=\"nofollow noopener\">Shopify<\/a>, which offers a lot of flexibility, whether you want to use a pre-built template for a quick setup, or work with a freelancer or agency to create something completely custom. Another common option is <a href=\"https:\/\/en-gb.wordpress.org\/\" target=\"_blank\" rel=\"nofollow noopener\">WordPress<\/a> and <a href=\"https:\/\/woocommerce.com\/payments\/united-kingdom\/\" target=\"_blank\" rel=\"nofollow noopener\">WooCommerce<\/a>, which allows for even more customisation.<\/p>\n<p>Choosing between a theme-based or custom-built e-commerce site will greatly depend on your budget:<\/p>\n<ul>\n<li><strong>Theme-based e-commerce sites:<\/strong> Expect to pay between \u00a31,500 to \u00a35,000 for a professionally set-up store using an existing template.<\/li>\n<li><strong>Custom-built e-commerce sites:<\/strong> If you want something unique, pricing typically starts at \u00a37,000 to \u00a38,000, right up to \u00a340,000 to \u00a350,000 depending on your requirements.<\/li>\n<\/ul>\n<p><strong>Enterprise Level Websites<\/strong><br \/>\nEnterprise websites tend to be larger, have higher traffic volume, and need more consideration in terms of functionality aspects, including API integrations, multi-language, and other criteria.<\/p>\n<p>Due to the complexity of these projects, working with a web design agency is the only realistic option.<\/p>\n<ul>\n<li><strong>Minimum budget:<\/strong> \u00a320,000 to \u00a325,000 minimum<\/li>\n<li><strong>High-end budgets:<\/strong> These can go well into hundreds of thousands depending on the requirements and ongoing support needed.<\/li>\n<\/ul>\n<p><strong>Web Applications<\/strong><br \/>\nA web application is more than just a website, it&#8217;s a fully functional tool designed to perform specific tasks. A great example is <a href=\"https:\/\/www.airbnb.com\/\">Airbnb<\/a>, which integrates payments, maps, and user accounts into one experience.<\/p>\n<p>Because web applications require extensive development, they are often built in-house. However, if outsourced, you will need a minimum budget of \u00a325,000. Of course, this can go up to an indefinite amount depending on what you need to create.<\/p>\n<p>&nbsp;<\/p>\n              <\/div>\n                      <\/div>\n                  <div id=\"cost-of-building-your-own-website-in-2025\" class=\"content-row\">\n            <!-- Content Header -->\n            <div class=\"content-header inverted bg-dark\">\n              <div class=\"content-header-bg\" style=\"background: radial-gradient(circle at left top, #4c0b3b , #1a1a1a);\"><\/div>\n              <svg width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 24 24\"> <use href=\"#dot\"><\/use> <\/svg>\n              <div class=\"content-header-content\">\n                                  <h2 class=\"h2\">Cost of Building Your Own Website in 2025<\/h2>\n                                                  <p>Thinking about building your own website? DIY website builders have profoundly evolved, making it easier than ever to create a professional looking site without needing any coding skills whatsoever. But is it the right choice for you? Let\u2019s break down the costs, pros, and cons so you can decide with confidence.<\/p>\n                              <\/div>\n            <\/div>\n            <!-- Content Body -->\n                          <div class=\"content-body wysiwyg\">\n                <p>Many individuals and businesses, opt for the DIY approach as it is the most affordable. Popular sites for this include: <a href=\"https:\/\/www.wix.com\/\" target=\"_blank\" rel=\"nofollow noopener\">Wix<\/a>, <a href=\"https:\/\/www.squarespace.com\/\" target=\"_blank\" rel=\"nofollow noopener\">Squarespace<\/a>, <a href=\"https:\/\/www.godaddy.com\/en-uk\" target=\"_blank\" rel=\"nofollow noopener\">GoDaddy<\/a>, and <a href=\"https:\/\/www.ionos.co.uk\/\" target=\"_blank\" rel=\"nofollow noopener\">IONOS<\/a>, which price from \u00a310 up to \u00a340 a month depending on the features you might need.<\/p>\n<p>But, if you are looking to build an e-commerce store, options like <a href=\"https:\/\/www.shopify.com\/uk\" target=\"_blank\" rel=\"nofollow noopener\">Shopify<\/a> or <a href=\"https:\/\/www.bigcommerce.co.uk\/product\/catalyst\" target=\"_blank\" rel=\"nofollow noopener\">BigCommerce<\/a> are best, with prices ranging from \u00a325 up to \u00a3500 a month.<\/p>\n<p>There are also AI-powered website builders like <a href=\"https:\/\/www.hostinger.com\/\" target=\"_blank\" rel=\"nofollow noopener\">Hostinger<\/a>, <a href=\"https:\/\/www.framer.com\/\" target=\"_blank\" rel=\"nofollow noopener\">Framer<\/a>, and <a href=\"https:\/\/10web.io\/\" target=\"_blank\" rel=\"nofollow noopener\">10Web<\/a>, which generate a site for you depending on some inputs. AI-powered websites very often begin with a free trial and will later require payment that can sit between \u00a320-\u00a3200\/ month.<\/p>\n<p><strong>Things to Consider Before Choosing DIY:<\/strong><\/p>\n<ul>\n<li><strong>Time Investment:<\/strong> DIY websites are very time-consuming which isn&#8217;t a problem if you know what you&#8217;re doing. If not, it&#8217;s best to hire a professional to help.<\/li>\n<li><strong>SEO Challenges: <\/strong>On Google, many DIY website builders do not perform very well compared to custom-built sites. Yes, they provide built-in SEO tools, but you need to know how to use them and if ranking well on search engines is a priority, you may opt to hire an SEO expert, which can cost \u00a3500-\u00a31000.<\/li>\n<li><strong>Hidden Costs: <\/strong>To begin with, DIY website builders seem affordable but with time you may wish to add plugins, premium templates, features which very quickly will increase your cost to thousands over the years.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/01\/ComparisonChart2.svg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-4045 size-full\" role=\"img\" src=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/01\/ComparisonChart2.svg\" alt=\"Cost of Building Your Own Website\" width=\"1180\" height=\"683\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n              <\/div>\n                      <\/div>\n                  <div id=\"can-i-design-my-own-website\" class=\"content-row\">\n            <!-- Content Header -->\n            <div class=\"content-header inverted bg-dark\">\n              <div class=\"content-header-bg\" style=\"background: radial-gradient(circle at left top, #4c0b3b , #1a1a1a);\"><\/div>\n              <svg width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 24 24\"> <use href=\"#dot\"><\/use> <\/svg>\n              <div class=\"content-header-content\">\n                                  <h2 class=\"h2\">Can I Design My Own Website?<\/h2>\n                                                  <p>Wondering if you can design your own website? Let&#8217;s look at the pros and cons of DIY website builders vs hiring a professional service. <\/p>\n                              <\/div>\n            <\/div>\n            <!-- Content Body -->\n                          <div class=\"content-body wysiwyg\">\n                <p><strong>Pros:<\/strong><\/p>\n<ul>\n<li><strong>Cost Effective:<\/strong> The main investment will be your time aside the subscription or theme cost This helps keep startup costs low, which is perfect for businesses on a budget.<\/li>\n<li><strong>Quick and Flexible:<\/strong> If you need to make a quick change, you can make updates instantly without relying on anyone else.<\/li>\n<li><strong>High-Quality Templates:<\/strong> Many templates available that can help you create a stunning and professional-looking website, all customisable.<\/li>\n<li><strong>User-Friendly:<\/strong> Their drag and drop functionality makes it really easy to use.<\/li>\n<\/ul>\n<p><strong>Cons:<\/strong><\/p>\n<ul>\n<li><strong>Time-Consuming:<\/strong> The time is takes to build a website yourself especially with no prior experience can be tremendous.<\/li>\n<li><strong>Limited Customisation:<\/strong> Site builders are template-based, which can mean limitations. Those that don\u2019t know HTML\/CSS coding can come up against a brick wall when there\u2019s a layout change that needs making.<\/li>\n<li><strong>SEO Challenges:<\/strong> It can be much harder to optimise a website builder-built site for SEO purposes due to its rigid functionality. The more rigid it is, the harder it is for Google to crawl and index your site.<\/li>\n<li><strong>Lack of Ownership:<\/strong> You never own the website. This is often overlooked because of the attractive pricing, but in effect, you are renting the design of your website.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/02\/DIYComparisonChart_unbranded.svg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-4195 loading=\" role=\"img\" src=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/02\/DIYComparisonChart_unbranded.svg\" alt=\"\" width=\"867\" height=\"621\" \/><\/a><\/p>\n              <\/div>\n                      <\/div>\n                  <div id=\"hiring-options\" class=\"content-row\">\n            <!-- Content Header -->\n            <div class=\"content-header inverted bg-dark\">\n              <div class=\"content-header-bg\" style=\"background: radial-gradient(circle at left top, #4c0b3b , #1a1a1a);\"><\/div>\n              <svg width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 24 24\"> <use href=\"#dot\"><\/use> <\/svg>\n              <div class=\"content-header-content\">\n                                  <h2 class=\"h2\">Hiring Options<\/h2>\n                                                  <p>Freelancers vs Agencies: Which one is right for your website?<\/p>\n                              <\/div>\n            <\/div>\n            <!-- Content Body -->\n                          <div class=\"content-body wysiwyg\">\n                <p><strong>Freelancers<\/strong><br \/>\nHiring a freelancer can be a great way to get a high quality website without paying the agency fees. Also, if you hire someone abroad, like in India or Poland, you might even save more. However, there are some important factors to consider:<\/p>\n<p><strong>Pros:<\/strong><\/p>\n<ul>\n<li><strong>Good Value for Money:<\/strong> One of the main advantages of this option is that it can be extremely good value for money. If you find a good developer at a low cost price, you are likely to receive a good quality website for a reasonable price.<\/li>\n<li><strong>Time-Saving:<\/strong> Hiring an offshore freelancer greatly reduces the time required from you, as they are doing the majority of the work.<\/li>\n<li><strong>Availability:<\/strong> Freelancers often have a high level of availability meaning they can get started in a matter of hours, whereas it could take an agency weeks to fit you into their schedule.<\/li>\n<li><strong>Flexibility\/Responsiveness:<\/strong> As they rely on the work they tend to make a real effort and want to keep the client as happy as possible. You have a direct line to them, so often it means response times are much faster.<\/li>\n<li><strong>Personal Relationship:<\/strong> Because freelancers do all the different aspects of the work and are one-on-one with you, you can form a good working relationship with them, and explain exactly what you want.<\/li>\n<\/ul>\n<p><strong>Cons:<\/strong><\/p>\n<ul>\n<li><strong>Communication Barriers:<\/strong> If you hire a freelancer from abroad then communicating exactly what you want for your website may not always be smooth due to language barriers, and you may be presented with something that isn\u2019t quite what you asked for that requires multiple revisions. There is also inevitably a time difference working with someone from another country, which can cause further delays.<\/li>\n<li><strong>Some UK Freelancers are Expensive:<\/strong> Hourly rates can often be the same price, if not more, than agency costs for the more &#8220;boutique&#8221; freelancers.<\/li>\n<li><strong>Availability:<\/strong> As well as being a pro, this is also a con. There is no guarantee that they will be available when you need them to be. They are their own boss and therefore can take time off whenever suits them.<\/li>\n<li><strong>Risk:<\/strong> There is an element of risk involved here too, as you will never fully know the quality of a freelancer&#8217;s work until you start to use them. It\u2019s important to look at their portfolio if you can, to get an idea of the quality of their design and development, but also to ensure they are who they say they are and not out to scam people for money. Using a site like People Per Hour is good as you can leave your money in an escrow until both parties agree the work has been completed sufficiently.<\/li>\n<\/ul>\n<p><strong>Agencies<\/strong><\/p>\n<p><strong>Pros:<\/strong><\/p>\n<ul>\n<li><strong>Multi-Diverse Set of Skills:<\/strong> You\u2019ll have a full team of talented people to work on your project including designers, developers, SEO specialists, and copywriters.<\/li>\n<li><strong>Time-Saving for You:<\/strong> Once initial discovery has been carried out by the agency, involvement can be as little as signing off designs and key areas in the project, freeing up your time.<\/li>\n<li><strong>High-Quality End Product:<\/strong> You are almost guaranteed a high quality website at the end of the project. Make sure to choose an agency that has good reviews and view their portfolio to pick one with the right design style for you.<\/li>\n<li><strong>Ongoing Support:<\/strong> In most cases, agencies will offer a warranty or ongoing care plan once a project is complete, providing ongoing advice and technical support.<\/li>\n<li><strong>Availability:<\/strong> Due to having a larger workforce, agencies always have availability most of the time which things will get done for any given deadlines.<\/li>\n<li><strong>Reassurance:<\/strong> Agencies will have security policies to protect you or your clients&#8217; information, including ISO and GDPR compliance.<\/li>\n<\/ul>\n<p><strong>Cons:<\/strong><\/p>\n<ul>\n<li><strong>Cost:<\/strong> There is one main disadvantage; they\u2019re expensive. Highly skilled specialists working together to create the best possible end-product based on a given brief comes with a price.<\/li>\n<li><strong>Timescales:<\/strong> Often the turnaround times are longer as creating a bespoke, high-quality end product takes time, even for multiple team members.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-4194 size-full\" role=\"img\" src=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/uploads\/2025\/02\/ComparisonChart_unbranded.svg\" alt=\"Pros and Cons of Hiring Out for Website Design\" width=\"1180\" height=\"621\" \/><\/p>\n              <\/div>\n                      <\/div>\n                  <div id=\"benefits-of-professional-website-design\" class=\"content-row\">\n            <!-- Content Header -->\n            <div class=\"content-header inverted bg-dark\">\n              <div class=\"content-header-bg\" style=\"background: radial-gradient(circle at left top, #4c0b3b , #1a1a1a);\"><\/div>\n              <svg width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 24 24\"> <use href=\"#dot\"><\/use> <\/svg>\n              <div class=\"content-header-content\">\n                                  <h2 class=\"h2\">Benefits of Professional Website Design<\/h2>\n                                                  <p>Discover how investing in a professional website design can elevate your brand, create a seamless user experience and boost conversions in a way that DIY solutions can&#8217;t match.<\/p>\n                              <\/div>\n            <\/div>\n            <!-- Content Body -->\n                          <div class=\"content-body wysiwyg\">\n                <p>With 17 years of experience in website development, we can confidently say that investing in professional website design is the best option if your website is important to your business.<\/p>\n<p><strong>Why Choose Professional Website Design?<\/strong><\/p>\n<p>A well-designed website can create lasting value. In fact, we typically find that the return on investment (ROI) for professionally designed websites is around 2.5x the amount spent. For example, if you were to spend \u00a310,000 on a bespoke and well-built website, you should expect a return of between \u00a320,000-\u00a325,000 in terms of the marketing and engagement it generates. This shows the clear advantage of going with a professional website design. It creates something that is more unique, brand-consistent, scalable, and has better user experience and conversions.<\/p>\n<p><strong>When Might DIY or Freelancers Be a Good Fit?<\/strong><\/p>\n<p>Of course, there are times when a website builder or freelancer may be a better option. If you feel that you are a person that needs to be heavily involved in the project, you have clear direction, you know what you&#8217;re doing, and you&#8217;re tech-savvy, then a website builder, a theme, or a freelancer could be better options to help make your vision come to life.<\/p>\n<p><strong>Our Recommendation<\/strong><\/p>\n<p>It completely depends on who you are, where you&#8217;re at with your requirements, and what you need, and although we\u2019re a bit biased, we would highly recommend investing in professional website design in order to get the best website you can.<\/p>\n<p>If you are interested in getting your website built by professionals, <a href=\"https:\/\/www.cbwebsitedesign.co.uk\/contact\/\">get in touch<\/a> with us today, or use our <a href=\"#\" data-toggle=\"cost-calculator\">cost calculator<\/a> at the top of this page to get an estimated project cost.<\/p>\n              <\/div>\n                      <\/div>\n              <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<p><\/p>\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-2774","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.cbwebsitedesign.co.uk\/wp-json\/wp\/v2\/pages\/2774","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=2774"}],"version-history":[{"count":209,"href":"https:\/\/www.cbwebsitedesign.co.uk\/wp-json\/wp\/v2\/pages\/2774\/revisions"}],"predecessor-version":[{"id":16060,"href":"https:\/\/www.cbwebsitedesign.co.uk\/wp-json\/wp\/v2\/pages\/2774\/revisions\/16060"}],"wp:attachment":[{"href":"https:\/\/www.cbwebsitedesign.co.uk\/wp-json\/wp\/v2\/media?parent=2774"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}