A hero banner is the large top section of a webpage, usually combining a headline, short supporting message, image or video, and call-to-action. It is often the first major content section a visitor sees after the navigation. Its job is to quickly communicate the page's main idea and guide the visitor toward the next step.
A hero banner is the large top section of a webpage, usually combining a headline, short supporting message, image or video, and a call-to-action. It is often the first major content section a visitor sees after the navigation.
Its job is not just to look impressive. A good hero banner should quickly communicate the page's main idea, help the visitor understand whether they are in the right place, and guide them toward the next step.
Because it sits at the top of the page, the hero banner often sets the tone for the whole visitor experience. If it is vague, crowded, or disconnected from the page goal, the rest of the page has to work harder.