Work

Demo websites you can explore.

Live concept builds and rebuilds that show how we design, structure, and ship sites for people and small businesses across key niches.

01 From scratch

Sydney Select Roofing

Tradie demo · tiled roofing · Greater Sydney

A fictional OG Digital Designs demo for a local roofing business — built to show how we design conversion-focused tradie websites with clear CTAs, service pages, proof, and mobile call paths.

Goal
Show potential clients a full tradie lead-gen site: brand-led, enquiry-first, and ready for Greater Sydney local search.
What we built
A multi-page tradie demo with dual CTAs, urgent-leak paths, six tiled-roof services, process steps, before/after sliders, case-study project pages, a filtered fullscreen gallery, Greater Sydney area SEO pages, interactive tools (path chooser + estimate calculator), a 3-step quote wizard with photo upload, inspection booking calendar, FAQ, sticky mobile actions, virtual assistant, light/dark mode, and Facebook/Instagram job feeds.
Result
A live portfolio example of the OG Digital Designs playbook — conversion design, service structure, local SEO framing, proof, interactive tools, social proof feeds, and lead capture without a generic template look.

Features included

  • Brand-led hero with dual CTAs (Book a free inspection / Call)
  • Urgent leak / storm-damage banner with Call now and Urgent form paths
  • Trust strip — insured, free inspections, sample rating, ABN (demo)
  • Six dedicated service pages: repairs, restorations, replacements, valleys, leak detection, repainting
  • Process steps — Inspect → Quote → Work → Handover
  • Before/after project sliders with suburb + job type
  • Project case studies with problem → method → result detail pages
  • Job photo gallery with type filters and fullscreen lightbox (keyboard arrows)
  • Sample reviews / “how a review widget can look” layout (fictional, labelled)
  • Areas hub + seven Greater Sydney suburb/region SEO pages (Parramatta, Liverpool, Inner West, North Shore, Hills, Sutherland, Macarthur)
  • Tools page — repair/restore/replace path chooser plus instant estimate calculator (demo bands)
  • 3-step quote wizard — suburb & issue, optional photo upload, then contact details
  • Online inspection booking calendar (weekday windows → quote details)
  • Urgent leak fast call-back form (name, phone, suburb)
  • Dedicated FAQ page with plain expand/collapse answers
  • Sticky mobile actions — Call now / Leak? / Free quote
  • Virtual chat assistant (“Ask us”) for common questions and quote/call paths
  • Light mode / dark mode theme toggle (persisted preference)
  • Self-updating Facebook and Instagram social photo feeds on Projects
  • About page with specialist positioning and how-we-work story
  • Multi-page structure — home, services, projects, areas, tools, FAQ, about, contact
View live demo Start a similar project
02 From scratch

Lumen Coffee Co.

Hospitality demo · café · Surry Hills, Sydney

A fictional OG Digital Designs demo for a specialty coffee and morning kitchen — built to show how we design hospitality sites with menu ordering, bookings, social proof, and polished brand presence.

Goal
Demonstrate a full café website from scratch: warm brand storytelling, easy visit details, and conversion paths for tables, catering, and take-home beans.
What we built
A multi-section hospitality demo with menu + dietary filters, order-ahead pickup, shopping cart and demo checkout, bean shop, table booking, catering and events enquiries, gift cards, What’s on, hours/visit info, reviews, FAQ, newsletter signup, virtual chat assistant, light/dark mode, and Facebook/Instagram social links and feeds.
Result
A live portfolio example of hospitality web design — brand-led, mobile-ready, and packed with the ordering, booking, gift, and social features venues actually need.

Features included

  • Brand-led specialty coffee / morning kitchen positioning (Surry Hills, Sydney)
  • Story, menu, visit, beans, booking, catering, events, gift cards, reviews, FAQ, and newsletter sections
  • Interactive menu with categories and dietary filters (GF, V, VG, DF)
  • Order-ahead pickup flow with name, time slots, and demo confirmation
  • Shopping cart with pickup/delivery options and demo checkout (no real payment)
  • Take-home beans shop with roast notes and rotating origins
  • Table booking / reservations flow (demo form — no real booking)
  • Catering & events enquiry form (event date + details)
  • What’s on section for morning events and venue happenings
  • Gift cards — amount picker and demo “Send gift card” flow (no payment)
  • Visit details — address, phone, hours, open/closed status, map embed, directions
  • Neighbourhood reviews gallery and social proof layout
  • FAQ covering reservations, dietary needs, parking, beans, and private events
  • Newsletter signup (“Stay in the loop” — demo only)
  • Virtual chat assistant (“Ask Lumen”) for hours, booking, menu, beans, visit, catering, and gifts
  • Light mode / dark mode theme toggle (persisted preference)
  • Facebook and Instagram social links with self-updating social feed presentation
  • Mobile navigation and polished responsive hospitality layout
View live demo Start a similar project
03 From scratch

Atelier Hair & Beauty Studio

Hair & beauty salon · booking · Newtown, Inner West Sydney

A fictional OG Digital Designs demo for an editorial hair and beauty studio on Enmore Road — built to show how we design salon sites with booking, services, proof, and mobile-first book paths.

Goal
Show how a salon site can turn browsers into bookings with clear services, stylist choice, social proof, and an easy multi-step book flow.
What we built
A multi-page salon demo with from-priced service categories, full menu, style gallery, before/after transformation sliders, team profiles with book-by-stylist CTAs, a four-step demo booking flow, gift vouchers, saved looks wishlist, FAQ, visit details, suburb SEO pages, Google reviews layout, Instagram feed, new-client offer banner, and light/dark atmosphere toggle.
Result
A live portfolio example of hair & beauty web design — brand-led, booking-first, and packed with the gallery, team, and local SEO features salons actually need.

Features included

  • Brand-led hero for colour & craft on Enmore Road (Newtown) with Book now / View our work CTAs
  • New-client promo banner ($30 off first colour — claim / dismiss offer)
  • Four service pillars with from-pricing: Cut & Style, Colour & Balayage, Beauty Treatments, Bridal & Events
  • Full services menu with pricing bands, durations, and category detail pages
  • Style / results gallery with category filter tabs and look hearting into Saved looks
  • “Book this look” paths — bring a gallery reference into booking / consultation notes
  • Before & after transformation sliders (compare overlays)
  • Team profiles with specialties and Book [stylist] paths (Maya, Jordan, Sofia, Elena)
  • Multi-step online booking — Service → Stylist → Time → Details with confirm demo booking (notes Fresha / Timely / Kitomba for production)
  • First-visit process — book & share references, consult, patch test when needed
  • Gift vouchers — give-the-gift flow with voucher-ready confirmation (demo)
  • FAQ with category tabs covering booking, colour, first visits, and studio policies
  • Visit details — Enmore Road address, phone, email, hours
  • About page with studio story and Inner West positioning
  • Suburb SEO landing pages — Newtown, Enmore, Marrickville, Stanmore, Erskineville, Glebe
  • Google reviews layout (demo widget pattern) and Instagram studio feed
  • Light / dark atmosphere theme toggle
  • Mobile navigation and polished responsive salon layout
View live demo Start a similar project
04 From scratch

Harbour & Hill Realty

Real estate agent · listings · Eastern Suburbs, Sydney

A fictional OG Digital Designs demo for a boutique Eastern Suburbs agency — built to show how we design listing-led agent sites with suburb SEO, buyer shortlists, and clear appraisal / enquire conversion paths.

Goal
Demonstrate a clean listings experience with local suburb pages and serious buyer/seller lead paths — browse homes, save favourites, and request appraisals.
What we built
A multi-page agency demo with featured listings and statuses, open-home schedules, grid/map buy views, listing detail pages (gallery, floor plan, virtual tour, enquire), shortlist saves, private/off-market access requests, sold campaign stories, suburb SEO landing pages, market insights, appraisal and contact forms, team profiles with demo meeting slots, and suburb report signup.
Result
A live portfolio example of real-estate web design — boutique brand, Eastern Suburbs focus (Bondi to Vaucluse), and the listing, suburb, and lead features agents actually need.

Features included

  • Brand-led Eastern Suburbs positioning (Bondi, Bronte, Double Bay, Rose Bay, Vaucluse) with Browse homes / Request appraisal CTAs
  • Featured listings with status badges (For Sale, Under Offer, Sold), guide prices, and bed / bath / car / land facts
  • Upcoming open-home / inspection schedule with dates, times, and property links
  • Buy listings page with Grid / Map view modes and status filters (For Sale, Under Offer, Sold, Open homes)
  • Listing detail pages — photo gallery, features, approximate floor plan, virtual tour CTA, agent contact, and enquire form
  • Save to shortlist across listings (saved homes page for returning buyers)
  • Private & off-market opportunities with Request access paths for qualified buyers
  • Sold results + campaign stories (before/after narrative of how recent sales were won)
  • How we work process — Listen & appraise → Position & present → Negotiate & close
  • Sell page with private appraisal request form and indicative appraisal-range CTA (name, email, phone, address, suburb, notes)
  • Suburb hub + SEO landing pages covering lifestyle, schools, transport, local agent, and properties in-suburb
  • Suburb market report unlock (demo email capture — no email sent)
  • Insights / market advice articles for Eastern Suburbs buyers and vendors
  • About / team profiles with direct contact and demo meeting-slot booking
  • General contact form with topic routing plus phone and email CTAs in the nav
  • Client testimonials / trust section and Double Bay office visit details
  • Multi-page structure — Buy, Sell, Suburbs, About, Insights, Contact, Shortlist, Privacy
View live demo Start a similar project
05 From scratch

FORGE

Boutique hybrid gym · timetable & memberships · Surry Hills, Sydney

A fictional OG Digital Designs demo for a Surry Hills boutique gym — built to show how we design fitness sites that sell intro offers, book capped classes, and convert visitors into members without a brochure feel.

Goal
Show how a fitness brand can sell trials and memberships with a clear schedule, risk-free intro offer, and conversion-first homepage.
What we built
A multi-page gym demo with a 5-for-$55 intro offer, filterable class timetable with spots left, six training formats, membership tiers + plan recommender, demo class booking and checkout, coach profiles, New Here first-visit guide, interactive virtual studio tour, member reviews and transformations, Instagram / Facebook feed presentation, WhatsApp/contact paths, newsletter, and sticky mobile Book / WhatsApp / Claim actions.
Result
A live portfolio example of fitness web design — offer-led, booking-ready, and packed with the timetable, membership, and trust features gyms actually pay for.

Features included

  • Brand-led Surry Hills hero (“Strength that fits your city life”) with Claim 5 for $55 / View schedule CTAs
  • Risk-free intro offer page — 5 classes for $55 (14 days, no lock-in) with offer timer
  • Six training formats: Strength, HIIT, Boxing, Mobility, Open Gym, and 1:1 Coaching
  • Filterable weekly schedule by day, class type, and coach — with capped spots left and Book CTAs
  • Demo class booking flow (notes Mindbody / Glofox / Hapana for production sync)
  • “Find my first class” wizard — two questions that recommend where to start
  • Transparent membership pricing — Intro Pack, Unlimited, 8x / 4x packs, drop-in, and 10/20 class packs
  • Plan recommender (“Which plan fits?”) plus pause / cancel / late-cancel policy clarity
  • Demo membership checkout path (no real charges — shows the purchase journey)
  • Coach profiles with specialties, credentials, and Book with a coach paths (Maya, Jordan, Samira, Eli)
  • New Here first-visit guide — door-to-cool-down steps, kit list, and what FORGE provides
  • Interactive virtual studio tour with hotspots (strength, boxing, conditioning, mobility, amenities)
  • Member reviews widget layout (demo ratings) and transformation / progress stories
  • About page with studio story, facility checklist, and Instagram / Facebook social feed presentation
  • Contact page with visit details (near Central), phone, WhatsApp, email, hours, and message form
  • Open-status indicator, newsletter signup, privacy/terms, and sticky mobile Book / WhatsApp / Claim actions
  • Multi-page structure — Classes, Schedule, Memberships, Coaches, New here, Tour, About, Contact, Book, Checkout, 5-for-$55
View live demo Start a similar project
06 From scratch

Northshore Dental Care

Dental practice · trust-heavy · Mosman, Lower North Shore

A fictional OG Digital Designs demo for a calm Mosman dental practice — built to show how we design clinic sites that feel premium and reassuring while still driving bookings, fee clarity, and emergency paths online.

Goal
Prove that health sites can feel premium and reassuring while still converting with clear from-pricing, online booking, and strong local trust signals.
What we built
A multi-page clinic demo with trust-led hero and credentials, from-priced service pages, multi-step online booking, fees/HICAPS and payment-plan estimator, smile gallery with before/after sliders, treatment comparison tool, smile quiz and smile simulator, emergency triage page, new-patient walkthrough, visit-preferences chooser, clinician profiles with book-with-me shortcuts, virtual clinic tour, filterable reviews, SEO guides, FAQ with schema structure, contact/local SEO details, chat + sticky Call/Book actions, and accessibility commitments.
Result
A live portfolio example of dental web design — calm brand, Mosman local SEO, and the booking, fee, and trust features clinics actually pay for.

Features included

  • Trust-led Mosman hero with Book appointment / Call CTAs and open-hours status
  • Trust strip — demo rating, years of care, HICAPS funds, ADA / Invisalign provider signals (illustrative)
  • Service pillars with from-pricing: General, Invisalign, Implants, Whitening, Kids, Emergency
  • Full services menu with dedicated treatment pages (general, implants, Invisalign, whitening, children’s, emergency, root canal, veneers, hygiene)
  • Multi-step online booking with calendar confirmation (demo conversion flow)
  • Fees & finance page — clear from-pricing, HICAPS fund list, and payment-plan estimator
  • New patient exam & clean offer (from $199) with first-visit step-by-step guide
  • Emergency page — same-day triage guidance, when to seek urgent care, and book/call paths
  • Smile gallery with filterable before/after comparison sliders (whitening, Invisalign, veneers, implants)
  • Treatment comparison tool (e.g. Invisalign vs veneers vs whitening vs implants)
  • Smile quiz — intent-based “where to start” recommender
  • Smile simulator — illustrative whitening / aligner preview (portfolio wow feature)
  • Visit preferences chooser (anxious, returning, kids, time-poor)
  • Team profiles with credentials and Book with [clinician] shortcuts (Elena, James, Sofia, Maya)
  • Interactive virtual clinic tour with hotspots (reception, treatment suite, consult bay)
  • Filterable reviews wall with Google-style / verified layouts and video-story lightboxes
  • Guides hub for SEO/authority content (first visit, HICAPS, emergencies, Invisalign vs braces)
  • FAQ with AI-search-ready schema-style structure (parking, accessibility, fees, emergency)
  • Contact page with NAP, hours, parking, accessibility, service suburbs, and enquiry form
  • Practice about story + animated timeline; privacy, terms, and accessibility pages
  • Sticky mobile Call / Book / Chat actions and Feature tour navigation
  • Multi-page structure covering care, practice, help, booking, and interactive tools
View live demo Start a similar project
07 From scratch

Marlow & Co.

Restaurant / cocktail bar · menus & events · Newtown, Sydney

A fictional OG Digital Designs demo for an evening dining room and proper bar on King Street — built to show hospitality sites that sell the vibe, make menus easy, and fill tables, private dining, and events (distinct from the café demo).

Goal
Show a restaurant/bar site that sells King Street evenings, makes food and drinks menus easy to browse, and converts reservations, private dining, and takeaway pickup.
What we built
A multi-page hospitality demo with multi-step table reservations and confirmation ticket, dinner and drinks menus with search + dietary filters, dish–drink pairings, print menu, events calendar, private dining enquiries with set menus / packages, gift cards, takeaway order demo, visit/hours/parking FAQs, journal, Instagram/Facebook feeds, guest reviews, AI concierge chat, newsletter, cookie banner, mobile action bar, and open/closed hours (Sydney timezone).
Result
A live portfolio example of restaurant/bar web design — evening brand energy, Newtown local positioning, and the booking, menu, and events features venues actually pay for.

Features included

  • Brand-led Newtown / King Street hero for evening dining and cocktail bar energy
  • Multi-step “Book a table” reservation modal with party-size rules and demo confirmation ticket
  • Open/closed hours status (Sydney timezone) plus click-to-call / directions paths
  • Dinner menu with search, dietary filters (GF / V / VG and tags), and print menu
  • Drinks list — signature cocktails (e.g. King Street Negroni), classics, wine by the glass, zero-alcohol highballs
  • Drinks search and dish ↔ drink pairing suggestions
  • Featured plates and signature drinks on the homepage with paths to full menus
  • Events page — weekly rituals, masterclasses, seasonal experiences, add-to-calendar
  • Private dining — spaces from intimate tables to buyouts, set menus / bar packages, enquiry form with date picker
  • Gift cards — e-gift and collect/post options (demo request; no real payment)
  • Order / takeaway pickup flow with demo checkout (no payment taken)
  • Visit page — hours, parking, walk-in vs book guidance, and FAQs
  • Journal / news section for seasonal menus, bar releases, and floor notes
  • Instagram & Facebook social feed presentation and guest reviews layout (demo Google-style)
  • AI concierge chat (keyword demo) for dietary needs, hours, booking, parking, and events
  • Newsletter signup, cookie consent banner, privacy / terms / accessibility pages
  • Sticky mobile action bar (Call / Directions / Book) and branded 404
  • Multi-page structure — Menu, Drinks, Events, Private Dining, Gift Cards, Order, Visit, Journal, and related pages
View live demo Start a similar project
08 From scratch

Greenline Landscapes

Landscaper · proof & quotes · Campbelltown / South Western Sydney

A fictional OG Digital Designs demo for a Macarthur landscaping crew — built to show how outdoor-trade sites win work with before/after proof, suburb SEO pages, and clear on-site estimate conversion paths.

Goal
Show how landscape businesses can lead with transformation proof and convert suburb-based estimate requests across South Western Sydney.
What we built
A multi-page landscaping demo with trust-led hero and spring promo, seven dedicated service pages, filterable projects gallery with before/after sliders and lightbox, interactive service-area map plus suburb SEO pages, rough quote calculator, free on-site estimate form and booking calendar, Consult → Design → Build → Handover process, reviews, seasonal resources/guides, FAQ, team/trust signals, Facebook/Instagram feeds, and sticky Call / Free estimate actions.
Result
A live portfolio example of outdoor-trade web design — proof-first, Macarthur local SEO, and the quote, map, and gallery features landscapers actually pay for.

Features included

  • Brand-led Campbelltown / South Western Sydney hero with Get a free on-site estimate / Call CTAs
  • Spring promo banner — free on-site estimate + garden health check (claim / dismiss)
  • Trust strip — demo rating, years in Macarthur, projects completed, insured / licensed signals
  • Seven service offerings with dedicated pages: design & construction, retaining walls, paving & outdoor living, turf & lawns, gardens & natives, irrigation & drainage, new estate landscaping
  • Service pages with what’s included, indicative investment guides, and related project links
  • Before/after proof sliders that sell outdoor transformations
  • Projects gallery with filters by service, style, and suburb plus project detail pages (scope, materials, timeline)
  • Project lightbox browsing with keyboard / swipe-friendly navigation
  • Interactive service-area map with suburb selection and detail panel
  • Suburb SEO landing pages — Campbelltown, Liverpool, Camden, Narellan, Gregory Hills, Leppington, Harrington Park, Ingleburn
  • Rough quote calculator — service, project size, and access → indicative ballpark range
  • Free on-site estimate form (property type, multi-select services, photos-friendly enquiry path)
  • Estimate booking calendar — pick preferred day/time then continue to the form
  • How we work process — Consult → Design → Build → Handover with workmanship guarantee messaging
  • Client reviews page with ratings, suburbs, and project-type social proof
  • Seasonal resources / tips guides for Macarthur gardens (SEO content hub)
  • FAQ covering estimates, suburbs, timelines, council, deposits, licensing, and rough costs
  • About page with founder/crew profiles and licensed & insured trust reasons
  • Facebook & Instagram social feed presentation plus WhatsApp / SMS / call contact paths
  • Sticky mobile Call now / Free estimate actions
  • Multi-page structure — Services, Projects, Areas, Reviews, Process, Resources, FAQ, Book, Contact, and related pages
View live demo Start a similar project
Start a project Browse services