Concept build
Relay: an AI support site that answers you back.
A 10-page marketing site for a fictional AI support agent, with a chat demo you can actually use.
- Type
- AI support SaaS
- Stack
- Next.js 16, React 19, Tailwind, Framer Motion, Lenis
- Scope
- 10 pages
- Year
- 2026
The brief
AI support tools all claim the same thing. I wanted a site where the product proves itself in the hero: a visitor asks a question and watches the agent solve it, with the policy it used shown alongside.
What I built
Scripted live chat
A typed-out conversation with a “What Relay did” panel showing each step the agent took.
Pricing slider
Drag your monthly ticket volume and the page recommends a plan.
Motion system
Word-by-word headings, blur-in reveals, an integrations orbit and page transitions.
Light and dark themes
A toggle that remembers the choice on every page, even inside sandboxed previews.
The hard part
Making motion feel rich without hurting the reading experience. Every animation has a reduced-motion version that shows the final state immediately, and the chat demo is fully keyboard-operable.
- 10 pages
- 2 themes
- 375px and up
- 1 h1 per page
2 project slots open for January 2027
Let's build something that works.
Book a 15-minute call. You'll leave with a clear plan and a price, even if you don't hire me.
I read and answer every enquiry myself, usually the same day.