GSP

SMART SITE TEMPLATES

Start from a layout that already works. End with a site that is yours.

Six templates for six kinds of business. Each one is a proven page structure, a content system, and a smart layer tuned for the one action that business needs a visitor to take. Your design mockups get built on top of one of these.

ModernClassicListingsServicesPortfolioStorefront

A NOTE ON THE PREVIEWS

The previews below are schematics of each layout, not finished designs. Your project gets real design mockups with your content and brand, and you approve them before we build.

Modern · schematic preview · primary conversion: Signup or first order

TEMPLATE 01 · Modern

Big type. One message. Nothing in the way.

For brands that need to be remembered after one visit. A full-bleed hero, a single clear promise, motion that earns its place, and a page that gets to the point before the scroll. Built for launches and for brands that sell a feeling before they sell a product.

New CPG and DTC brandsProduct launchesStudios and agenciesVenues and events

PAGE ANATOMY

  1. 01Full-bleed hero with one promise
  2. 02Proof strip: press, retailers, reviews
  3. 03Three-part story: problem, product, proof
  4. 04Product or offer showcase
  5. 05Founder note
  6. 06Capture: waitlist, order, or find-in-store

THE SMART LAYER

  • Concierge answers product and stockist questions
  • Find-in-store pulls live retailer list
  • Launch pages spin up per campaign, then retire
  • Every signup lands in the CRM the same minute
Start with Modern

Classic · schematic preview · primary conversion: Consultation booked

TEMPLATE 02 · Classic

Quiet confidence. The kind that has been in business a while.

For firms where trust is the product. Editorial type, generous margins, a clear hierarchy, and no gimmicks. People arrive with a question and leave with a name to call. This template is built to be believed, not to be noticed.

Law, accounting, and advisory firmsMedical and dental practicesFinancial and insurance officesEstablished family businesses

PAGE ANATOMY

  1. 01Centered masthead with practice areas
  2. 02Who we serve and how
  3. 03Team with credentials
  4. 04Process: what happens after you call
  5. 05Reviews and affiliations
  6. 06Consultation request

THE SMART LAYER

  • Concierge triages the question and routes to the right person
  • Intake form pre-fills from the conversation
  • Appointment booking syncs to your calendar
  • Reviews update from Google as they land
Start with Classic

Listings · schematic preview · primary conversion: Inquiry on a specific listing

TEMPLATE 03 · Listings

Hundreds of things to show. Help them find the one.

For businesses whose site is an inventory: properties, vehicles, units, rentals, menus, locations, members. Search and filters up front, cards that answer the first three questions, and detail pages that stay current because they read from your system, not from a person's to-do list.

Real estate and property managementDealerships and equipmentMulti-location businessesDirectories and marketplaces

PAGE ANATOMY

  1. 01Search and filter bar as the hero
  2. 02Result grid with the three facts that matter
  3. 03Map or location view
  4. 04Detail page with gallery and inquiry
  5. 05Saved searches and alerts
  6. 06Inquiry and tour or test-drive booking

THE SMART LAYER

  • Listings sync from your inventory or MLS feed
  • Concierge answers availability, pricing, and hours per listing
  • Alerts notify buyers when a match appears
  • Inquiries route to the right agent or location
Start with Listings

Services · schematic preview · primary conversion: Quote requested or slot booked

TEMPLATE 04 · Services

They have a problem today. Make the quote the easy part.

For local service businesses where the visit is the sale. The quote or booking form sits in the hero, the trust signals sit right next to it, and the rest of the page removes the reasons not to call. Built around response time, because the first business to answer usually wins the job.

Contractors and tradesCleaning, landscaping, and home servicesSalons, clinics, and studiosRepair and installation

PAGE ANATOMY

  1. 01Hero with quote or booking form
  2. 02Trust row: reviews, licenses, service area
  3. 03Services with starting-at pricing
  4. 04How it works in three steps
  5. 05Before and after or recent jobs
  6. 06Service area map and FAQ

THE SMART LAYER

  • Concierge qualifies the job and books the slot
  • Missed-call text-back keeps the lead
  • Quote requests hit your phone and the CRM together
  • Reviews requested automatically after the job closes
Start with Services

Portfolio · schematic preview · primary conversion: Project brief submitted

TEMPLATE 05 · Portfolio

Let the work talk. Then make it easy to hire you.

For people and studios whose work is the pitch. A grid that puts the images first, project pages that tell the story behind each one, and an inquiry path that captures the brief instead of just an email address. Minimal chrome, fast loading, and a layout that gets out of the way.

Photographers and videographersArchitects and interior designersCreative studios and freelancersMakers and artists

PAGE ANATOMY

  1. 01Work grid as the hero
  2. 02Project pages with process and results
  3. 03About with the point of view
  4. 04Services and how engagements work
  5. 05Selected clients or press
  6. 06Brief intake form

THE SMART LAYER

  • Brief intake asks the questions you would ask on a call
  • Concierge shares availability and typical ranges
  • New work publishes from your camera roll or drive folder
  • Follow-ups go out automatically after an inquiry
Start with Portfolio

Storefront · schematic preview · primary conversion: Order placed or pickup scheduled

TEMPLATE 06 · Storefront

The shop is open, even when the door is locked.

For retail shops, restaurants, and CPG brands that sell direct. Products or menu up front, pickup and local delivery built in, and a site that knows what is in stock because it talks to your point of sale. Built to turn a neighborhood into repeat customers.

Independent retail shopsRestaurants, cafes, and bakeriesCPG brands selling directSpecialty grocers and markets

PAGE ANATOMY

  1. 01Featured products or today's menu
  2. 02Category or menu navigation
  3. 03Product or dish pages with real photos
  4. 04Pickup, delivery, and shipping options
  5. 05Loyalty and reorder
  6. 06Location, hours, and events

THE SMART LAYER

  • Inventory and menu sync from your POS
  • Concierge handles order status, hours, and allergens
  • Reorder prompts go to past customers by text or email
  • Hours and events update Google Business Profile too
Start with Storefront

SIDE BY SIDE

Pick by the action you need, not the look you like.

TemplateBest forPrimary conversionSmart layer emphasis
ModernNew CPG and DTC brands, Product launchesSignup or first orderConcierge answers product and stockist questions
ClassicLaw, accounting, and advisory firms, Medical and dental practicesConsultation bookedConcierge triages the question and routes to the right person
ListingsReal estate and property management, Dealerships and equipmentInquiry on a specific listingListings sync from your inventory or MLS feed
ServicesContractors and trades, Cleaning, landscaping, and home servicesQuote requested or slot bookedConcierge qualifies the job and books the slot
PortfolioPhotographers and videographers, Architects and interior designersProject brief submittedBrief intake asks the questions you would ask on a call
StorefrontIndependent retail shops, Restaurants, cafes, and bakeriesOrder placed or pickup scheduledInventory and menu sync from your POS

IN EVERY TEMPLATE

The layout changes. The standards do not.

  • Mobile-first layout that passes Core Web Vitals
  • Lead capture wired to a CRM, not an inbox
  • AI concierge trained on your approved content
  • Google Business Profile, reviews, and hours kept in sync
  • Accessible by default (WCAG 2.2 AA targets)
  • Analytics, call tracking, and monthly reporting
  • Your content, your domain, your data. You own it.

FAQ

About the templates.

Not sure which one? That is the first thing we figure out.

Tell us what your business needs a visitor to do. We will recommend the template, show you mockups, and give you a timeline and a number.

Get a template recommendationBack to Smart Sites