Technical Checklist (Dev)

This checklist covers all functional, technical, compliance, and performance requirements for the MDG24Vision website build.

1. Navigation & Global Elements

  • Desktop + mobile navigation with order: Home · Manifesto · Five Aisles · Investors · Investor Portal · Join the Vision · About · Community · Contact.
  • Sticky CTA: “Request Investor Deck” (desktop top-right, mobile bottom-bar).
  • Footer links: Investor Deck, Join the Vision, Legal & Compliance.

2. Branding & UI Standards

  • Color Palette: Midnight Navy #0B1224 → black gradient; Gold #D4AF37; Slate #111827 / #6B7280.
  • Typography: Playfair Display (H1–H2), Inter (H3–body).
  • Buttons:
    • Primary: Gold solid, hover 6% darker, rounded-xl, shadow-sm.
    • Secondary: Gold outline.
  • Consistent spacing, layout, and responsive typography.

3. Forms & CTAs

  • Contact form: Name, Email, Phone (optional), Message.
  • Investor form (gated): Name, Email, Accreditation status.
  • Validation: Server-side validation for all forms.
  • Spam protection: CAPTCHA or equivalent.
  • States: Show clear success + error messages.
  • CTAs: Ensure all buttons link correctly (Request Investor Deck, Join the Vision, Schedule Intro Call).

4. Compliance & Legal

  • Add footer pages: Terms of Use, Privacy Policy, Official Rules (Promotions), Disclosures.
  • Display SEC Reg D 506(b)/(c) disclaimer on Investors and Investor Portal.
  • Data capture: Ensure GDPR/CCPA compliance.
  • Protect all form inputs with sanitization and secure handling.

5. Performance & Accessibility

  • Target LCP <2s across devices.
  • Lazy-load images and compress hero video (if used).
  • Optimize images (webp, compression).
  • Accessibility: WCAG AA+ color contrast, focus states, aria-labels for nav + forms.
  • Keyboard navigability for all interactive elements.
  • Favicon + open-graph images implemented.
  • Custom 404 page.

6. Analytics & Tracking

  • Integrations: GA4, Meta Pixel, LinkedIn Insight Tag.
  • Track conversions: Deck download, Intro call scheduled, Membership purchase, Contact form submit.

7. Security

  • Enforce SSL across entire site.
  • Protect forms with validation + sanitization.
  • Secure admin access and hosting environment.
  • Ensure hosting + CDN setup for DDoS mitigation.

8. Testing & QA

  • Cross-browser testing: Chrome, Safari, Firefox, Edge.
  • Cross-device testing: desktop, mobile.
  • Functional QA: all CTAs, forms, menus, and links.
  • Usability QA: hover states, button clicks, mobile navigation flow.