Wireframe options (RV/Auto framework)

Click nothing—this is a static preview. The goal is to pick one option per page type. Product pages: featured image above gallery, gallery grid opens a lightbox, hide empty sections.

Featured image → gallery grid → lightbox
Hide empty modules
No placeholder/provenance copy

How to choose (quick)

HOME
H1 if inventory is the main action. H2 if first-time buyers need guidance. H3 if service/warranty trust is the moat.
INVENTORY
I1 if people filter. I2 if they browse by type.
VDP
V1 media-first. V2 specs-led for comparison shoppers.
CONTACT
C1 call/text only. C2 add a lightweight form.

Home options

All three assume the same four routes: Inventory / Start Here / Buying Guide / Service & Parts.

H1 — Inventory-first “Showroom”

Best when inventory is the main behavior. Visitors see units immediately and click into VDPs fast.

Readable summary

  • Inventory is the star: featured units appear early.
  • Four main paths: Inventory / Start Here / Service & Parts / Buying Guide.
  • Great default for most dealers with steady inventory turnover.

Mobile

Header Logo · Menu · Call/Text · Browse Inventory
Hero Value prop + 2 CTAs
Action cards Inventory / Start Here / Service / Guide
Featured inventory 8 cards
Trust strip Service promise + low overhead + repeat business
Guide preview 5 categories + 6 articles
Contact CTA
Footer

Desktop

Hero (left)
Action cards (right)
Featured inventory grid (3–4 cols)
Trust strip
Service moat
Guide preview
Contact CTA + Footer

H2 — Guided “Decision path”

Best when your audience is overwhelmed (first-time buyers). Start Here + buying guide show up before inventory.

Readable summary

  • Primary CTA is “Start Here” (decision helper).
  • Buying guide categories are above inventory.
  • Works well with the “learn the basics” research strategy.

Mobile

Header
Hero Start Here is primary CTA
Decision helper preview 3 questions
Guide categories 5 cards
Featured inventory 6 cards
Service moat
Contact CTA + Footer

Desktop

Hero + decision preview
Guide categories
Featured inventory
Service moat
Contact CTA
Footer

H3 — Trust-first “Service moat”

Best when service/warranty support is the differentiator. Lead with trust, then show inventory.

Readable summary

  • Hero leads with the USP: service + warranty support.
  • Trust/proof modules appear before featured inventory.
  • Great for repeat-business dealerships and strong service departments.

Mobile

Header
Hero We service our customers + Call/Text
Trust proof blocks
Featured inventory
Start Here + Guide preview
Contact CTA + Footer

Desktop

Hero + trust (top)
Featured inventory
Start Here
Guide preview + Contact + Footer

Inventory options

I1 — Filters-left

Classic. Desktop left rail filters, mobile filter drawer.

Header
Search
Filters (drawer)
Results grid (2 cols)
Sticky Call/Text
Header
Filters rail
Search + sort + results grid (3 cols)
Footer

I2 — Categories-first

Browse by type first, then filter down.

Header
Type tiles (4)
Search
Results grid
Sticky Call/Text
Header
Type tiles row
Filters
Results grid
Footer

Product (VDP) options

V1 — Media-first

Featured image above gallery. CTA is always visible.

Header
Title + price + badges
Featured image
Gallery grid → lightbox
Sticky CTA bar
Quick specs
Description
Related (optional)
Header
Media (featured + grid)
CTA module + specs (sticky)
Description + related

V2 — Specs-led

Comparison-friendly. Specs panel is more prominent above the fold.

Header
Title + price
Key specs panel
Featured image
Gallery grid → lightbox
Sticky CTA bar
Description
Header
Media
Specs panel + CTA
Description + related

Contact options

C1 — Call/Text first

Fast, low-friction, matches the “text top 2 picks” funnel.

Header
Call/Text module
What to text us (checklist)
Optional hours/map
Footer
Header
Phone module
Checklist
Footer

C2 — Call/Text + lightweight form

Adds a backup lead path if they don’t call.

Header
Call/Text module
Short form (name/phone/message)
What to text us (checklist)
Footer
Header
Phone module
Short form
Checklist + Footer
File: index.html · Next step: you pick (H?, I?, V?, C?) and we implement those page layouts in the framework.