Internal · for Jaime

Three ways to show the boats

Same data, same compare feature, same AI assistant — three meaningfully different information-architecture choices. Pick the one that fits Ugly John's brand direction; we then layer the actual brand colors / photography on top.

What's shared across all three

  • Live data from the Boats Group inventory feed (115 active, $12.9M listed) — refreshes every 5-15 min at the edge
  • Compare — checkbox up to 4 boats, sticky bar at the bottom, side-by-side table at /boats/compare with "Summarize differences (AI)" button
  • Ask this boat — every detail page has an AI Q&A widget for the specific listing
  • Consistent card data — every card surfaces year / make / model / length / price / location (100%-fill fields). Sparse fields conditionally render so no card looks broken.

The three options

Gallery

Try this option →

Magazine-style, photo-forward. Big hero per card, minimal chrome. Emotional top-of-funnel buyers.

Card layout
1 photo per card · large · 2-column desktop
Filters
Horizontal quick-chips bar at the top (status, brand, length)
Closest to
Pardo Yachts brokerage · Hinckley · luxury single-brand dealer feel
  • Curated featured collections ('Wakeboard-ready', 'Family pontoons', 'Luxury cruisers')
  • Lots of whitespace, large type, italic accents from Fraunces
  • Compare bar shared (bottom sticky)

Marketplace

Try this option →

Data-dense, filter-first, search-led. Left-rail facets, compact cards with spec strips. Spec-aware buyers.

Card layout
Compact cards · 3-4 column desktop · spec row on every card
Filters
Left-rail facet panel (sticky on desktop, drawer on mobile)
Closest to
BoatTrader · CarGurus · Zillow listings feel
  • 🤖 Natural-language AI search at the top — 'wakeboard boat under $100K in Arkansas'
  • URL-state filters (every filter combo is shareable)
  • Sort: price · year · length · newest
  • Compare bar shared (bottom sticky)

Map + List

Try this option →

Geography-led. Split view with 5 marina pins on a map; clicking a pin filters the list. Lake matters.

Card layout
Map left · list right · synced (hover a list item = highlight the pin)
Filters
Marina filter is the primary pivot, then brand/length on top
Closest to
Zillow · Airbnb · Redfin search experience
  • Mini cards in the list (length + price), full info on hover/tap
  • Marina landing pages: 'Boats at Grand Lake' / 'Beaver Lake' etc.
  • Compare bar shared (bottom sticky)

When you've picked a direction

Reply or comment with your pick + any tweaks. We swap the chosen option onto /boats (replacing the current scaffold) and layer in the locked brand colors / photography. The compare + AI features carry forward regardless of which option wins.