Getting Started

1) Foundations

  • Goal: Convert visitors into leads for your AI agent + services.

  • Stack: Squarespace (fastest for you) or Webflow. Backend CRM: GoHighLevel (GHL) for forms, pipelines, email/SMS.

  • Domain: Buy via Google Domains/Namecheap. Force HTTPS. Set www → root 301.

  • DNS Records:

    • A/AAAA to host, CNAME for www.

    • Email: SPF, DKIM, DMARC (reject/quarantine after 2 weeks of monitoring).

2) IA (Site Map) & Core Pages

  • Primary nav: Home · How It Works · Solutions · Pricing · Resources · About · Contact

  • Home: hero, 3-step flow, outcomes, social proof, CTA.

  • How It Works: intake → matching → onboarding. Include 90-sec explainer.

  • Solutions:

    • Individuals (coaching)

    • Businesses (scaling, consulting)

    • Agencies/Partners

  • Pricing: clear tiers, FAQs, guarantee.

  • Resources: blog, case studies, guides.

  • About: mission, credibility, team (Dana), trust badges.

  • Contact: short form + booking.

  • System pages: 404, legal (Privacy, Terms, DPA), cookie prefs.

3) Conversion Infrastructure

  • Primary CTA: “Get matched in minutes.” Sticky in header + hero.

  • Lead capture: GHL form (name, email, use-case). Hidden fields for UTM.

  • Booking: GHL calendar embed (collect email/phone).

  • Chat/Agent: embed “Catalyst Coach” widget; failover to email if no match.

  • Exit intent & scroll-depth pop: 10% discount/lead magnet (PDF: “Coach Selection Checklist”).

4) Content & Copy (quick starter)

  • Hero (Home):

    • H1: Catalyst Coach

    • Sub: AI that sparks the connection to transform your life (or business).

    • Button: Get matched now

  • 3-Step section: Share goals → Smart match → Start with confidence.

  • Proof: logos, short testimonials (result + timeframe).

  • Pricing labels: Starter · Pro · Business. Include “Talk to us” for Enterprise.

5) Design System

  • Brand colors:

    • Primary: #0E3A67 (deep blue)

    • Accent: #1BC7B5 (teal)

    • Neutral: #0B1220 / #F6F8FB

  • Fonts: Headings—Inter/SF; Body—Inter/Work Sans.

  • Buttons: 12px radius, medium weight, clear hover states.

  • Illustration: subtle “spark/connection” motif.

6) Media Specs

  • Hero image: 1600×900, ≤ 250KB, WebP.

  • Dana headshot(s): 400×400, WebP, ≤ 80KB.

  • Logos: SVG.

  • Favicons: 32×32, 180×180 (apple-touch), 512×512 (PWA).

7) SEO Setup

  • Titles: 55–60 chars; Meta desc: 150–160 chars with CTA.

  • OG tags (global default + per page): og:title, og:description, og:image (1200×630).

  • Schema:

    • Organization, WebSite + SearchAction

    • Product (for plans)

    • FAQPage on Pricing/How It Works

    • Article for blog posts

  • Sitemap & robots: enable XML; block staging; allow production.

  • Internal links: each page ≥ 2 inbound links.

8) Analytics & Tracking

  • GA4 (with consent mode).

  • GTM to manage pixels.

  • Events: view_item (Pricing), generate_lead (form submit), book_call, chat_start, chat_match_success.

  • UTM plan: utm_source, utm_medium, utm_campaign, utm_content. Persist via cookies → pass to GHL.

9) Privacy, Security, Compliance

  • Cookie banner (consent by category).

  • Privacy Policy (data retention, contact).

  • ReCAPTCHA on forms.

  • Weekly site backup (platform or external).

  • Access control: 2FA on host, registrar, GHL.

10) Performance & Accessibility

  • Targets: LCP < 2.5s, CLS < 0.1, TBT < 200ms.

  • Lazy-load below-the-fold media; minify CSS/JS.

  • Alt text on all images; color contrast ≥ 4.5:1; focus states visible; semantic headings.

11) Integrations

  • GoHighLevel: forms, calendar, pipelines (Leads → Qualified → Booked → Client).

  • Email/SMS: GHL workflows—instant confirmation, 24-hr nudge, no-show reminder.

  • Calendar: connect Google/Outlook for availability.

  • Payment (if selling plans): Stripe checkout links.

12) Post-Submit Automation (GHL)

  • Lead capture workflow:

    • Tag by segment (Individual/Business/Agency).

    • Send “Thanks—here’s what happens next” email + 2 nurture emails (days 1 & 3).

    • If no booking in 72h → SMS reminder with booking link.

  • Chat success: if agent finds a match, email summary + CTA to book.

13) Launch Checklist

  • Replace all placeholder copy/images.

  • Verify DNS + SSL.

  • Test forms, chat, booking, emails, pixels (in GA4 DebugView).

  • Validate schema with Rich Results Test.

  • Crawl with Screaming Frog (200s only, no 404s).

  • Set 301s from old URLs.

  • Announce launch; submit sitemap in Search Console.

14) KPIs (first 30–60 days)

  • Visitor → lead rate: 3–7% baseline.

  • Lead → booked call: 25–40%.

  • Booked → client: 25–35%.

  • Chat start → match success: track weekly; aim ≥ 55%.