Hero Section
The prominent introductory section at the top of a webpage, typically containing the primary headline, subheadline, and call to action.
Full definition
The hero section is the first element visitors see when landing on a page, occupying the above-the-fold real estate. It is the most important section for establishing first impressions, communicating value propositions, and driving initial engagement. A high-converting hero typically includes: a headline addressing the target customer's main pain point or desire, a subheadline with specifics (outcomes, differentiators), a primary CTA, and social proof (review count, notable client logos, or a relevant statistic). The hero section is also the primary LCP element in most designs — optimising its images directly impacts Core Web Vitals.
Real-world example
Rewriting a hero headline from 'We Build Websites' to 'More Leads, Less Bounce: Web Design for Service Businesses' increases time-on-page by 38% and quote requests by 52%.
Related terms
The portion of a webpage visible without scrolling — the most prime real estate for first impressions and key messages.
Read definitionA button, link, or instruction that directs users to take a specific desired action.
Read definitionA Core Web Vital that measures how long it takes for the largest visible element on a page to fully load.
Read definitionA standalone web page designed with a single focused objective — typically to convert visitors from a specific ad or campaign.
Read definitionReady to apply this to your business?
Build a custom digital marketing proposal in 60 seconds. We scope the right strategy for your market, industry, and growth goals.
Build my proposal