A buyer lands on your homepage. The first two lines say “agentic”, “autonomous” and “AI-powered”. Five seconds later they still couldn’t tell their boss what you do, so they close the tab.
This guide shows you how to explain your AI product on your website so buyers get it on the first read: a five layer framework for your hero section, real before and after rewrites, a one sentence template for describing what your AI does, and a test you can run this week.
Key takeaways
Lead with what the customer gets. Put the AI in the subheadline, not the headline.
Explain the AI in one sentence built from verbs: what it reads, what it works out, what it does, and when it hands off to a person.
Name your buyer, show the real product and put one piece of proof above the fold.
Show five target buyers your hero for five seconds. If four of them can say what it does and who it’s for, you’re done.
Why don’t buyers understand most AI websites?
Because most AI websites describe what the team built, not what the customer gets. “Agentic.” “Cognitive.” “Omnichannel AI.” Those words explain your architecture. They don’t explain what changes for your buyer on Monday morning.
And you don’t get long to explain it. Nielsen Norman Group, working from Microsoft Research data on more than 200,000 web pages, found that people often leave a page within 10 to 20 seconds, and that a page needs to make its value clear within about 10 seconds to earn a longer visit.
AI products have it harder than most software. Everyone already knows what a CRM does. With an AI product, your buyer is answering three questions at once:
What job does it do?
How much of that job does it do without me?
Can I trust it when it gets something wrong?
Most AI homepages answer none of them above the fold.
What should the first screen of an AI website say?
Your hero section has five jobs. We call them the Hero Stack, and they run in the order a buyer reads.
Outcome, in the headline. What changes for me? Could a buyer repeat it to their boss as a goal?
Buyer, in the headline or subheadline. Is this for someone like me? Name a role, a team or an industry.
Mechanism, in one subheadline sentence. What does the AI actually do? Build it from verbs, not adjectives.
Proof, above the fold. Why should I believe you? Show a logo, a rating or a number with a source.
Product, in the hero visual. What does it look like working? Show the real product, not mood imagery.
Order matters. A buyer who reads only your headline should still get the outcome. A buyer who reads one more line should get the mechanism. Everything else on the screen is there to make them believe it.
Pro tip: your buttons aren’t a layer, but they still decide what happens next. Give one main action, like “See it on your data”, and one low commitment option, like “Watch a two minute demo”.
Want us to run your hero through the Hero Stack? Send us your homepage and we’ll tell you the first three changes we’d make.
What does a good AI homepage look like?
Harvey, the legal AI company, gets most of the Hero Stack right (homepage captured 29 Oct 2026).
Proof: “3,500+ Legal Organizations Build on Harvey”, followed by a wall of firm logos, right under the hero.
Product: the hero visual is the real product, a dashboard of adoption and usage across a firm.
Buyer: the subheadline names law firms and in house legal teams, so nobody wonders who it’s for.
Where it’s weaker is the mechanism. “Build a Frontier Legal Organization” is a vision, not an outcome, and the hero never says in one sentence what the AI does. Harvey can get away with that because its logos do the explaining. Most AI startups don’t have that wall of logos yet, so they need the mechanism sentence even more.
How do you fix an AI homepage? Three before and after examples
We redesigned the heroes of three AI companies as a side project. The “before” headlines are from their public homepages. The “after” versions are our concepts, not work they hired us for. None of these companies is a Kraftbase client, and we are not associated with them.
Engati, customer conversations
Before: “Acquire more customers, faster!” with a subheadline about omnichannel AI agents and an abstract funnel chart.
What held it back: A clear ambition, but the AI’s job, the buyer and the proof weren’t on the first screen.
Our version: “Turn every conversation into a customer, on any channel.” Subheadline: Engati’s AI reads each message, works out what the customer needs, and does it, or passes it to your team. A live inbox replaces the chart.
Intelmatix, enterprise decisions
Before: “Empower Your Enterprise with our Digital Brain” on a dark abstract image, with no button in the hero.
What held it back: A metaphor stood where the value proposition should be, and its World Economic Forum recognition sat further down the page.
Our version: A plain headline about the decisions EDIX helps leaders make, the product shown working, the WEF badge up front and “See EDIX in action” as the main button.
Avaamo, contact center
Before: “Meet the AI contact center from the future” over a video still of a dancer.
What held it back: It promised the future instead of an outcome, and its best asset, a voice demo, sat below the fold.
Our version: “Resolve more patient calls without adding staff.” Subheadline: AI agents handle patient calls, appointments and refills. A sample call plays right in the hero. We picked healthcare to show what naming one segment does; it isn’t Avaamo’s own positioning.
The pattern is the same each time. The “before” talks about the company, or about the future. The “after” picks one job, says what the AI does in that job and shows it happening.
How do you write the one sentence that explains your AI?
Describe it the way you’d describe a new hire’s job to a friend: what they look at, what they figure out, what they do and when they ask for help. Here’s the template we use:
[Product]’s AI [reads or listens to something], [works out something], and [does something], or [hands off to someone] when it can’t.
To fill it in:
List everything your AI does in a real customer’s day. Cross out everything except the two or three things a buyer would pay for.
Turn each one into a verb: reads, sorts, drafts, books, flags, answers. Delete “intelligence”, “insights” and “automation” while you’re there.
Say where a person stays involved. Buyers relax when they know where the AI stops.
Read it out loud to someone outside your company. If they ask “okay, but what does it actually do?”, go back to step 2.
Here’s how that played out for Engati. Their subheadline read “Multi-touchpoint, Omni channel AI Agents for Customer eXperience.” Ours reads “Engati’s AI reads each message, works out what the customer needs, and does it, or passes it to your team.” Four verbs, one handoff, zero jargon.
Pro tip: founders often want to cut the handoff because it admits a limit. Keep it. Saying where the AI stops makes everything before it easier to believe.
Which AI homepage mistakes should you avoid?
Leading with “AI-powered”. Your competitors say it too. It’s how you built the product, not why anyone should buy it.
Reaching for a metaphor. “Digital brain”, “a copilot for everything”, “the future of work”. Each one makes your buyer translate it back into plain English, and most won’t bother.
Stacking adjectives. “Cognitive, contextual, autonomous” sounds impressive and proves nothing. One verb with an object beats three adjectives.
Using mood imagery. Glowing orbs and abstract 3D shapes look nice and say nothing. Show the screen where the work happens.
Leaving out the buyer. If your hero would work just as well for a retailer, a hospital and a bank, it isn’t speaking to any of them.
Hiding the proof. Logos, ratings and results turn “interesting” into “I believe this”. Get at least one onto the first screen.
How do you test your hero in five seconds?
The research gives you about 10 seconds. We test at five on purpose: if your hero works in five, it works in the real visit. Find five people who match your buyer, show them your first screen for five seconds, hide it and ask:
What does this product do?
Who is it for?
What would you click first?
If four of the five can answer the first two in their own words, you’re done. If they’re reading your buzzwords back to you, start with the subheadline. That’s usually where the problem is.
FAQ
Lead with the outcome they care about, then describe the AI as a sequence of actions: what it reads, what it decides and what it does. Leave model names and architecture for a technical page further down.
Only if being AI is the reason people buy. For most products, the outcome goes in the headline and the AI goes in the subheadline, where you explain how the outcome happens.
One sentence, ideally under 25 words. Its only job is to say what the AI reads, decides and does.
Whatever your best customers bought it for. Other jobs can live further down the page or in a tabbed demo.
The real product, cleaned up if you need to. Use realistic sample data and label it as sample data, so nobody reads it as a claim.
More than you think: a design partner’s logo, a short quote with a real name and role, a pilot result with its sample size, or an investor or accelerator badge. One specific thing beats five vague ones.
Both. The words decide what your hero says. The design decides whether anyone notices it in five seconds. That’s why we write the messaging and design the page together.
About the author
Dhaval Agrawal is the founder and CEO of Kraftbase, a product messaging and UI/UX design studio in Vadodara that helps AI and B2B SaaS teams explain what they’ve built.
Sources
How Long Do Users Stay on Web Pages?, Jakob Nielsen, Nielsen Norman Group, September 2011
Harvey homepage, captured 29 Oct 2026
Engati, Intelmatix and Avaamo public homepages, as captured by Kraftbase for its redesign concepts
Free homepage review
Want a second pair of eyes on your AI homepage?
We’re Kraftbase, a product messaging and UI/UX design studio for AI and B2B SaaS teams in the US, UAE and India. Send us your homepage and we’ll run it through the Hero Stack.
A buyer lands on your homepage. The first two lines say “agentic”, “autonomous” and “AI-powered”. Five seconds later they still couldn’t tell their boss what you do, so they close the tab.
This guide shows you how to explain your AI product on your website so buyers get it on the first read: a five layer framework for your hero section, real before and after rewrites, a one sentence template for describing what your AI does, and a test you can run this week.
Key takeaways
Lead with what the customer gets. Put the AI in the subheadline, not the headline.
Explain the AI in one sentence built from verbs: what it reads, what it works out, what it does, and when it hands off to a person.
Name your buyer, show the real product and put one piece of proof above the fold.
Show five target buyers your hero for five seconds. If four of them can say what it does and who it’s for, you’re done.
Why don’t buyers understand most AI websites?
Because most AI websites describe what the team built, not what the customer gets. “Agentic.” “Cognitive.” “Omnichannel AI.” Those words explain your architecture. They don’t explain what changes for your buyer on Monday morning.
And you don’t get long to explain it. Nielsen Norman Group, working from Microsoft Research data on more than 200,000 web pages, found that people often leave a page within 10 to 20 seconds, and that a page needs to make its value clear within about 10 seconds to earn a longer visit.
AI products have it harder than most software. Everyone already knows what a CRM does. With an AI product, your buyer is answering three questions at once:
What job does it do?
How much of that job does it do without me?
Can I trust it when it gets something wrong?
Most AI homepages answer none of them above the fold.
What should the first screen of an AI website say?
Your hero section has five jobs. We call them the Hero Stack, and they run in the order a buyer reads.
Outcome, in the headline. What changes for me? Could a buyer repeat it to their boss as a goal?
Buyer, in the headline or subheadline. Is this for someone like me? Name a role, a team or an industry.
Mechanism, in one subheadline sentence. What does the AI actually do? Build it from verbs, not adjectives.
Proof, above the fold. Why should I believe you? Show a logo, a rating or a number with a source.
Product, in the hero visual. What does it look like working? Show the real product, not mood imagery.
Order matters. A buyer who reads only your headline should still get the outcome. A buyer who reads one more line should get the mechanism. Everything else on the screen is there to make them believe it.
Pro tip: your buttons aren’t a layer, but they still decide what happens next. Give one main action, like “See it on your data”, and one low commitment option, like “Watch a two minute demo”.
Want us to run your hero through the Hero Stack? Send us your homepage and we’ll tell you the first three changes we’d make.
What does a good AI homepage look like?
Harvey, the legal AI company, gets most of the Hero Stack right (homepage captured 29 Oct 2026).
Proof: “3,500+ Legal Organizations Build on Harvey”, followed by a wall of firm logos, right under the hero.
Product: the hero visual is the real product, a dashboard of adoption and usage across a firm.
Buyer: the subheadline names law firms and in house legal teams, so nobody wonders who it’s for.
Where it’s weaker is the mechanism. “Build a Frontier Legal Organization” is a vision, not an outcome, and the hero never says in one sentence what the AI does. Harvey can get away with that because its logos do the explaining. Most AI startups don’t have that wall of logos yet, so they need the mechanism sentence even more.
How do you fix an AI homepage? Three before and after examples
We redesigned the heroes of three AI companies as a side project. The “before” headlines are from their public homepages. The “after” versions are our concepts, not work they hired us for. None of these companies is a Kraftbase client, and we are not associated with them.
Engati, customer conversations
Before: “Acquire more customers, faster!” with a subheadline about omnichannel AI agents and an abstract funnel chart.
What held it back: A clear ambition, but the AI’s job, the buyer and the proof weren’t on the first screen.
Our version: “Turn every conversation into a customer, on any channel.” Subheadline: Engati’s AI reads each message, works out what the customer needs, and does it, or passes it to your team. A live inbox replaces the chart.
Intelmatix, enterprise decisions
Before: “Empower Your Enterprise with our Digital Brain” on a dark abstract image, with no button in the hero.
What held it back: A metaphor stood where the value proposition should be, and its World Economic Forum recognition sat further down the page.
Our version: A plain headline about the decisions EDIX helps leaders make, the product shown working, the WEF badge up front and “See EDIX in action” as the main button.
Avaamo, contact center
Before: “Meet the AI contact center from the future” over a video still of a dancer.
What held it back: It promised the future instead of an outcome, and its best asset, a voice demo, sat below the fold.
Our version: “Resolve more patient calls without adding staff.” Subheadline: AI agents handle patient calls, appointments and refills. A sample call plays right in the hero. We picked healthcare to show what naming one segment does; it isn’t Avaamo’s own positioning.
The pattern is the same each time. The “before” talks about the company, or about the future. The “after” picks one job, says what the AI does in that job and shows it happening.
How do you write the one sentence that explains your AI?
Describe it the way you’d describe a new hire’s job to a friend: what they look at, what they figure out, what they do and when they ask for help. Here’s the template we use:
[Product]’s AI [reads or listens to something], [works out something], and [does something], or [hands off to someone] when it can’t.
To fill it in:
List everything your AI does in a real customer’s day. Cross out everything except the two or three things a buyer would pay for.
Turn each one into a verb: reads, sorts, drafts, books, flags, answers. Delete “intelligence”, “insights” and “automation” while you’re there.
Say where a person stays involved. Buyers relax when they know where the AI stops.
Read it out loud to someone outside your company. If they ask “okay, but what does it actually do?”, go back to step 2.
Here’s how that played out for Engati. Their subheadline read “Multi-touchpoint, Omni channel AI Agents for Customer eXperience.” Ours reads “Engati’s AI reads each message, works out what the customer needs, and does it, or passes it to your team.” Four verbs, one handoff, zero jargon.
Pro tip: founders often want to cut the handoff because it admits a limit. Keep it. Saying where the AI stops makes everything before it easier to believe.
Which AI homepage mistakes should you avoid?
Leading with “AI-powered”. Your competitors say it too. It’s how you built the product, not why anyone should buy it.
Reaching for a metaphor. “Digital brain”, “a copilot for everything”, “the future of work”. Each one makes your buyer translate it back into plain English, and most won’t bother.
Stacking adjectives. “Cognitive, contextual, autonomous” sounds impressive and proves nothing. One verb with an object beats three adjectives.
Using mood imagery. Glowing orbs and abstract 3D shapes look nice and say nothing. Show the screen where the work happens.
Leaving out the buyer. If your hero would work just as well for a retailer, a hospital and a bank, it isn’t speaking to any of them.
Hiding the proof. Logos, ratings and results turn “interesting” into “I believe this”. Get at least one onto the first screen.
How do you test your hero in five seconds?
The research gives you about 10 seconds. We test at five on purpose: if your hero works in five, it works in the real visit. Find five people who match your buyer, show them your first screen for five seconds, hide it and ask:
What does this product do?
Who is it for?
What would you click first?
If four of the five can answer the first two in their own words, you’re done. If they’re reading your buzzwords back to you, start with the subheadline. That’s usually where the problem is.
FAQ
Lead with the outcome they care about, then describe the AI as a sequence of actions: what it reads, what it decides and what it does. Leave model names and architecture for a technical page further down.
Only if being AI is the reason people buy. For most products, the outcome goes in the headline and the AI goes in the subheadline, where you explain how the outcome happens.
One sentence, ideally under 25 words. Its only job is to say what the AI reads, decides and does.
Whatever your best customers bought it for. Other jobs can live further down the page or in a tabbed demo.
The real product, cleaned up if you need to. Use realistic sample data and label it as sample data, so nobody reads it as a claim.
More than you think: a design partner’s logo, a short quote with a real name and role, a pilot result with its sample size, or an investor or accelerator badge. One specific thing beats five vague ones.
Both. The words decide what your hero says. The design decides whether anyone notices it in five seconds. That’s why we write the messaging and design the page together.
About the author
Dhaval Agrawal is the founder and CEO of Kraftbase, a product messaging and UI/UX design studio in Vadodara that helps AI and B2B SaaS teams explain what they’ve built.
Sources
How Long Do Users Stay on Web Pages?, Jakob Nielsen, Nielsen Norman Group, September 2011
Harvey homepage, captured 29 Oct 2026
Engati, Intelmatix and Avaamo public homepages, as captured by Kraftbase for its redesign concepts
Free homepage review
Want a second pair of eyes on your AI homepage?
We’re Kraftbase, a product messaging and UI/UX design studio for AI and B2B SaaS teams in the US, UAE and India. Send us your homepage and we’ll run it through the Hero Stack.