top of page
  • Writer's pictureConcept Computers

How to Use Hero Images to Your Advantage

Ever heard of the term "hero image" but have no idea what it is? Let us enlighten you.

A "hero image", sometimes referred to as a "hero header" is the large, usually high-quality image at the top of a website page (the header) that gives users their first idea of what your business is all about. It can be different for your home page than other pages, but many times it remains the same.

The hero image is meant to grab the attention of your site visitors right away. It often contains a call-to-action or whatever selling point your site aims to achieve (ex. sign up for a newsletter, visit your storefront, shop now, call now etc.).

Ideally, this hero image will also contain a short blurb about who you/your business is/are and what you offer. If well-crafted, a menu bar can serve this purpose.

It's important to have a high-quality image (or even video) in there. First impressions are key in gaining your potential clients' trust. Be sure this media loads quickly though. If it takes more than 2 seconds to appear before your site user's eyes, you are likely to lose them.

One last key recommendation is to be sure that both your hero image and footer have a link to your about us page so users can easily learn more about you and your business.

Still need some help? We can do that!

To speak to us about all your web design needs come see us in-store at 1257 Marine Drive in North Vancouver or phone 604-986-7680.

For more information about our web design services, visit

Concept Web Design is part of the Concept Computers family.

keywords: web design north vancouver, web design vancouver, web design burnaby, web design new west, what is a hero image?, what is a hero header?, hero image web design, call to action, tips for navigation bar

9 views0 comments

Recent Posts

See All


bottom of page