Three live previews
Three ways we could build CityWide Plumbing’s new website.
Choose the one that feels like your company. Every direction below is a real, live website, not a picture of one: open it and click through all seven pages, on your phone or your computer, in English or Spanish.
All three are built on the same content and the same facts about CityWide. The only difference is how each one looks, sounds and moves.
Bold type on black
Huge condensed words on a black page, one signal red, and the phone number as the biggest thing on the screen.
Clogged Leaking Flooded
(770) 872-0867
This direction leads with the problem, in the words a homeowner would use: clogged, leaking, flooded. On the live site the words roll into place like a slot reel, the red highlight settles on one of them, and the phone number rises underneath, set almost as large as the headline.
It suits a company that wants to come across the way it sounds on the phone: direct, calm and quick to the point. The pages behind it stay just as plain, with narrow centred lists, small red dots and thin rules, and nothing standing between a visitor and the number.
- Canvas
- Black, the same in light and dark mode
- Type
- Anton for the words and the phone number, Inter for everything else
- Motion
- The words roll once and settle in under four seconds
(770) 872-086724/7
CityWide Plumbing
citywide-plumbing-cutaway.demo.sites.wwi.dev
The illustrated house
A warm, flat illustration of a house cut open to show its plumbing, on cream paper under a deep-teal header.
- Kitchen
- Bathroom
- Basement
- Water heater
24/7 plumbing for North Atlanta
Homes and businesses from Acworth to Alpharetta, every day of the year.
The home page draws a two-storey house with its front wall taken away: a kitchen, a bathroom, a basement and a water heater, joined by thick tomato-red pipes. Each room carries a label, and on the live site each label opens the matching part of the residential page.
It suits a company that wants to feel friendly and easy to understand, speaking to homeowners first. Once the house has drawn itself, water keeps moving through the pipes, with a switch to pause it, and in dark mode the whole sheet turns to a deep-teal night version.
- Canvas
- Cream paper by day, deep teal in dark mode
- Type
- Nunito Sans, rounded and friendly
- Motion
- The house draws itself, the pipes fill, then water runs through them
Dwg · Typical house, plumbing isometric · Not to scale
The blueprint
A technical drawing on blueprint blue, with numbered callouts and a drafting title block in place of a menu bar.
Visit the live site → citywide-plumbing-blueprint.demo.sites.wwi.dev
Service key
- 1. Bathrooms & toilets
- 2. Drains & drain lines
- 3. Kitchen plumbing
- 4. Water heaters
- 5. Water lines
- 6. Sewer & septic
- 7. 24/7 emergency shut-off
CityWidePlumbing
Call: (770) 872-0867
- 01 Home
- 02 Emergency
- 03 Residential
- 04 Commercial
- 05 Areas
- 06 Contact
EN ES Sheet 01 of 06
The home page is drawn like a plumbing sheet. The slab, the walls, the fixtures and the pipes draft themselves stroke by stroke, then seven numbered callouts appear beside a service key, from bathrooms and toilets to the 24/7 emergency shut-off.
It suits a company that wants to feel exact and expert, the plumber who knows where every line runs. There is no menu bar: the name, the phone number and an index of the pages sit in a ruled title block in the corner, as on a real drawing set.
- Canvas
- Blueprint blue, the same in light and dark mode
- Type
- IBM Plex Mono for the drawing, IBM Plex Sans for reading
- Motion
- The drawing drafts itself, then water pulses along the supply lines
What’s included with your website
Whichever direction you choose, the same work comes with it, before launch and after.
- Hosting and delivery
- Fast hosting on Cloudflare’s global network, HTTPS on every page, automatic publishing whenever something changes, and your own domain at launch.
- Calls and leads
- The phone number stays the first thing a visitor can tap. Messages from the form arrive in your inbox as branded emails, and delivery is checked every time the site is published.
- Search
- Structured data, sitemaps and language tags built in, search engines notified of every update, and Google Search Console set up for you.
- Search monitoring
- Daily checks of the search basics, index coverage and page speed that catch problems early, plus a weekly search report by email.
- Security
- Hardened security headers, forms protected from bots, and no tracking cookies.
- Languages
- All nine languages for a commissioned site, each one written natively. These previews show English and Spanish.
- Accessibility
- Built to WCAG 2.2 AA, checked in light and dark mode.
- Legal pages
- A privacy policy, and terms where they apply, drafted for your site and kept current.
- Ongoing care
- A customer login with site stats and change requests, monitoring of your domain, and registration with workplace web filters so the site opens on business networks.
Which one feels like CityWide?
Tell us which direction you like, or what you would change in it. We will take that one forward with you and turn it into CityWide’s real website, on your own domain.
Pricing is determined case by case, based on the complexity of the final site and other factors.