Desktop
Wireframes

NAV: Sticky navigation — "Book Service" is the persistent primary CTA in the nav. Color differentiates it from nav links at all times. Nielsen H4: Consistency and Standards

HERO: Credential label above headline — "Former Land Rover Dealership Tech" placed above the H1 uses Recognition over Recall. Users see the trust signal before reading the tagline. Nielsen H6: Recognition Rather Than Recall + Fogg Facilitator Prompt

ACTION: Dual CTA in hero — Primary: "Book Service Now" (commitment). Secondary: "Get Free Estimate" (lower-friction entry for hesitant visitors). This serves both Archetype 1 and Archetype 3 simultaneously. Nielsen H1: Visibility of System Status — user always knows what they can do next

SOCIAL: Stat bar — Four trust metrics (years experience, vehicles serviced, Google rating, response time). Positioned immediately after hero for System 1 trust transfer. Cialdini Social Proof + Kahneman System 1 (BEHAVIORAL-DESIGN.md § 4.1)

CONTENT: Dealer vs. RoverDoc comparison — The single highest-impact section on the page. Converts the core strategic insight (Module 01/02) into a scannable visual format. Loss Aversion framing: "You're already paying for their coffee." Kahneman Loss Aversion (UX-PATTERNS.md § 3.3) + Krug Scanning (UX-FOUNDATIONS.md § 1.4)

SOCIAL: Google Reviews block — 3-card carousel format with verified review schema. Star rating visible from search results when properly marked up. Nielsen H8: Aesthetic and Minimalist Design — only 3 reviews shown, link to full page. Cialdini Social Proof (UX-PATTERNS.md § 3.1)

FORM: Chip-based service selection — Removes free-text entry confusion. "Other / Not Sure" option prevents form abandonment when user can't categorize their issue. Nielsen H5: Error Prevention — constraining input prevents bad data

FORM: Step progress bar — Persistent 4-step indicator shows "Step 2 of 4." User always knows how far they are and what remains. Reduces form abandonment. Nielsen H1: Visibility of System Status

ACTION: Photo/video upload zone — The competitive differentiator. Microcopy "Got a dealer estimate? Upload it" directly addresses Archetype 1's core pain. Activates Fogg's Motivation + resolves Ability barrier simultaneously. Fogg Facilitator Prompt (BEHAVIORAL-DESIGN.md § 1.4)

CONTENT: Booking Summary sidebar — Persistent summary panel prevents recall errors. "✓ LAND ROVER SPECIALIST CONFIRMED" reinforces the trust signal mid-flow. "No card required to book" removes financial commitment barrier. Nielsen H6: Recognition over Recall + Krug's First Law

NAV: Sidebar navigation with persistent "Book Next Service" CTA — Always-visible booking button ensures the primary revenue action is one click away from any portal screen. Nielsen H3: User Control and Freedom + H4 Consistency

CONTENT: "Next Recommended" card highlighted in accent color — Proactive maintenance suggestion creates urgency without pressure. Eliminates the "I didn't know it was due" objection. Eyal Hook Model: Investment Phase → loads next Trigger (BEHAVIORAL-DESIGN.md § 2.5)

FEEDBACK: Vehicle health timeline chart — Visual history makes the customer's investment in the relationship visible. The more service history exists, the more valuable the portal becomes — and the higher the switching cost. Eyal Investment Phase: "Data improves personalization" (BEHAVIORAL-DESIGN.md § 2.5)