Krishna Bhupathi
Hyderabad 10:30 IST
All work
Concept
A landing page for an AI that makes the annoying phone calls for you. It had to feel friendly enough to try, and trustworthy enough to let it speak for you.
Role
Positioning, copy, visual identity, design and build
Timeline
1 week
Tools
Figma, Framer, one React code component
Status
Concept. Not a real product or client
The hero. The phone plays a whole call: the phone menu, the hold, the conversation, then the text.
The brief
The buyer is anyone who has put off a phone call for weeks. The page has two jobs: make the product feel light and a bit funny, and answer the obvious worry, “what will it say on my behalf?”
Success meant a visitor could see, without reading, that Onhold waits on hold, talks to a person and reports back by text.
The story behind it
Signing up for a gym takes one tap. Cancelling often takes a phone call during working hours, a phone menu and a long hold.
That scenario became the page’s story section, “The 47-minute cancellation”. It’s an illustrative timeline, not a statistic: most people recognise it, and it explains the product better than a feature list.
What I did
• Wrote the positioning and every line of copy, starting from the feeling (dread of the hold queue) instead of the technology.
• Built a playful identity from hold music: a waveform motif, round shapes, telephone green, dial red and harvest gold, the colours of a 1970s rotary phone, on white.
• Designed and coded the live call demo, with a still version for people who prefer reduced motion.
• Designed the rest of the page: the phone-menu list of calls, how it works, the story, the control rules, pricing, FAQ and the waitlist.
• Made it responsive down to 390px.
Three decisions
1. The hero plays a whole call
The phone runs through the call in about twelve seconds: it presses 3 at the menu, the hold timer races to 47 minutes, the agent offers a discount, Onhold says no, and a text arrives. The whole product is explained before anyone scrolls.
The text at the end of the demo
Cancelled. Confirmation #CX-20418 saved.
They offered half price for 3 months. I said no, like you asked.
2. Hold music, made visible
Voice AI products usually look like dark dashboards or purple gradients. This one is a consumer app about a shared annoyance, so the identity is warm and a little silly: a looping waveform, a phone-menu list where each call type is a key, and a heavy rounded typeface.
Palette
Gabarito, headings
We’ll wait on hold.
3. Rules you can read
An AI that speaks for you needs limits. The page lists them plainly: it says it’s an AI, it never agrees to new charges without asking, and it records only with consent. Next to the rules is the text Onhold sends when it needs a decision.
Page order
Hero with live call
Calls it can make
How it works
The story
It works for you, and only you
Pricing
FAQ and waitlist
How it’s built
• Call demo: a React code component with a small state machine (dial, menu, hold, talk, text), and a static final frame for reduced motion.
• Waveform: CSS-animated bars, reused in the hero, the section band and the final call to action.
• Calls list, pricing and FAQ: components with variants, so the content can be edited without touching the layout.
• Waitlist: a Framer form posting to a webhook. In this concept it only shows the success message.
Result
This is a concept, so there are no customers or numbers to report.
If it shipped, I’d measure how many visitors watch the demo to the final text before joining, and whether the control rules section changes how many people join after reading it.