A website for AI automation agencies
About the project
Agentory is a ready-made website for AI automation agencies, designed for Webflow and Framer.
It is for agencies that build AI agents and workflow automations for other businesses, connecting the tools those businesses already run on, from HubSpot and Slack to Airtable, n8n and Zapier. They buy the template, put in their own services, case studies and prices, and launch.
We designed it end to end: twelve pages, each for desktop and phone, a mega menu, the style guide behind them, and the preview images and thumbnails a marketplace listing needs, for both Webflow and Framer.
- Product
- Agentory
- Stage
- Website Template
- Services
- SaaS Website Design
- Platform
- Webflow and Framer, Desktop and Mobile
- Timeline
- July 2026, Research to Listing
The challenge
Selling work nobody gets to see
A template has no client to start from. Whoever buys Agentory brings their own services, results and prices, so every name, quote and figure on it is a stand-in, and the layout has to hold up for agencies we will never meet.
Automation is harder to sell than most services, because the best of it is invisible. A lead is scored, a CRM record updated and a sales alert sent in under a second, and nobody sees it happen. The buyers are wary too: they have seen AI that impresses in a demo and breaks on an ordinary Tuesday. So the site had to make that hidden work visible, and keep the tone practical: the problem first, then the steps, the tools and the results.
The website
Problem, workflow, proof, price
Twelve pages that walk a buyer from the work their team does by hand to the workflow that replaces it.
A running pipeline over a landscape photo opens the page. Below it come the problem, the services in tabs, one complete workflow from a new lead to a booked meeting, the four-step process, integrations and benefits, then the proof: a case study, testimonials, pricing and the common questions.
Services sorts the work by team, sales, support and internal operations, then gives each service what it includes and a link of its own. The process page goes deeper than the home page’s four steps, audit, design, build and optimise, into what happens inside each, from team interviews to testing.
A list of case studies with a featured story, and a detail page laid out as proof: client, industry, service and timeline up top, the challenge and its pain points, a before and after table, three results and a quote. Pricing offers three packages with a monthly or yearly switch and a full comparison table.
About carries the mission, the values, the team and a founder’s note. The blog has categories, search results and a long-read layout with related posts. Contact asks what the visitor wants to automate. A mega menu and a 404 complete it, and every page has its own phone layout.
The idea
Problem before the pitch
Before any service is offered, the home page shows the work people do by hand today: a new lead posted in Slack, four manual steps to follow it up, and a workflow left half done. Visitors recognise their own week before they read what the agency sells.
Draw the workflow
Small product cards show automations running: steps ticking off with their timings, a five-step run completed, the minutes saved. They sit on the photographs like screens, so a visitor can see what an automation does before reading a word about it.
A slot for every result
Hours saved, response times and less manual work appear in the hero, on every case study and in a results section. Each is a frame for the buyer’s own numbers, so the site keeps arguing in outcomes once the sample figures are gone.
Warm, not robotic
Instead of the dark screens and neon AI sites often reach for, Agentory uses warm off-white, charcoal type, one orange accent, Halant serif headings and calm landscape photography. Automation reads as dependable rather than futuristic.
The workflows
Making automation something you can see
A template cannot borrow its buyer’s real workflows, so we designed them: a lead qualification pipeline for the hero, a Slack thread and an unfinished checklist for the problem, a completed five-step run for each service, a full sales flow from lead source to booked meeting, and a workflow audit for the process.
They share one visual language. Dark glass cards with timings in a monospaced type sit over soft landscape photographs, like a product screen on a calm desk. The same cards return on the about, services and case study pages, so the whole site feels like one agency’s working system. The integrations section alone took five rounds to get there.
Impact
Twelve pages, ready for Webflow and Framer
Agentory gives an automation agency everything it needs to sell its work: twelve pages for desktop and phone, a mega menu, a style guide of 25 colour variables and 23 text styles, and the listing images for both Webflow and Framer. An agency swaps in its own services, case studies and prices, and keeps the design.
12
Pages designed
27
Screens in Figma
23
Text styles
Next project
Betr Journal
How Usarion redesigned Betr, a mental wellness app, around one short daily loop: check in, reflect, and see what lifts you and what drains you.
Book a call
Pick a time that suits you
Get in touch
Let’s build something amazing together
Let’s build somethingamazing together
For product, interface and web-system work that needs clear direction and careful execution.