OnCall Boilers & Renewables — Framer Website Design
OnCall Boilers & Renewables — Framer Website Design
OnCall Boilers & Renewables is a North West heating company providing boiler installations, repairs, servicing, emergency call-outs and renewable heating solutions.
Project Overview
OnCall Boilers & Renewables is a North West heating company providing boiler installations, repairs, servicing, emergency call-outs and renewable heating solutions.
I designed and developed a completely new website in Framer, creating a modern and professional digital presence that clearly communicates the company’s services and makes it easier for homeowners to request assistance or receive a boiler quote.
The website needed to establish trust quickly while presenting a broad range of technical services in a way that felt simple, approachable and easy to navigate.
The Challenge
Heating websites can often feel overloaded with technical information, generic imagery and lengthy pages that make it difficult for customers to know where to begin.
OnCall needed a website capable of supporting several different customer journeys. Someone researching a new boiler has very different priorities from a homeowner whose heating has suddenly stopped working.
The challenge was to organise the company’s extensive service offering while keeping the most important actions—requesting a quote, contacting the team and finding emergency support—easy to access.
Design Approach
The website was designed around a bold, contemporary visual system that moves away from the traditional appearance of local trade websites.
Dark backgrounds, bright accent colours, metallic graphics and modern typography create a confident identity while remaining relevant to heating, energy and renewable technology.
Structured service cards, generous spacing and repeated calls to action help users understand the available services without making the experience feel overwhelming.
Project Overview
OnCall Boilers & Renewables is a North West heating company providing boiler installations, repairs, servicing, emergency call-outs and renewable heating solutions.
I designed and developed a completely new website in Framer, creating a modern and professional digital presence that clearly communicates the company’s services and makes it easier for homeowners to request assistance or receive a boiler quote.
The website needed to establish trust quickly while presenting a broad range of technical services in a way that felt simple, approachable and easy to navigate.
The Challenge
Heating websites can often feel overloaded with technical information, generic imagery and lengthy pages that make it difficult for customers to know where to begin.
OnCall needed a website capable of supporting several different customer journeys. Someone researching a new boiler has very different priorities from a homeowner whose heating has suddenly stopped working.
The challenge was to organise the company’s extensive service offering while keeping the most important actions—requesting a quote, contacting the team and finding emergency support—easy to access.
Design Approach
The website was designed around a bold, contemporary visual system that moves away from the traditional appearance of local trade websites.
Dark backgrounds, bright accent colours, metallic graphics and modern typography create a confident identity while remaining relevant to heating, energy and renewable technology.
Structured service cards, generous spacing and repeated calls to action help users understand the available services without making the experience feel overwhelming.
Framer Development
The website was designed and developed entirely in Framer, allowing the visual design, responsive layouts and interactive elements to be created within one flexible platform.
Reusable components were built across the website to maintain visual consistency and make future content updates easier. Each layout was then carefully adapted for desktop, tablet and mobile so that service information, offers and contact options remained accessible at every screen size.
Framer also allowed the website to include subtle motion and interactive details that create a more polished experience than a conventional template-based trade website.
Custom Quote System
A bespoke multi-step boiler quote system was integrated into the website, giving customers a simpler way to receive an initial estimate without needing to call the company first.
Instead of presenting users with one long and complicated form, the quote journey breaks the process into a series of clear visual questions. Customers can select details such as their property type, home specifications and heating requirements before entering their contact and address information.
The completed journey generates a structured quote summary, helping the customer understand their selections while providing OnCall with more useful information before making contact.
The quote system was designed to:
Break a complex enquiry into manageable steps
Reduce the amount of typing required
Make technical questions easier to understand
Capture more accurate property information
Generate better-qualified customer enquiries
Create a faster route from interest to quotation
Framer Development
The website was designed and developed entirely in Framer, allowing the visual design, responsive layouts and interactive elements to be created within one flexible platform.
Reusable components were built across the website to maintain visual consistency and make future content updates easier. Each layout was then carefully adapted for desktop, tablet and mobile so that service information, offers and contact options remained accessible at every screen size.
Framer also allowed the website to include subtle motion and interactive details that create a more polished experience than a conventional template-based trade website.
Custom Quote System
A bespoke multi-step boiler quote system was integrated into the website, giving customers a simpler way to receive an initial estimate without needing to call the company first.
Instead of presenting users with one long and complicated form, the quote journey breaks the process into a series of clear visual questions. Customers can select details such as their property type, home specifications and heating requirements before entering their contact and address information.
The completed journey generates a structured quote summary, helping the customer understand their selections while providing OnCall with more useful information before making contact.
The quote system was designed to:
Break a complex enquiry into manageable steps
Reduce the amount of typing required
Make technical questions easier to understand
Capture more accurate property information
Generate better-qualified customer enquiries
Create a faster route from interest to quotation
Service Structure
The website organises OnCall’s services into clear individual categories, including:
Boiler installations
Boiler repairs
Boiler servicing
Gas-safety checks
Central-heating installations
Power flushing
Radiator repairs and installations
Emergency call-outs
Heat pumps
Unvented hot-water cylinders
Underfloor heating
Giving each service its own section and landing page makes the company’s offering easier to understand while creating a stronger structure for future search campaigns and paid advertising.
User Experience
The user journey was built around quick access to the information customers are most likely to need when dealing with a heating problem.
Visitors can learn about the company, explore individual services, view previous work, read customer experiences and request a tailored quote. WhatsApp contact is also positioned prominently for users who would rather speak directly with the team.
Frequently asked questions cover common topics such as boiler servicing, breakdowns, efficiency, gas-safety checks, emergency repairs and installation times, helping customers find useful answers before making an enquiry.
Service Structure
The website organises OnCall’s services into clear individual categories, including:
Boiler installations
Boiler repairs
Boiler servicing
Gas-safety checks
Central-heating installations
Power flushing
Radiator repairs and installations
Emergency call-outs
Heat pumps
Unvented hot-water cylinders
Underfloor heating
Giving each service its own section and landing page makes the company’s offering easier to understand while creating a stronger structure for future search campaigns and paid advertising.
User Experience
The user journey was built around quick access to the information customers are most likely to need when dealing with a heating problem.
Visitors can learn about the company, explore individual services, view previous work, read customer experiences and request a tailored quote. WhatsApp contact is also positioned prominently for users who would rather speak directly with the team.
Frequently asked questions cover common topics such as boiler servicing, breakdowns, efficiency, gas-safety checks, emergency repairs and installation times, helping customers find useful answers before making an enquiry.
More Work More work
More Work More Work
Let'S WORK
Let'S WORK
TOGETHER
TOGETHER
say hello 🤙🏽
terramarketing.co.uk
terramarketing.co.uk
terramarketing.co.uk
terramarketing.co.uk
©2025 TERRA MARKETING
GO BACK TO TOP
©2025 TERRA MARKETING
GO BACK TO TOP