Website design portfolio Sites that do a job, not sites that sit there.

An auto parts business in Brampton whose site was a phone number and an address now runs a part matcher on year, make, model and trim, a page for each vehicle it stocks for, and a request that reaches the counter by text already carrying everything needed to quote it. A buyer picks the vehicle, sees what fits it, and sends the request with photographs attached where the part depends on the damage - so the first call is about the part rather than about what car it is.

• Year, make, model and trim part matcher
• A page for each vehicle it stocks for
• Requests to the counter by text
• Photographs attached where the damage decides the part
• LocalBusiness and catalogue schema

The build is live at canadacarpart.com.

A window and eavestrough cleaner in East York serving the Greater Toronto Area, rebuilt around the two things a homeowner wants before they call: roughly what it costs for a house like theirs, and a quote without the back and forth. The price guide is set out by storey, a three-step quote builder sends the request by text, and every neighbourhood it serves has its own page. The glass on the site is real job photography, not stock.

• Price guide set out by storey
• Three-step quote builder, sent by text
• A page for each neighbourhood it serves
• Service pages for windows, eavestroughs and screens
• Real job photography and a short film of the work

The build is live at bubblescleaningservices.com.

A basement, bathroom and kitchen renovator working Erin, Mono and Caledon. The site is built around the consultation: a homeowner tells the planner the room, the size and the finish they have in mind, adds a few photos of the space, and it goes straight to the owner, with a permit check by town built in. There is no price guessing on the page by design - the number comes after he has seen the space - and the way a job runs is set out in four steps, from consultation to walkthrough.

• Project planner: room, size, finish and photos
• Permit check by town, built into the planner
• How a job runs, in four steps
• Basement finishing and Erin pages
• A short film on the home page

The build is live at honeydewltd.ca.

Two Ontario Certified Teachers in Erin, running Charlotte Mason learning pods for homeschooling families and tutoring from Kindergarten to Grade 12, in person or online, for families across Canada. The site opens three doors - the pods, tutoring and an enrichment club - so the parent who needs an hour of help with reading and the parent looking for a whole new way to learn both find their way in. The pod fees are published by the month, and a calculator works out a family's month from how many children are coming and when they start, with the sibling rate already in it. Text is the quickest way to reach the Hub, so every page ends on text, call or email.

• Family fee calculator, sibling rate built in
• Three ways in: pods, tutoring and the club
• Text, call or email at the end of every page
• Monthly fees published for pods and tutoring
• A founding family list for the pods
• The feel of the place, in seven short films

The build is live at virtueca.ca.

A concept I built on spec for a real private chef and caterer in Orangeville, to show what a restaurant or catering site can do. Three doors - a private dinner at home, catering for a crowd, and classes and talks - each lead to a desk of their own. The private dinner brief takes about two minutes: the date, the guests, the town, the dishes they are drawn to and the heat they can take. The catering desk prices an order live from the published menu, sizes the trays to the guest count and will not take a date inside the 48-hour notice window - it offers the phone instead. Behind the site, a prep sheet rolls every confirmed order into one shopping list. The menu prices are the chef's own published ones. The film and imagery are concept pieces.

• Private dinner brief in about two minutes
• Catering priced live from the published menu
• A date desk that keeps the 48-hour notice rule
• Three doors: private dinners, catering, classes
• Prep sheet that rolls confirmed orders into one list
• Town, occasion and dish pages, every story sourced
• A concept film, 1:45

The demo is live at soulyve-preview.netlify.app. Open it on your phone and use it the way a customer would.

A concept I built on a fictional brand, for the kind of industrial LED lighting maker whose fixtures go into showrooms, service bays, paint booths, lots, mines and off-grid sites. The centre of it is a lighting planner: pick the space, enter the size and the mounting height, and it returns a fixture count, the series to use, the energy saving against what is there today and any flag the site raises, worked on the standard lumen method. The quote request goes in with a reference number, and a quote desk behind the site follows every request from new to quoted to won against a two-hour call-back window.

• Lighting planner: fixture count, series and energy saving
• Quote requests with a reference number
• Quote desk from new to quoted to won
• Four product series, each with its own page
• Ten application pages, showroom to off-grid
• The night shift, a film from the showroom to the open pit

The demo is live at halvorn-lighting.netlify.app. Open it on your phone and use it the way a customer would.

A concept I built to show what a heating and cooling site can do when a furnace quits on a freezing night. The homeowner gets through a no-heat triage in six taps - symptom, system, age, town and a photo - and it lands on the on-call tech's phone. Anyone pricing a replacement gets an installed range and a monthly figure in about ten seconds. Behind the site sits a dispatch board that puts no heat on a freezing night at the top and flags the replacements.

• No-heat triage in six taps, sent to the on-call tech
• Installed price range with a monthly figure
• Dispatch board that puts no heat at the top
• A maintenance plan with priority dispatch
• Heat pump and Orangeville landing pages
• The 2 a.m. call, a 77 second film

The demo is live at hvacwebdesign.netlify.app. Open it on your phone and use it the way a customer would.

I built this to show tire and roadside owners what their own site could do. Northbound is a fictional business. The site is real, and everything on it works. The call-out has three doors - roadside help, seasonal swap, and tires, rims and brakes - and takes three steps, then opens the visitor's own WhatsApp, text or phone with the whole request already written. A driver who answers that he is in a live lane is stopped and told to call 911 first. Behind the site, the owner's board puts every call-out in a lane with a clock on it, and one load list adds up every tire size on the open tickets.

• Three-door call-out: roadside, seasonal swap, tires and brakes
• Wheel diagram for tractors, trailers, straight trucks and cars
• Size reader that knows a truck tire from a car tire
• Live weather against the 7 degree line for winter tires
• A stop that puts 911 first for a vehicle in a live lane
• Dispatch board with a clock on every ticket and one load list
• 24 pages, with every quote sourced

The demo is live at northbound-tire-demo.netlify.app. Open it on your phone and use it the way a customer would.