Marketing site and lead engine · Live in production
CLEAR Technology
The site that finds and warms up an IT company's customers — a scorecard people actually finish, then follow-up that reads like it was written by a person.
Role: Positioning, funnel design, page design, and direction of the agents that wrote it.
Timeline: Ongoing — live at cleartechnow.com
- Kinds of information tracked
- 25
- Things it can do
- 139
- Pages
- 25
Distinct record types in the data model, from counting the table definitions in the schema file. Counted on 21 September 2026.
Separate operations the system can perform, from counting the HTTP endpoints registered in the server code. Counted on 21 September 2026.
Screens in the site, counted as page components. Counted on 21 September 2026.
What was actually broken
A small IT company has no sales team, and the buyers it wants are not searching for it. The website has to do the work: turn anonymous traffic into people who are identified, qualified, and already partway to trusting you — and then keep the conversation going without anyone remembering to send the follow-up.
The usual answer is a "Contact us" form, which converts the small number of people who were already sold and wastes everyone else.
The flow I designed
The site never opens with a request. It opens with something worth doing.
The scorecard is the front door. Instead of asking for an email to see a page, it asks a series of questions about how a company currently runs its IT, and gives back a real assessment. The email comes at the end, when there is something to send. The value arrives before the ask — the same principle as letting a kid design a shirt before making an account.
Every answer is a qualifying signal. The questions were chosen to be genuinely useful to the person answering and to tell us whether they are a fit. There is no separate qualification step because the useful thing already did it.
Leaving is not losing. An unfinished assessment gets a link that picks up exactly where the person stopped. Most funnels treat leaving as failure; usually it is just someone who got interrupted.
Follow-up is sequenced, suppression is global. Multi-step email sequences run automatically, but every enrolment path checks one suppression list first. Someone who asked not to be contacted stays uncontacted no matter which door they came back through — that has to be enforced in one place, not remembered in five.
Qualified leads hand off into the platform. A converted lead gets a single-use link straight into their client portal in Warp. The marketing site and the platform are two products with one seam, and the seam is signed and server-side.
Interface notes
One number, not a report
A score you can hold in your head and watch move. Nobody opens the twelve-page PDF.
Three things, in the order to do them
It found forty-five gaps and shows three. A list of everything is the same as no list.
The first question is already written
An empty chat box is a wall. Two questions people actually have sit there ready to click.
It says what it cannot do
It cannot see their systems or fix anything, and it says so next to the button. Overselling an assistant costs you the customer at its first wrong answer.
The hard part
A personal video for someone who has never heard of us.
The system researches the company, takes a picture of their actual website, writes a short script, builds the slides, generates a presenter, and stitches it all together with narration.
Making the video was not the hard part. The script is editable — and an early version cheerfully sent a video built from wording that had since been rewritten. Which is the worst possible failure for outreach: invisible to you, obvious to them.
The fix was making the saved video depend on the exact wording, so changing a single word necessarily throws the stale one away.
It generalises: anything you save to avoid repeating expensive work will eventually show somebody the wrong thing, unless it accounts for everything that could have changed the answer.
Stack
| Frontend | React 18 + Vite, Wouter, TanStack Query |
|---|---|
| UI | shadcn/ui on Radix, Tailwind, framer-motion |
| Backend | Express + TypeScript |
| Database | PostgreSQL (Neon) + Drizzle ORM |
| Resend and Gmail API, with signed open/click tracking | |
| AI | Claude for research and fit scoring, OpenAI for template generation |
| Video | HeyGen avatars, ScreenshotOne capture, resvg slide rendering, ffmpeg compositing |
| Enrichment | Google Places, Apollo, Hunter |
| Platform link | Signed, server-to-server calls into Warp — Lead identity is resolved server-side only — a client-supplied id is never trusted. |
| Hosting | Replit autoscale + Neon Postgres |
Outcome
Live at cleartechnow.com, running the top of the funnel: scorecard, cost calculator, per-client landing pages, an AI security advisor proxied from the platform, and an outbound engine that discovers prospects, scores them for fit, and enrols them into sequences.