Landing Page Section Map

Date: 25 March 2026 Status: Working document - scratch version, not final

Strategic notes

• Team language: Use “we” throughout. Christian is the face and lead, but Blip is a team (Carrie in London, potentially a third person this year). The site should not feel like a one-person operation.
• Depth strategy: The landing page is the opening gambit - lean, simple, converts the ready-to-act. The three pillars link out to dedicated pages for people who need more convincing. Sub-pages don’t exist yet but the architecture supports them from day one.
• Testimonials: No carousel. Show all four long-term clients at once. The visual impact of 20 + 18 + 20 + 20 years visible together is the strongest social proof available.
• Video order: Weighted random on page load. Two or three strongest openers prioritised; rest of reel shuffles freely. Repeat visitors get variety.
• Perfectionism note: This is a scratch version. We’ll know when we’ve hit it. Keep moving.

Page structure

HERO

• Full-bleed video vignettes cycling with paired rotating headline text
• Left-aligned navy gradient wash (text sits on left, video breathes on right)
• Primary CTA button: “Book a free call”
• Weighted random clip order, strongest openers prioritised
• Text changes in sync with each video transition via JavaScript

SECTION 1: WHAT WE DO (The Three Pillars)

• Purpose: Within five seconds, someone identifies which service they need
• Layout: Three cards - row on desktop, stacked on mobile
• Each card contains: Icon or small image, short headline, one to two sentences, “Find out more” link
• Language: “We” - this is a team offering
• The three pillars:
  • Tech Support
  • Online Safety
  • AI Coaching
• Future: Each “Find out more” links to a dedicated sub-page (placeholder for now)

SECTION 2: WHO WE ARE (The Trust Section)

• Purpose: Answer “why should I trust you?” - because we’re real people who’ve been doing this for decades
• Layout: Christian’s photo on one side, copy on the other. Testimonials below or alongside.
• Copy includes: Who Christian is, how the team works (personal, ongoing, no call centres), what makes this different
• Team framing: Christian as named lead, “we” language implies the team without listing everyone
• Testimonials: All four displayed together, no carousel
  • Howard Malin / Notting Hill Bookshop - 20+ years
  • Paula Kahn - 18 years
  • Stephen Gittins / AIM - 20+ years
  • Ian Flooks / Wasted Talent - 20+ years
• Each testimonial: Name, company/context, years, one short quote

SECTION 3: THE CLOSE

• Purpose: Convert the hesitant - one last nudge
• Layout: Single headline, one CTA button, maybe one reassuring line
• Tone: Confident, warm, low-pressure
• Example line: “No commitment, no jargon, just a conversation”
• CTA: “Book a free call” (same as hero)

FOOTER

• Logo (navy circle wordmark)
• Contact details
• Minimal links
• Clean, simple

Key copy lines to draw from

• “When tech feels overwhelming, we make it simple.”
• “Tech shouldn’t be a second job.”
• “You know us, we know you.”
• “I’m a nerd, but I’m a nice nerd.”
• “No call centres. No account numbers. No strangers.”
• “We’ve kept the same clients for over 20 years.”
• “You’ve got other things you want to be doing with your life.”

Design constraints

• Apple-inspired minimalism - sparse, generous white space
• Navy (#0A2341), amber/gold accent (#D4A843), CTA blue (#3B82F6), light blue-grey (#F0F4F8)
• Large readable fonts, no technical jargon
• No parallax scrolling
• No pricing on the landing page
• No chat widgets, no stock photography grids
• Minimal nav: logo left, 3-4 links right, “Book a call” button always visible