PROBLEM 01
Competing goals, no single action
The page asked visitors to "Get Started Now", "Join Now" on four pricing cards, and "Log In" in the nav. None of them said "book a demo", the one action the campaign was paying for.
CASE STUDY 03 · Expressify AI · SaaS / AI Customer Service
Turning Cold Instagram Traffic into Booked Demos for an AI Receptionist
How I redesigned a feature-and-pricing page into a single-goal landing page that shows the problem, the product and one way to act within the first screen.
- Product
- Expressify AI, AI live chat and receptionist
- Industry
- SaaS · Service businesses
- My role
- UI/UX Designer & Front-end Developer
- Platform
- Responsive web · mobile-first
- Live site
- expressify-ai.pages.dev
One page, one job: book a demo in 30 seconds.
Expressify AI is an AI receptionist that answers customer inquiries instantly, captures leads and books appointments for service businesses, 24/7. The team was launching paid Meta campaigns and needed a landing page built for one action only: scheduling a demo call. The brief was clear about the audience. Visitors arrive from cold Instagram ads, have never heard of Expressify, and give the page about three seconds before they leave.
Business owners · service companies
Plumbers, HVAC, electricians, cleaners. Busy onsite, often browsing on a phone between jobs.
What they need to see first
That they are losing customers to slow replies, and that this tool fixes it without hiring anyone.
- 01See the problem
- 02See the solution working
- 03Book in one click
Why the old page could not convert cold traffic.
The existing page had strong messaging, but it was built like a product website, not a campaign page. I audited it section by section against the brief.
PROBLEM 02
Pricing before trust
Four pricing tiers ($95 to $499/mo) sat in the middle of the page. For a visitor who met the brand seconds ago, a price table asks for a decision they are not ready to make.
PROBLEM 03
Feature-led, not outcome-led
Cards like "10-Minute Setup" and "Easy Integration" described the software, not what a business owner gets: fewer missed jobs and more booked appointments.
PROBLEM 04
The outcome was missing
The chat examples answered questions, but stopped before the part that matters most to the buyer: the appointment getting booked.
PROBLEM 05
Exits everywhere
A full navigation, a four-column footer and a floating chat widget offered ways out before the visitor reached a CTA.
From brief to a live, single-goal page.
What I was responsible for
- Auditing the existing page against the campaign brief
- Page structure and conversion flow across 8 sections
- Copy hierarchy: headlines, supporting lines and CTA wording
- Visual design, the hero chat mockup and the dashboard showcase
- Mobile-first responsive build in HTML, CSS and JavaScript
How I approached it
- 1.Keep the messaging that already worked, starting with the headline
- 2.Remove every element that competes with the demo booking
- 3.Order sections the way a cold visitor builds trust: problem, product, outcome, proof, objections
- 4.Repeat one CTA after every persuasive section
One goalShow, don’t tellOutcomes over features
Every section earns the next scroll.
SOLUTION 01 · Hero
Problem, product and action in one screen.
Cold visitors decide in seconds, and the old hero showed a generic "Get Started" button beside a chat with no outcome.
- 01Keep the proven headline, with "Slow Response Times" in purple to carry the pain.
- 02Add an eyebrow naming the audience: "AI Receptionist for Service Businesses".
- 03Replace "Get Started" with "Book Your Free Demo", plus a secondary "Watch Demo".
- 04Animate a chat that ends in a booked appointment card, not just a reply.
- 05Place a star rating and business-count line right under the CTA.
WHY IT WORKS
The visitor understands the product from the visual alone, and the only next step is the one the campaign pays for.
SOLUTION 02 · Problem section
Name the cost of doing nothing.
The old page went straight to features. Cold traffic first needs a reason to care.
- 01Lead with "Every Missed Inquiry Is a Missed Opportunity".
- 02Five icon cards, one pain each: customers book whoever replies first, leads go cold after hours, missed calls become lost revenue, teams are onsite, repetitive questions eat time.
- 03Use the sixth grid slot as a CTA card instead of a filler.
WHY IT WORKS
Owners see their own week in the page, and the CTA sits where that recognition peaks.
SOLUTION 03 · How it works
Three steps, zero technical language.
- 01"Respond. Capture. Book. Automatically." as one rhythmic headline.
- 02Numbered steps: customer sends inquiry, Expressify responds instantly, appointment gets booked.
- 03A small proof label under each step.
WHY IT WORKS
A three-step story makes an AI product feel simple enough to try.
SOLUTION 04 · Product demo
Show the product, don’t describe it.
- 01Frame the demo video inside a dashboard mockup showing conversations, leads and bookings.
- 02One large play button as the focal point.
- 03A "Book Your Demo Now" CTA directly under the video.
WHY IT WORKS
Visitors who watch are the most interested, so the booking button meets them at that moment.
SOLUTION 05 · Benefits
Outcomes, not features.
- 01Six cards rewritten as business outcomes: 24/7 availability, instant responses, lead capture, appointment booking, reduced admin, no additional staff.
- 02Close the grid with a full-width CTA banner.
WHY IT WORKS
Owners buy fewer missed jobs and fewer hires, not an integration list.
SOLUTION 06 · Social proof
Peer voices before the ask.
- 01Six testimonial cards from service-business owners, with name, role and trade.
- 02Aggregate rating under "Service Businesses Love Expressify".
WHY IT WORKS
Reviews from people in the same trade lower risk more than any feature claim.
SOLUTION 07 · FAQ
Answer objections, not product trivia.
- 01Replace questions about "AI credits" with booking objections: setup time, booking ability, unanswered questions, after hours, integrations, start time.
- 02Collapsed accordion to keep the page short on mobile.
WHY IT WORKS
Every answered objection removes one reason to delay booking.
SOLUTION 08 · Final CTA & focused shell
One last, unmissable invitation.
- 01"See How Many Leads You’re Missing" reframes the demo as a free audit.
- 02Three reassurance checks under the button to lower commitment.
- 03Pricing, full navigation and the four-column footer were removed; the header keeps only the logo and CTA.
WHY IT WORKS
With no exits left on the page, attention has one place to go.
From a product website to a campaign page.
Before
After
| Aspect | Before | After |
|---|---|---|
| Primary CTA | Get Started / Join Now / Log In | Book Your Free Demo, one action |
| CTA placements | Hero and pricing cards | Hero, problem, demo, benefits, final section |
| Hero visual | Chat that answers a question | Chat that ends in a booked appointment |
| Messaging | Features (setup, integration, AI credits) | Outcomes (missed jobs, lost revenue, no extra staff) |
| Pricing | 4 tiers mid-page | Removed, discussed on the demo call |
| Navigation & footer | 7 nav links, 4-column footer | Logo + CTA, minimal footer |
| FAQ focus | How the chatbot and credits work | Booking objections |
| Page flow | Features → testimonials → pricing → FAQ | Problem → how it works → demo → benefits → proof → FAQ → CTA |
Designing for the three-second decision.
The redesign turned a general product page into a focused campaign page: one goal, one CTA repeated five times, and a hero that shows the product booking an appointment before a word is read. It shipped as a lightweight, mobile-first build ready to receive Meta traffic.
Subtract before you add
The biggest conversion gains came from what I removed: pricing, navigation and three competing CTAs.
Show the outcome, not the feature
A chat that ends in a booked appointment says more to a business owner than any feature list.
Write the page for the ad, not the brand
Cold traffic needs the problem first; the product story only lands once the visitor recognises their own pain.
NEXT CASE STUDY