Blog Layout

What is a Hero Section on a Website?

Jackson Middleton • Mar 29, 2023

Context note: As Deploy works primarily with Canadian Mortgage Professionals, this content has been written with that target audience in mind and published on Deploy.Mortgage, but we've shared it here as well as many of the concepts are transferrable to any business.

A hero section on a website is typically the large, prominently-displayed area of the homepage that is used to showcase important information. It might also be referred to as "the section above the fold" on a website.


As the hero section is often the first thing a user sees when they visit a website, it is intended to capture their attention and encourage them to explore the site further. The hero section should include elements such as a large background image or video, a headline, and calls to action.

 

The goal of your hero section is to immediately connect with the site visitor and communicate the following three things:


  1. Identify who you are. You need to give them confidence that if they've found you from a Google search, they are indeed where they need to be.
  2. Assure site visitors that you have the solution to their problem. They have come to your website because they need a mortgage. You have 5 seconds to clearly indicate that you can help them arrange mortgage financing.
  3. Let them know exactly how to start the process of working with you. This means you should prominently have a call to action button under your headline.


The hero section of your website should typically include a few key elements to effectively capture the site visitor's attention and encourage them to explore the site further. These elements may include:


  • A clear and attention-grabbing headline: This should be a short, concise statement that communicates your website's value or main benefit.
  • A visually striking background: This can be an image or video that is large and prominently displayed and sets the website's tone and style. Typically, you want to display happy people enjoying the product/lifestyle you're promoting. As mortgages are boring, it's best to focus on what the mortgage helps accomplish, the dream of homeownership.
  • A call to action: This is a button or link that encourages the user to take a specific action. Tell site visitors exactly how they can reach you.
  • Supporting information: This could be a short description or tagline that provides more context or information about your services.
  • Navigation: Clear navigation lets the user know where to go next and explore more of the website. Learn more about the essential features of website navigation here.


It's important to note that the hero section should be visually appealing, easy to understand and guide the user's attention to your specific call to action.


As the headline of the hero section is critical in capturing the attention of site visitors, let's look at how you write a good headline for your website. Writing a good headline for the hero section of a website involves a few key considerations:


  • Keep it short and sweet: A headline should be brief and to the point, ideally no more than a few words.
  • Use action words: Use words that encourage the user to take action, such as "Discover" or "Learn. "You should also try to convey that while there is sometimes confusion around mortgage financing, you can simplify the process or make mortgage financing easy.
  • Be clear and specific: Use specific language that communicates the value or benefit of the website and the services you offer, rather than vague or abstract phrases. Don't try and be cute. Be clear. If you confuse site visitors, your website won't convert referrals into clients.
  • Use strong keywords: Use keywords relevant to the website or product that will help users find the site through search engines. It is a good idea to make mention of your geographic location in the supporting information section.
  • Make it stand out: Use formatting, such as bold or large text, to make the headline stand out and catch the user's attention.


A good headline for a website's hero section should convey the website's primary message or value proposition in a clear, concise and attention-grabbing way.


Here are a few examples of good headlines for a Canadian mortgage professional:


  • "Get the Best Mortgage To Meet Your Needs"
  • "Let Me Help You Get the Best Mortgage Available "
  • "Finance Your Dream Home with My/Our Expert Mortgage Advice"
  • "Easily Navigate the Mortgage Process with My/Our Help"
  • "First-time Homebuyer? Let us guide you through the Mortgage process"
  • "Refinance your Mortgage and Save Thousands"
  • "Find the right Mortgage for your needs"
  • "Your Trusted Partner in Canadian Mortgage Financing"
  • "Mortgage Financing Made Easy"


These headlines are designed to grab potential clients' attention, convey the mortgage professional's value and expertise, and encourage potential clients to take action and explore the services offered.


If you’re a Canadian mortgage professional looking to better your online presence with a professionally designed website, we'd love to work with you. In fact, our Essential Mortgage Website has been designed with your needs in mind.


While the hero section is only one part of the site, and we’ve written an entire article about how to build an effective website hero section, you can be assured that we’ve put this much attention to detail in every area of sites we make for our clients.


Go ahead and check out our website subscriptions here. We can get started working with you right away.

MORE ARTICLES

Fingers Typing on a Keyboard
By Jackson Middleton 12 Apr, 2023
Understanding how to format content for your mortgage website is pretty straightforward when you consider the following: The psychology of content consumption, best practices in formatting website content, and the benefits of consistent formatting.
By Matt Morrison 05 Apr, 2023
Context note: As Deploy works primarily with Canadian Mortgage Professionals, this content has been written with that target audience in mind and published on Deploy.Mortgage, but we've shared it here as well as many of the concepts are transferrable to any business.
By Kirista Berry 17 Mar, 2023
If you're looking for a social strategy, start by identifying and targeting the right audience, actively publishing content regularly, and creating a consistent brand identity. This will help you establish a better online presence and grow your mortgage business.
Share by: