Five service cards
Commercial, industrial, residential, vehicle and hospital disinfection, each with a short description of the spaces covered.
All projects
Static Site
Live in productionMaple Safe — Disinfection Services Website for the Toronto Area
A one-page website we built for Maple Safe, a disinfection and sanitisation service around Toronto: cards for homes, businesses, vehicles and hospitals, a three-step booking explainer, a list of service areas and an enquiry form.
Updated
For Maple Safe2021
- Responsive website
Overview
Overview
Maple Safe sells disinfection and sanitisation by electrostatic spraying for commercial, industrial, residential, vehicle and hospital spaces in towns around Toronto, from Mississauga and Brampton to Hamilton. The site dates from 2021 and leads with COVID-19 disinfection.
We built it as a single scrolling page in HTML, SASS and JavaScript, hosted on Netlify: a hero, an about section with service highlights, five service cards, a how-it-works strip, service-area tags, a photo gallery and a contact form, with the call and enquiry buttons fixed in the header. The footer credits Web Cannon-Z, CountryDevs' sister company; the site was built under that name.
The story in three steps
From the problem to what runs today
01 · Where it started
The challenge
Disinfection is bought in a hurry and on trust. A building manager or a homeowner wants to know quickly what gets treated, whether the business covers their town and how to book. Maple Safe also served very different customers, from homes and offices to hospitals and school buses, and all of them had to find their case on one site.
02 · What we built
The solution
We kept everything on one page so each of those questions is answered a scroll apart, with the call and enquiry buttons always in view. Each type of space has its own card, booking is reduced to three steps (call, choose a category, get the property treated), and the towns served are listed as tags rather than buried in a paragraph. On a phone the page reflows to a single column.
03 · Where it stands
The impact
The site is still online at maplesafety.netlify.app. Its phone numbers, email and street address are placeholders rather than real business details, so we present it as a design and build sample, not as a lead source; we have no enquiry or traffic data for it.
Features
What we built into Maple Safe
Call and enquiry in the header
A phone link and a 'Fill the form' button stay in the sticky header on every scroll position.
Three-step booking explainer
Call, choose a disinfection category for a quote, then get the property treated, set out as three cards.
Service-area tags
Seventeen towns and districts around Toronto, from Mississauga and Brampton to Hamilton, listed as tags.
Featured work gallery
Photo tiles for home, stair-rail, building and office disinfection jobs.
Enquiry form
A short message form for visitors who would rather not call, promising a reply within 24 hours.
Real screens · 6
What Maple Safe looks like
On a phone 2
On desktop 4
Project details
FAQ
Questions about this project
What did the Maple Safe website need to show a disinfection customer?
What gets treated, where the business works and how to book: five service cards from homes to hospitals, 17 service areas around Toronto and a three-step booking explainer, all on one page with the call button always in view.
Why is the Maple Safe site presented as a build sample?
The site is online at maplesafety.netlify.app, but its contact details are placeholders, so we show it for its design and build rather than as a live lead source.
More work
Other things we shipped
All projects
Portfoliofor Independent professionals
Portfolio Websites for Professionals — 17 Sites
Seventeen live one-page portfolio websites we built for independent professionals: a photographer, a cybersecurity researcher, developers, marketers, a content writer with a nursing background, a UX designer, an agronomist and more. Each is a static HTML, CSS and JavaScript site on Netlify.
HTML5CSS3JavaScriptjQuery+12
BuiltPortfoliofor Damir Pehar
Damir Pehar — UX Designer Portfolio Website
A personal portfolio website for Damir Pehar, a UX designer in Chicago. We built the home, work, about and contact pages and three long-form case studies on a customised GSAP template, with scroll-driven animation and a WebGL hover effect. It is complete, with no public URL on record.
HTML5CSS3JavaScriptGSAP (ScrollTrigger, ScrollSmoother)+3
PrototypeStatic Sitefor Jdee Media
Jdee Media — Transcription Service Homepage Design
A homepage design we built for Jdee Media, a media transcription service: a large display-type hero, cards for transcription, captioning and translation, and a closing call-to-action band. It never went live with final content; much of the body copy is still placeholder text.
HTML5CSS3JavaScriptSASS+1
Got a project?
Let's build the
next one together
Tell us what you're trying to ship and which project here is closest to it. We'll reply with the questions that shape the plan, then start with a two-week Discovery Sprint, so you see the screens and the plan before any code is written.
Not ready for a full build? Start with a Discovery Sprint, or get a code audit of an app someone else built. See how a project runs with us.
We work from Bengaluru with clients in India and abroad: app development in Bangalore, for businesses in the UAE and for businesses in the UK.