Pricing and quotation guide

Responsive website development cost

For a new website, responsive behaviour is part of normal development rather than an extra. The real cost question arises with existing sites that do not work well on phones: how much will it take to fix them, and is rebuilding better value?

This page explains how responsive work on an existing site is estimated, and when a rebuild is the more economical choice.

Pricing and quotation guide · Web & E-commerce · Custom quotations only

Illustrative diagram

Site conditionLikely approach
Flexible layout, isolated problemsTargeted fixes
Some fixed-width templatesFix or rebuild those templates
Entirely fixed-widthRebuildusually better value
Content-related breakage onlyContent fixes and editor guidance
Site condition and likely approach. How a site was built decides whether fixing or rebuilding is better value.

New sites versus existing sites

A new website should be responsive by default, and building it that way costs little extra when it is planned from the first design. Responsive work becomes a separate cost mainly when an existing site was built for desktops or has been extended over the years without phones in mind.

For existing sites, the cost depends on how the site was built. A site with a flexible layout and a few broken components can be fixed efficiently. A site designed around a fixed desktop width may need its layout rebuilt, which can approach the cost of a new site.

Estimating by template

Most of the effort is in templates: the shared layouts used by many pages. Fixing the service page template fixes every service page. A responsive quotation therefore counts templates and the reusable components inside them, such as headers, menus, cards and forms.

Problem content is estimated separately: wide tables, fixed-width embeds and images inserted at the wrong size. These may appear on only a few pages but each needs attention.

What drives responsive work cost

Number of templates
Each template needs checking and fixing at several widths.
Layout method
Fixed-width layouts take far longer to adapt than flexible ones.
Problem content
Tables, embeds and oversized images need individual fixes.
Navigation
Complex desktop menus need a mobile version designed and built.
Image optimisation
Serving appropriately sized images may require reprocessing the image library.
Testing depth
More devices and widths take longer to test.

Costs paid to third parties (separate from our fees)

  • Image processing services, if the library is very large
  • Updated theme or plugin licences, if a new version is needed

Any third-party costs are paid to their providers and listed in the quotation.

Fix or rebuild: how the costs compare

Illustrative comparison; not real projects or prices.

Fix versus rebuild for responsive problems
SituationFixRebuild
Flexible layout, a few broken componentsUsually best valueRarely justified
Mixed: some templates fixed-widthPossible, but fragileWorth comparing
Designed for fixed desktop widthsCostly and fragileUsually better value

What you get for the cost

Responsive fixes improve more than appearance. Visitors who can read pages without zooming and complete forms with a thumb are more likely to get in touch. Lighter images make pages load faster on mobile connections, which affects every visit.

Because the benefit applies to every phone visitor, even modest fixes to the most visited templates and the contact path tend to pay back first. That is why we prioritise those in any quotation.

Phasing the work

If the full list of fixes is larger than your budget, the work can be phased: first the contact path and the most visited templates, then remaining templates, then problem content on less visited pages. Each phase delivers a visible improvement on its own.

We set out the phases in the quotation with what each includes, so you can stop after any phase knowing what has been fixed.

Questions about responsive website development cost

Is responsive design an extra cost on a new website?

Not really. Planned from the first design, it is part of normal development.

Why estimate by template instead of by page?

Because fixing a template fixes every page that uses it. Page count matters much less than template count.

When is a rebuild cheaper than fixing?

When the site was designed around a fixed desktop width, fixes become extensive and fragile, so rebuilding often costs less overall.

Do image optimisations add much cost?

It depends on the size of the image library and how images were added. Large libraries may need batch reprocessing.

Can fixes be done in stages?

Yes. Contact paths and the most visited templates come first, then the rest.

Will I see the results before paying for the next phase?

Yes. Each phase is tested and shown with screenshots before the next begins.

Does responsive work include speed improvements?

Image sizing and loading improvements are usually part of it, because they affect phone visitors most.

Can you estimate without access to my site's code?

A first estimate can come from reviewing the live site. Access confirms how templates are built before the quotation is final.

Is it worth fixing a site we plan to replace soon?

If replacement is more than a few months away, fixing the contact path and most visited templates is often still worthwhile.

Request a Custom Quote

Ask about Responsive website development cost

Project details

Enquiry about: Responsive website development cost

Fields marked with an asterisk are required.

What do you want to achieve, what exists today, and any deadlines or constraints.

Include your country code.

Request a quote