Tristan Web StudioLocal service websites (365) 576-0118

Work

Real problems. Real solutions. Real results.

Each demo shows a real design strategy — what was broken, what we built, and how the site performs for the business type.

These are demo builds — fictional businesses designed to show exactly how I structure a conversion-focused local site. Your results will be real.

Trades & service businesses

Quote-focused sites built to get the phone ringing.

Plumbing Hamilton, ON
Emergency Plumbing Burst pipe? We’re on it today.
Call NowGet a Quote
LicensedFast response

Redline Plumbing & Drains

Challenge

No clear phone number on mobile. No quote form. Visitors couldn't confirm service area. Calls went to competitors.

Solution

Mobile-first site with sticky call button, emergency prompts, short quote form, service area section, and trust signals built in.

What this build is designed to do

Lead-first More online booking requests
Target: 2 wks First message to live
Mobile 80%+ of their traffic
"Our old site didn't even show our phone number on mobile. Now it's front and centre and calls are up."
— Demo Client, Redline Plumbing & Drains

How we built it

  • Static HTML/CSS for fast load on any phone
  • Sticky mobile call bar on all pages
  • Formspree-connected quote form, no backend needed
  • Optimized for Google Local Search (Hamilton plumber)
View Live Demo Full Case Study
Electrical Brampton & Mississauga, ON
Licensed Electrician Panel upgrades. Safe and on time.
Book a VisitGet a Quote
ESA certifiedClean work

SparkRight Electrical

Challenge

Generic template site. No service breakdown. No coverage area. Visitors couldn't tell what neighbourhoods they served or how to request a quote.

Solution

Rebuilt around residential services, GTA coverage areas, urgent call flow for panel issues, and a short quote form with service type selector.

What this build is designed to do

Quote-ready More quote form submissions
Local reach Now ranking locally
Faster Sub-2s load on mobile
"Customers now tell us they found us because the site clearly listed our areas. That never happened before."
— Demo Client, SparkRight Electrical

How we built it

  • Static HTML/CSS — no framework, no CMS overhead
  • Service cards with clear job-type descriptions
  • Coverage area section with city-level detail
  • Optimized for Google Local Search (Brampton electrician)
View Live Demo Full Case Study
Roofing Brampton & GTA, ON
Roof Inspection Leak? Free inspection today.
Get InspectionSee Our Work
WarrantyProof of work

SummitShield Roofing & Exteriors

Challenge

Homeowners searching for emergency roof repair had no clear next step — no visible phone number, no quote form, no service area confirmation.

Solution

Quote-focused roofing site with sticky call bar, emergency leak path, inspection request form, photo submission, and full GTA service area coverage.

What this build is designed to do

GTA-wide 6 cities covered
Fast Emergency-first layout
Mobile Sticky call bar on all pages
"Homeowners can see our service areas and request an inspection in under a minute. That's exactly what we needed."
— Demo Client, SummitShield Roofing & Exteriors

How we built it

  • Static HTML/CSS/JS — fast load on any device
  • Sticky mobile call bar and emergency CTA above fold
  • Photo submission form for remote inspection requests
  • Optimized for Google Local Search (GTA roofer)
View Live Demo Full Case Study

Food & preorder businesses

Sites built for preorders, catering inquiries, and bakery quote requests.

Home Bakery Brampton, ON
Custom Cake Quotes Plan the cake without the DM chase.
Request QuoteView Gallery
Starting pricesOccasions

SweetCrumb Cakes

Challenge

Instagram-only ordering. No pricing visibility. Customers had to DM for every question. Hard to manage volume.

Solution

Bakery site with starting prices, gallery, ordering steps, flavour guide, and a quote request form that filters out incomplete orders.

What this build is designed to do

Direct orders More direct website orders vs. Instagram DMs
Fewer Back-and-forth questions (form + FAQ)
Mobile Order while browsing on the go

How we built it

  • Static HTML/CSS for fast gallery loads on any phone
  • Price ranges shown per cake size (transparency reduces DMs)
  • Quote form asks for cake type, date, guest count (pre-qualifies orders)
  • Email integration sends orders directly to the baker
View Live Demo Read Strategy
Food Preorder Brampton, ON
Weekly Preorders Snack boxes ready for pickup.
PreorderParty Trays
Menu cardsPickup info

Island Manila Bites

Challenge

Weekly menus shared only via WhatsApp. No central order point. High drop-off before customers confirmed their order.

Solution

Preorder site with weekly menu cards, snack box packages, catering inquiry form, and clear pickup info above the fold.

What this build is designed to do

Preorder-ready More preorders through site vs. WhatsApp
Faster Form pre-fills catering requests
Mobile Grab-and-go ordering on the go

How we built it

  • Weekly menu cards designed to be updated every Sunday
  • Package pricing clearly displayed (snack box bundles)
  • Catering form captures party size, date, and dietary needs
  • Pickup and delivery info prominent above the fold
View Live Demo Read Strategy

Range piece

DEMANDEM — included to show visual campaign range.

The main Tristan Web Studio offer is websites for local trades and service businesses. This piece shows broader visual direction capability.

Brand Campaign Marketing / Launch
Launch Waitlist Build demand before release.
Join WaitlistView Drop
CountdownProduct proof

DEMANDEM

Challenge

Brand needed a high-impact landing page to build buzz and capture waitlist signups ahead of launch — with no existing audience and a tight timeline.

Solution

Campaign landing page with strong visual branding, product imagery, compelling copy, a countdown timer, and a waitlist form to capture early interest.

What this build is designed to do

Visual Strong brand-first hierarchy
Urgency Countdown creates launch momentum
Waitlist Email capture before launch day

How we built it

  • Brand-first visual hierarchy with product imagery front-and-centre
  • Countdown timer creates urgency around the launch date
  • Waitlist form captures email for pre-launch outreach
  • Static HTML/CSS/JS — no CMS, no dependencies, fast load
View Live Demo Read Strategy

Like what you see?

Let's build one for your business.

Get a Free Quote