Hero
Full-bleed background: 3D product + lifestyle motion. Foreground: H1, value line, dual CTAs (typically browse range + locator). Gradient/scrim for WCAG contrast. Motion autoplay policy: respect reduced-motion.
Wireframe bounds only — final UI may be type-on-scrim without panel.
Primary paths · fuel type
Category-defining split — equal visual weight, parallel mental models. Mirrors PLP filters. Reduces wrong-range pogo-sticking.
Secondary commerce band
Accessories hub + Find a distributor as a light teaser: one strong image and a CTA — interactive map, search, and listings live on the Find a dealer page.
Product mechanism
4-step cognitive primer before USP matrix — reduces “how does this even work?” drop-off for non-obvious form factor.
Value proposition matrix
Three pillars max above fold fatigue; scannable headline + one line. Evidence links optional.
Instructional video · featured
Hero = affective / brand. This lane = procedural competence. One featured asset + library CTA.
Social proof · UGC / reviews
Video-first tiles (play affordance). Third tile: lifestyle still or quote. Keeps proof adjacent to consideration phase.
Editorial · COBB Life
Two cards (recipes + blog) limit homepage weight; community via text link or nav — still indexed, lower prominence here.
Fuel · setup education
Dual tiles address configuration anxiety post-interest, pre-dealer visit. Short surface; depth in dedicated articles.
Support entry points
Horizontal link cluster · mirrors footer IA · reduces post-purchase anxiety visible during browse.