Tristan Web StudioLocal service websites (365) 576-0118

Work

Real-world problems. Demo solutions. Conversion-focused examples.

Each demo shows a real design strategy — what can block quote requests, what I would build, and how the site supports the business type.

These are demo builds — fictional businesses designed to show exactly how I structure a conversion-focused local site. Real client work is scoped, measured, and launched with each business's own details.

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 Built to support more quote requests
Target: 2 wks First message to live
Mobile 80%+ of their traffic

Demo goal

Show how a plumbing site can make the phone number, emergency path, service area, and quote request impossible to miss on mobile.

How we built it

  • Static HTML/CSS for fast load on any phone
  • Sticky mobile call bar on all pages
  • Form-ready quote flow with an in-page success state, ready to connect to Formspree on real launches
  • 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 Built to support more quote requests
Local reach Structured for local search visibility
Faster Sub-2s load on mobile

What this demo shows

How service pages, city coverage, and a short quote form can help planned electrical jobs move from browsing to inquiry.

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

Conversion focus

Make emergency roof repair, inspection requests, and photo-based quote details clear before a homeowner has to call.

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 Built to move orders beyond 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)
  • Form pattern can route order details directly to the baker on a real launch
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 Built to centralize preorders outside 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