Automation Platform
Marketing Website
- Speculative project
- 2025
- SaaS / Product / Digital Experience
- Web Design, Creative Development, Motion, CMS
01Challenge
The product was powerful but abstract. Triggers, workflows and integrations are hard to picture before you use them, and the previous site explained features one card at a time without ever showing how the pieces connect.
02Strategic idea
Show the system, not the feature list.
The page is structured as a single flow — a trigger at the top, outcomes at the bottom — so the website itself behaves like an automation.
03Creative direction
A pale, technical ground with one high-voltage accent. Heavy grotesk headlines state outcomes; monospace labels carry the product's own vocabulary.
- Signal Paper#E4E6DE
- Circuit#101310
- Forest#1E3A2B
- Voltage#CCF24A
- HeadlinesInstrument SansWork that runs itself.
- Product vocabularyGeist Monotrigger → route → notify
04Interface
Product moments are drawn as simplified, readable diagrams rather than screenshots, so they stay legible at every size and never go out of date.
05Interaction
Connections draw as you scroll, nodes activate in sequence and each section hands off to the next. Motion explains cause and effect instead of decorating.
06Responsive
Horizontal flows become vertical sequences on mobile. The story still reads as one continuous system from top to bottom.
07Development
Component-driven build with a headless CMS, scroll choreography limited to transforms and opacity, and a strict performance budget for the landing experience.
08Learnings
Diagrams stayed readable in places where screenshots broke down.
Motion persuades best when it demonstrates cause and effect.
A budget for scroll effects kept the experience fast on mid-range phones.
Next project
Barro