How Much Does a New Website Cost? UK Web Design Pricing Explained

A new website costs as much as the work needed to make it useful, reliable and manageable. The difficult part is defining that work. Before comparing headline prices, separate the launch project from running costs, identify who supplies the content and decide which visitor tasks must work.

Two suppliers can quote for a five-page website and mean very different things. One may adapt an existing template around copy you provide. Another may research the audience, rewrite the services, design several page types, migrate existing content and test an integration. Comparing their totals without comparing those responsibilities is not a meaningful price comparison.

This guide explains how to construct a UK website budget, compare agencies and freelancers, and decide where a smaller first version makes sense. The numerical examples are illustrative planning calculations, not market averages or current Fit Design offers. A reliable estimate needs your actual brief.

Some resource links in this article are affiliate or commercial links. Treat the linked products as options to investigate, with current terms checked directly, rather than as the basis of a recommendation to buy.

Start with the business task, not the page count

A service website might need to turn an unfamiliar visitor into a well-informed enquiry. A shop must help someone select a product and complete a transaction. A restaurant may need to explain the food and direct someone into a reservation or walk-in process. Those purposes create different content, design and technical requirements.

Write down what a successful visitor should understand and do. Then identify the evidence that supports the decision: projects, product information, qualifications, pricing context or an explanation of the process. This gives the designer something concrete to organise and prevents a project becoming a collection of attractive but unconnected sections.

Page count is one input, but unique page types often explain more about the effort. Ten case studies can share a carefully designed template. Three pages with different interactive tools may require much more development. Ask the supplier to distinguish reusable layouts from bespoke functionality and ordinary content entry.

Your industry can influence the requirements without determining a fixed price. A regulated service may need additional content review; a large catalogue needs product data and commerce workflows. The relevant question is which work follows from your situation, not whether a broad industry label automatically makes a website expensive.

Separate the launch budget from the cost of ownership

The launch project may include planning, content, design, development, migration, testing and handover. Recurring costs cover the services needed to keep the site operating, such as the domain, platform, licences and support. Marketing is another workstream and should have its own deliverables rather than being hidden inside an undefined website fee.

For a first-year comparison, add the one-off project fee to the recurring commitments over the same period. Include known asset or integration costs and state what remains outside the estimate. Check whether figures include VAT and whether an introductory subscription price changes on renewal. Comparing equivalent periods avoids making one offer look cheaper simply because part of its cost appears later.

A contingency should relate to uncertainty. If the old site has not been audited or an integration has not been explored, the estimate contains a different risk from a small build with approved content. Ask which discoveries could change the cost and how additional work will be approved. An unexplained allowance is less helpful than a named uncertainty and a plan to resolve it.

Choose a delivery route that matches the work

Doing the website yourself

A DIY route can make sense when the site is straightforward and someone has time to learn the platform, prepare the content and test the result. The cash cost may be lower, but your time is still part of the decision. Consider how often the work interrupts serving customers and whether the person building the site will also maintain it.

Tools marketed as website builders make assembly more accessible. They do not automatically resolve the message, information hierarchy or mobile experience. Before committing, try one representative page with your real headline, service description and imagery. That test will expose more than a polished demo built around placeholder content.

The original article named WordPress, Shopify and Wix as possible routes. They represent different products and ecosystems, not equivalent packages with a single comparable fee. Check what the linked offer actually includes, whether it is a hosted service or a theme resource, and which additional services your project requires.

Hiring a freelance specialist

A freelancer may be a strong fit for a focused brief, especially when the required skills and inputs are clear. Some cover strategy, design and development; others specialise in one discipline. Their title alone does not tell you whether copywriting, migration or testing is included.

Discuss availability, dependencies and what happens after handover. A specialist can deliver excellent work without operating as a full agency, but the project still needs someone to coordinate the other responsibilities. If you provide approved designs and content, that coordination may be simple. If the business message is unresolved, implementation alone is unlikely to solve it.

Working with an agency

An agency can coordinate several disciplines and provide a broader delivery team. That coordination has value when the project involves intertwined decisions about content, design, integrations and launch. It does not make every agency proposal more suitable than every freelance offer.

Compare web design agencies and freelancers through relevant live projects, the people assigned and the responsibilities in the proposal. Ask what each supplier actually delivered in its previous work, and read detailed reviews in context. The most elaborate portfolio project may have little in common with the website you need.

For a website design agency in London, location is one part of the working arrangement. Relevant experience, clear communication and a dependable approval process matter alongside the ability to meet in person. Define how decisions are made and who is available to make them; avoid paying for repeated rounds caused by unresolved internal feedback.

Template or bespoke: where the saving really comes from

A template can reduce layout and implementation work when its structure suits your content. The saving becomes less certain if every section needs substantial alteration or the required editing model conflicts with the template. Evaluate fit before buying the appearance.

Bespoke design is useful when the content or customer journey needs a different structure. It does not require inventing every component from scratch. Reusable navigation, forms and content patterns can support a distinctive site while reducing maintenance effort. Ask what the proposal means by “bespoke”: visual design, custom functionality or both.

The original shortlist of website themes included Brooklyn, Sydney, BeTheme and Hestia. These WordPress themes remain references to assess against a specific brief, not a universal ranking. Review the current documentation, required plugins, licence and editing experience. A large demo collection is not evidence that your actual content will fit without work.

Zerif Lite also appeared in the earlier list. Its later Zelle Lite version is included in Themeisle’s retired-product guidance, so it should not be carried forward as a default choice for a new project. Product maintenance is part of value: a cheap starting point can become costly if it creates an avoidable dependency.

Understand what the platform subscription covers

A platform fee pays for a defined service, not every activity involved in running a website. Hosting, content editing, design changes, fault investigation and marketing may be supplied by different people. Ask for a short list of what is included and what requires a separate arrangement.

WordPress is often used as a broad label, but the open-source software and a hosted WordPress.com plan are different purchasing arrangements. A list of the most popular CMSs is useful for orientation; it is not a total-cost comparison. The original suggestion that Joomla and Drupal are paid-only CMS products was incorrect: Joomla and Drupal are open-source software, with implementation and operation still requiring resources.

For hosted options such as Webflow, Wix, Squarespace or Weebly, match the current plan to the actual requirements. CMS capacity, commerce, integrations and editing access can affect the configuration. Avoid building a budget around a headline monthly price without checking billing terms and the features the site depends on.

A commerce-led business should evaluate Shopify against product, payment, fulfilment and reporting needs. An eCommerce website is not simply a brochure website with a cart added. Product data, delivery rules, transactional messages and operational testing can make up a substantial part of the work.

Keep a record of the accounts the business needs to own and the licences that belong to the supplier. Ask what happens if you change providers. An inexpensive build is less attractive if ordinary updates or account access become difficult to transfer later.

Budget for infrastructure without paying for vague assurances

Web hosting provides the environment in which a website runs. Compare web hosting plans against the actual application and support needs rather than assuming the most expensive plan is automatically best. Hosted platforms may bundle infrastructure; self-hosted sites may involve separate choices and responsibilities.

The SSL certificate supports encrypted connections between the browser and server. It is not a complete security programme. Ask who maintains the software, manages access, checks backups where relevant and responds to faults. A proposal that simply says “secure website” leaves too much unexplained.

A CDN can help deliver content from distributed infrastructure. Whether you need a separate service depends on the platform and its existing setup. Avoid paying twice for a capability already included, and do not treat an infrastructure acronym as a substitute for testing the real page experience.

domain names also need an owner, renewal arrangements and recoverable access. The person who can edit a page may not control the domain or email records. Document those distinctions before a launch or migration so a routine supplier change does not become an access problem.

Content and search work belong in the estimate

A design built around placeholder copy can conceal substantial work. Someone must explain the services, gather evidence, prepare images and obtain approvals. If you plan to supply the content, assess its readiness honestly. “We have most of it somewhere” is different from a reviewed set of page drafts and usable original assets.

Content also affects layout. A complex service may need a developed explanation, a short comparison and a worked example. Forcing that into a template designed for three short slogans creates either weak communication or additional design work. Resolve the substance early enough for the layout to support it.

Technical and on-page SEO should have defined deliverables. These may include page titles, descriptions, internal links, indexability checks and migration planning. Ongoing SEO work involves further research, content and evaluation; a link to a historical industry discussion is not a promise that a new build will rank.

Design can make information clearer for people and search engines, but neither a high price nor an attractive homepage guarantees enquiries. Agree on the business task and the evidence used to assess it. For an enquiry-led site, test the full submission and delivery route rather than relying only on a thank-you message in the browser.

A redesign includes the things you must keep

A new website for an existing business has responsibilities that a blank project does not. Valuable URLs, content, links, integrations and customer expectations need to be accounted for. Inventory them before changing the structure. Preserving a useful path can be simpler than renaming it and creating an unnecessary redirect.

Ask whether the quote includes reviewing existing content, transferring it, checking links and validating the launch. A migration estimate should distinguish the amount of content from the number of templates. Moving hundreds of records is a different task from designing the page that displays them.

Do not assume all existing material should be rewritten or discarded. Some pages already answer their audience well or attract valuable traffic. Identify what works and carry it forward deliberately. The design can improve presentation while retaining the commercial and editorial value of the source.

What restaurant websites teach us about defining scope

The earlier version of this article included restaurant-audit tables without explaining their connection to pricing. The useful lesson is that the same headline request—“improve our website”—can conceal very different jobs. The examples here are historical audit observations, not current tests or restaurant price estimates.

For Sussex (sussex-restaurant.com →) and Hoppers (hopperslondon.com →), the recorded menu-reading difficulties suggest investigating the document and mobile presentation. At ZIMA (zima.restaurant →), the additional route through a modal and Google Drive raised a journey question. None of those observations supplies a project cost until the cause and the proposed change are understood.

Lobos Meat & Tapas (lobostapas.co.uk →) had a recorded connection-security concern, while Bocca di Lupo (boccadilupo.com →) already had an active daily menu-publishing routine. One calls for current technical diagnosis; the other suggests preserving an operating process while improving its presentation. Treating both as identical five-page rebuilds would miss the difference.

Quo Vadis (quovadissoho.co.uk →) illustrated competing calls to action. Kiln (kilnsoho.com →) paired a strong recorded Performance score with a weaker editorial assessment. Those examples show why a budget cannot be derived from one score or a visual impression. The work may concern hierarchy, explanation or maintenance rather than infrastructure.

BAO (baolondon.com →) and Barrafina (barrafina.com →) were recorded with HTML menus, while Andrew Edmunds (andrewedmunds.com →) used a handwritten image. A useful brief would ask what already works, which character should be preserved and what information needs a more accessible presentation. It would not assume that every existing design choice is a reason to start again.

This is how an audit earns its place in a pricing conversation: it turns a broad dissatisfaction into specific tasks. For your business, the equivalent might be a confusing service page, a broken enquiry integration or case studies that are difficult to publish. Price those tasks and their dependencies before buying an undefined transformation.

Allow for maintenance and marketing after launch

A maintenance arrangement should explain the work, response process and exclusions. It might cover routine checks, defined change time or investigation when something fails. Those are different commitments. Ask what happens to unused time, which requests take priority and how additional work is approved.

If you do not need a retainer, someone still needs to own the basic checks and know how to obtain help. Review renewals, forms, essential links and content accuracy on a schedule appropriate to the site. The phrase web design services London covers many possible services; the agreement must identify the ones your business is actually buying.

digital marketing should connect to an audience and a measurable objective. Content, search, email and pay-per-click advertising involve different ongoing inputs. Keep media spend separate from management or production fees where relevant. A website launch creates a destination; it does not automatically create a sustainable source of qualified visitors.

Start with the activity you can maintain and assess. A smaller, coherent programme can be more useful than paying for several disconnected channels without sufficient content or follow-up. Make sure the business can respond to enquiries and fulfil the offer before treating more traffic as the only missing ingredient.

Compare proposals with the same brief

Imagine receiving two proposals for the same service business. One includes implementation from supplied copy; the other includes interviews, writing and a structured review of the existing pages. The first may be entirely appropriate if that preparation is genuinely complete. If it is not, the business still has to fund or perform the missing work. Compare the total responsibility, not just the supplier’s invoice.

The same applies to design revisions. A proposal may allow a defined review of representative layouts before development, while another assumes the initial direction is approved. Neither arrangement is inherently wrong, but the decision process must be realistic. If several stakeholders need to agree, nominate someone to consolidate their comments and resolve contradictions before feedback reaches the supplier.

Send each supplier the audience, main objective, required page types, essential functionality and content status. Include the current site, protected URLs and important integrations. Explain the deadline and who has authority to approve the work. Comparable inputs produce more useful quotes.

Read the exclusions as carefully as the deliverables. Establish the revision process, migration responsibilities, testing scope, handover and ongoing commitments. If one estimate is much lower, ask which assumption explains it. The answer may reveal a sensible efficiency, a narrower scope or work that remains with you.

If the proposal exceeds the budget, simplify the brief deliberately. Phase an optional calculator, reduce genuinely unnecessary page types or prepare more content internally. Keep essential tasks and quality checks intact. A lower fee with unchanged expectations usually leaves the real trade-off hidden.

Connect payments to a reviewable result

The payment schedule affects cash flow as well as the total fee. Agree when invoices are due and what each stage covers. For example, a design milestone might involve reviewing representative pages with realistic content, while a development milestone might involve testing the working site. The relevant details belong in the agreement; a label such as “website complete” is too vague to settle competing expectations later.

Define acceptance through observable behaviour. Can the team add a case study without breaking the layout? Does the enquiry reach the intended destination? Are the agreed existing URLs retained? Can someone use the main navigation on a phone and with a keyboard? These checks make completion more concrete than a general statement that the site looks professional.

Also distinguish correcting an agreed requirement from requesting something new. If an approved form fails to send, that is different from adding a new quoting workflow after development. A clear change process allows useful new ideas to be considered without silently expanding the original budget. Ask for the effect on cost and timing before the additional work begins.

Handover should leave the business able to operate the result. Confirm access, editing guidance, relevant files and a record of recurring services. Demonstrate an ordinary update with the person who will actually maintain the site, rather than only with the project sponsor. If the task proves confusing, it is better to identify that before the delivery relationship ends.

Finally, plan a check after launch. The live domain, email delivery and external services can behave differently from a staging environment. Agree who verifies the important journeys and handles any issues discovered. This is a concrete piece of work to include in the scope, not a reason to assume every project needs an indefinite support contract.

Fit Design’s approach is to connect the investment to a website the business can use and maintain. Begin with a clear first version, preserve what already has value and make each additional feature justify its place. The right budget is the one that funds that work sustainably—not the smallest number in a generic price list.