Shipping a marketing website

AnyTeam is an AI teammate for account executives. The site had to explain a new category in one scroll.

Role
Design & front-end
Timeline
6 weeks
Stack
Framer · React · GSAP
Scope
Web Design & Dev, Motion, Content Management
Shipping a marketing website
01Brief

Every other sales tool is built for the boss, this one is for the rep

I owned the page end to end: story structure, type and color system, motion design, and the Framer build with custom React components.

The constraint was a warm, editorial feel on a site that still had to ship fast and stay editable by the team.

02Highlights

The moments that do the heavy lifting

01Typewriter · GSAP ScrollTrigger

A typewriter headline

The agents behind every closer
02Dual-direction marquee

The agents behind every closer

03Count-up · SVG arc · scroll-linked

Selling time, before and after

04Blur-to-focus reveal · alternating layout

Before, during and after the call

05SVG paths · travelling labels

Animated Integrations

Testimonials
06Flat cards · full-bleed colour turn

Testimonials

03Workflow

AI-first workflow

  1. Figma libraries
    Tokens & components
  2. Claude Code + MCP
    Design → code
  3. Framer code
    Editable TSX components
04Outcome

The result

The full website shipped as a set of Framer code components with property controls, so the team can edit copy, swap screenshots and re-order sections without touching code.

10
Pages, one system
3
Breakpoints, container-queried
2
Weeks saved, with AI tools