Every studio knows the night before a pitch. A proposal, a moodboard, a pitch about what the website could be. The prospect reads none of it closely. What they would read is their own website, made better, with their own prices and opening hours still on it.
That is what Clikiti sends. One link goes in: a prospect's homepage. Out come a full audit with evidence for every finding, a redesigned homepage, and a pitch kit: the report, the before and after, a short walkthrough and the email, sent from the agency's own inbox. When the client says yes, the pitch grows into the whole site and goes live on their domain.
Your competitor is writing a proposal. You're sending the website.
The line Clikiti opens with, for agencies.
The lineFrom a sentence to a booked call
I designed the product as one production line, and the film at the top of this page tells it as one: eleven stations from the brief to the reply.
- Brief
- Boolean
- Radar
- Scan
- Take apart
- Crew
- Rebuild
- Live
- Pitch kit
- Send
- Let's talk
An agency describes the clients it wants in its own words. Clikiti turns that into an exact search, finds the businesses, scans their sites and puts them on a Pipeline. From there every client moves through the same six steps:
- Audit
- Look
- Design
- Pitch
- Build
- Launch
The Pipeline on the agency's monitor: requests to live in six columns, with the crew working on the cards. One client's Pitch on the laptop. Both redrawn from the app.
The crewFive agents, and a human who decides
The work is done by a crew, drawn as cats so people remember who did what. Each has one job and shows it on screen: a ring for looking, an arc for working, a magenta ring when it is waiting for you. Nothing reaches a prospect without the agency's approval, and when Sphinx is less than 60% sure of a call, it asks instead of guessing.
WhiskersScoutMaps and reads every page
ShadowChecksRuns the audit and every gate
TigerDesignerLays out pages and sections
PawsWriterRewrites the words, keeps the facts
SphinxDeciderMakes the typed calls; asks when unsure
The crew's portraits, from the product (lib/site/crew.ts).
AuditA score you can quote in the first email
The audit has to survive a sceptical owner, so every number in it is traceable. The scan engine runs Google Lighthouse on mobile and desktop in a real Chrome, adds Chrome's field data when Noogle has it, and reviews screenshots against Nielsen's heuristics in two passes that must agree. Findings that share a root cause merge before scoring. Each one is pinned on the page with its evidence: here, the banner's text at 2.1:1, where WCAG AA asks for 4.5:1.
1Frame
2The staged old page
3Findings pinned
4The evidence
5Score and lenses
6Findings list
The Audit step, redrawn in vector from the app and taken apart. The old Local Friend Tour page on it is staged: a drawing made for the film, not her real old site. It is redrawn here too, Comic Sans banner, visit counter and all.
The score itself is a published rubric, not a black box. Five pillars carry fixed weights. Each finding costs points by severity, a judgement call counts 70% of a measured one, and the penalty turns into a score on a curve that never reaches zero.
Scan engine v2, rubric 2.0.0, as written in lib/scan/v2/score.ts.
DesignDesigned, not generated
The redesign is where machine-made work usually shows, so it is the step with the most gates. Before anyone sees a page, it must keep every fact from the old site: hours, prices, addresses and phone numbers, exactly as the business wrote them. It must also pass a check for the patterns that make a page look like a template. The agency can then ask for changes in plain words, priced before they run.
1Canvas
2Before
3The new page
4An edit, in words
5Facts kept
6Crew at work
The Design step: 6 facts kept, none invented, no template tells. The client is Local Friend Tour, redrawn in vector from the redesign live at localfriendtour.com, with the facts the film's crew keeps.
To keep myself honest about quality, I built a design board: six reviewer seats, from creative director to accessibility, scoring the first screen, the whole page and the phone page. A pass is every seat at 8 or more. On five briefs, the engine's pages averaged 7.0 on the full board. Hand-made pages averaged 7.1. Neither passed, and the board said why: both lacked the content the briefs did not have, such as prices, testimonials and named projects. Its lessons now feed every redesign prompt.
7.0engine pages, average across six seats
7.1hand-made pages, same five briefs
$3.40–6.15a page in the benchmark
CHANGELOG.md, 22 October 2026, from the studio engine benchmark.
Pitch and launchSee who opened what
The pitch goes out from the agency's own inbox, in its own voice. Then the Pitch step shows what the prospect read and for how long, and Sphinx suggests where to lead on the call. When they say yes, Build carries the approved look to every page, and Launch will not publish until a final gate passes: no lost facts, no broken links, no image without alt text, AA contrast, and contact details that still reach the business.
PitchThe email, the report, the before (the staged old page) and after, who opened what
LookThree boards from their own colours and photos
LaunchThe gate before publish, the domain, every version
The AtelierOne of one, made with the client
Not every client wants the fast redesign. The Atelier is Clikiti's hand-made tier: a concept drawn from the business itself, one idea that runs the whole site, and one moment people remember. Its client work so far is Local Friend Tour. Allyson Alemán, its founder, agreed on 23 October 2026 to the work being shown, and the first seven pages below are live on her domain.
Local Friend Tour's site, its five specialised landings and its app concept, each with its own concept under the one brand; the last is the first concept, made before the brand card existed. From Clikiti (public/signature-agents/studio).
The studio concepts that set the bar before the first client: ten fictional businesses, each with its metaphor and its one memorable moment. They are the Atelier's portfolio.
Casa ÍndigoBoutique hotel, CartagenaOne day at the hotel: the scroll is the clock.
Mariana OchoaWedding photographer, BogotáA roll of film that develops as you scroll.
Tostadores La LaderaCoffee roaster, MedellínThe route from the slope to your cup.
Estudio PacíficoArchitecture studio, LimaThe site is a set of drawings.
Torque LabCar tuning, QuitoScrolling shifts up through the gears.
Horizonte VRVR park, GuayaquilA launch through a portal into four worlds.
BríoDigital bank and its app, EcuadorMoney in motion, one life moment at a time.
Marea SerenaCruises for travellers over 65A calm tide: one slow day at sea.
NodoAI school, QuitoA network that grows as you learn.
Fuerza StudioStrength studio, SantiagoThe word is a muscle under load.
Fictional businesses, written in Spanish with an English twin. Metaphors from lib/atelier.ts.
Clikiti ResearchThe pitch starts with a number
A redesign opens a conversation, but agencies also need a reason to call. So the same scan engine reads whole industries, and Clikiti Research publishes what it finds: 20 reports, 3,210 small-business websites, with PDF, Markdown and data files free under CC BY 4.0. Each report finds the one fixable gap an agency can open a pitch with. Most homepages are fine on the basics, with a median score of 77. What they leave out is what the customer came for.
The 3,165 scans behind the reports, from the cohort output. Education ran separately and is not in this file.
Each report's headline finding, from public/research/index.json. Also published: 72% of salon sites take bookings online.
Where it standsAlpha, and honest about it
Clikiti is in alpha, and every access request is reviewed by hand. There are no customer numbers to show yet, so this case shows the work the product already does at scale and the rules it holds itself to. The plans are set: Starter at $49 a month for 15 pitches, Growth at $129 for 50, Agency at $349 for 150. A Clikiti Pages redesign takes two to four minutes; a Signature page, directed by a persona designer, 15 to 30.
My role
- Founder
- Product and interaction design
- Scan engine and rubric
- Design system and the crew
- Clikiti Research
Built with
- Next.js, Prisma, Postgres
- Lighthouse and Chrome UX Report
- Claude and Gemini models
- three.js for the line
Company
- Clikiti
- Ainstantly, a Delaware company that starts in Ecuador
Sources: the Clikiti repository (README, CLAUDE.md, components/home-v3, lib/scan/v2, lib/site/crew.ts, lib/pricing.ts, lib/tiers.ts, CHANGELOG.md), its research index and cohort output, and clikiti.com, read 30 October 2026.
Data: every app screen follows Local Friend Tour through the steps as the technology page's film tells it (components/home-v3/line/story.ts): its score of 61, its four findings, its facts, Sphinx's question and the email. Those are the film's figures, not a logged scan, and the old page is staged: a drawing made for the film, not Local Friend Tour's real old site. The other cards on the Pipeline are the product's sample businesses. The page count, 41 in English and 39 in Spanish, is the live site's (lft-pages.ts). The research, cohort, rubric, benchmark and commit figures are real and come from the files named under each. The repository was seeded on 29 September 2026 from earlier work, so the commit count covers only this repository.
Colophon: every screen redrawn in vector and staged in 3D with three.js. Written with Clikiti Portfolio from my own material; I approved every line.