Digital Sales & Marketing
Digital Sales & Marketing

Free digital sales and marketing courses

Immediately start seeing better digital sales and marketing results with dozens (and counting) of free online courses inside IMPACT+.

View all free coursesView all free courses

Digital Sales & Marketing World 2021

The premier, hybrid event for growth-focused business leaders, digital marketers, and sales pros. Virtual passes are free for IMPACT+ Pro members. In-person passes on sale soon.

Learn moreLearn more Watch past events on demandWatch past events on demand

Digital sales and marketing services

Discover the full array of IMPACT services, including inbound marketing training, web design, paid media management, and more.

Learn moreLearn more
They Ask, You Answer
They Ask, You Answer

Free They Ask, You Answer course

Learn the principles of the They Ask, You Answer by taking our most popular course, taught by Marcus Sheridan himself.

Take the course nowTake the course now

Hire a coach

Turn your company into a high-performing digital organization with our flagship coaching program, Digital Sales and Marketing Mastery.

Learn moreLearn more

Case studies

See dozens of examples of companies succeeding with Digital Sales and Marketing Mastery and They Ask, You Answer.

View case studiesView case studies

They Ask, You Answer, the book

“One of the 11 Marketing Books every CMO should read.” — Forbes

Learn moreLearn more Buy the bookBuy the book
Virtual Selling
Virtual Selling

Virtual Selling Mastery

Equip your sales team with proven methods to connect with today’s buyer, shorten the sales cycle, and close more deals, faster.

Learn moreLearn more

Virtual Selling Summit

Virtual Selling Summit 2021 is in the works. In the meantime, enjoy the entire 2020 event on-demand, free for IMPACT+ Pro Members.

Watch past events on demandWatch past events on demand

Free video sales and marketing strategy course

Zach Basner teaches you the fundamentals of making video for sales and marketing work inside your organization.

Take the course nowTake the course now

Video Sales and Marketing World 2021

Video Sales & Marketing World 2021 is in the works. In the meantime, enjoy the 2020 event on-demand - free for IMPACT+ Pro Members.

Watch past events on demandWatch past events on demand

The Visual Sale, the book

Learn how to use video to ignite sales, accelerate marketing, and grow your business in a virtual world in this book from Marcus Sheridan and Vidyard’s Tyler Lessard.

Learn moreLearn more Buy the bookBuy the book

Master video inside your organization

Video is a critical component of any high-performing digital sales and marketing program, and is a key part of Digital Sales and Marketing Mastery.

Learn moreLearn more

Free HubSpot sales and marketing courses

Taught by Carina Duffy, IMPACT’s lead HubSpot trainer.

Marketing automation mastery (with HubSpot workflows)Marketing automation mastery (with HubSpot workflows) Inbound lead generation and conversion optimizationInbound lead generation and conversion optimization Getting started with sales technologyGetting started with sales technology

HubSpot Training Day

Following INBOUND 2020, IMPACT and HubSpot co-hosted a full-day of deep dive sessions to help HubSpot users get the most out of the new features fast! On-demand access is free for IMPACT+ Pro Members.

Watch on-demandWatch on-demand

HubSpot training and implementation

Maximize your investment in HubSpot's marketing, sales, or service platforms with guided training and implementation services.

Learn moreLearn more
Web Design
Web Design

Website Optimization Summit 2021

March 23, 2021, 25+ Speakers/Sessions, Free for IMPACT+ Pro Members or $59 for a day pass.

Learn more and registerLearn more and register

Website design and strategy services

Get a beautiful, user-friendly HubSpot or Wordpress website that is easy to update, consistently generates leads and revenue, and grows with you.

Learn moreLearn more

10 Creative Uses of the Website Hero Space We Adore

10 Creative Uses of the Website Hero Space We Adore Blog Feature

Marcella Jalbert

UX Designer, Host of ‘Creator’s Block’ Podcast, Designer for 50+ Sites on HubSpot

February 22nd, 2019 min read

At this point, you likely how important the hero space of your website is.

The hero is no longer just the start of your webpage or a place to put your value prop.

A powerful hero can start a journey, make a user feel something, or even communicate your product or purpose without words.

Quite frankly, it’s the “hero” of the story that is your page.

So, What Makes a Great Hero?

A great website hero can accomplish many things.

Depending on the page, it can convey what your company is and does or what your product will solve for the user. It can identify who your audience is and help them relate to your mission. It can even evoke emotions, but overall, a successful hero grabs your attention and sets the tone for your whole website.

By best practices a good hero typically has a header, some supporting text, and a call-to-action button (or some kind of next steps). These can be accompanied by an image, video, or illustration that support the mission of the page.

So, let’s take a look at 10 websites that are doing just that in beautifully creative ways.

1. Station


Okay, this one actually feels like an episode of black mirror...

This isn’t Station’s homepage hero, but I couldn’t pass up the opportunity to show you guys this.

This page starts by asking permission to use your computer’s camera.

If you agree it then gauges your smile with a percent bar (how could you not try to get to 100%?!). Then, once you reach 100% it congratulates you and moves you onto the next piece of content.

This is a super fun and immersive way to involve your audience -- that is if they’re not too scared to turn on their camera.

My one qualm with this would be that it is very unclear what the context of this hero is. Even the copy and button that leads to this page leaves much to the imagination.

2. Renderforest


I think Renderforest is doing a really strong job of using color to direct focus as well.

Though most of their hero is in a monochromatic blue palette, they use orange to draw the user’s eye to the “Get Started” button as well as the cute little creature directing you with an animated point to the explainer video.

Renderforest gets bonus points here for not only including a video in their hero (it really is the way of the future), but giving it a direct title that lets their users know what to expect.

Where I think this hero could use a little work is in the secondary text. The combination of tones behind the font and the lightness of the font make that text a bit hard to read.

3. Current Haus

Current haus-1

Current haus is another site with a very limited color palette, but that uses color to strategically draw the user’s eye (yes, I know I have a type).

I think the strongest element of their hero is their illustration. I could almost tell exactly what they do, just by looking at that picture and in a world where we have about 5 seconds to grab someone’s attention on the web, this is brilliant.

The imagery also perfectly aligns with their copy. You can actually see a project going from idea to finished product.


4. Incomee


Incomee’s hero is bold yet simplistic. Content is limited in words and in visuals and I think this works very well to in quickly getting their message across.

The strongest trait on this hero is how these individual elements load.

Each element loads independently, starting with the phone, then the call outs on the phone, then over to the left where each piece of content loads top to bottom.

This is genius because this subtly tells the user exactly what order to digest their content in while also grabbing attention with motion. I repeat, GENIUS.

5. Creddy


Creddy opens with a bold and beautiful custom illustration that is more to evoke emotion and tone of their product rather than what it actually does.

Home equity loans aren’t really the sexiest product offering, but this creative hero really grabs your attention.

The brevity of the content stands in stark contrast to the more detailed illustration, which, in just four short words ,tells you what creddy is, which is then seamlessly transitioned into possible next steps for both of their personas.

6. Wellset


What I love about WellSet is they get straight to the point.

Simple, clean, and bold in design, there is minimal content and minimal distraction.

The only graphic it really relies on is scribble above the word “anxiety” and while simple, it is something that would immediately resonate with anyone in their audience.

They also immediately begin to identify their persona with their hero copy then provide a clear journey to the user to learn more.

7. Packlane


What makes Packlane a knockout is the fact that they make their product (which is actually the packaging here) the hero of their site.

Their imagery beautifully demonstrates this with the contents of the package being monochromatic, almost blending into the background. This lets the packages, the only items in color, truly stand out.

This idolization of the product works almost as a project gallery and shows the user right off the bat what they are capable of.

8. Web Effectual

Web Effectual-1

Web Effectual is another site that really uses animation to benefit how user’s experience their content. Togo loads first, then their value prop, and finally a prompt for next steps.

It’s bold, has great visual depth created by their overlapping elements, but is still simple and easy to digest.

9. J & P Media Labs

J & P Media Labs-1

J & P Media Labs’ website is very interesting to me, overall -- but it definitely kick starts with its hero.

You land on this beautiful hero that looks like a canvas you’d see in an art gallery, but despite having so much to look at, the user only has 2 options of where to go “About Us” or “Portfolio.”

Limiting a user journey like this can be helpful in guiding users to the info they need most, right off the bat.

10. OpenNode


Although on first glance, OpenNode’s hero appears in stark black and white, I actually find it quite clever as it strategically draws the user’s eye to a few key players here. The blue highlight guides you first to the “Start for free” button and then the chat bubble, which I assume are their focuses of where they want to drive traffic.

Another piece of this hero that I love is this custom illustration. It truly helps paint a picture of what they do, allow you to accept bitcoin easily for a whatever it is you sell.

It is also subtly animated with the different items bobbing and the QR code scanning. This enhances the user’s viewing of this image, by helping them digest what they are seeing through small clue.

Even Heroes Have the Right to Dream...

Yes, I did just reference Five for Fighting, but let’s not dwell on it.

We’ve just looked at 10 pretty awesome hero sections that I hope you geeked out over as much as I did.

Not all of these are practical, but we do have the opportunity to take some pieces from heroes like these and use them to inspire our own sites.

My best advice to you is to start with a crazy dream of a hero section and figure out how you may need to change it/simplify it/rebuild it to make it work for your audience.

Want to learn more about digital sales and marketing?

Master digital sales and marketing when you join IMPACT+ for FREE. Gain instant access to exclusive courses and keynotes taught by Marcus Sheridan, Brian Halligan, Liz Moorehead, Ann Handley, David Cancel, Carina Duffy, Zach Basner, and more.

Sign up for free Take a peek
Here Are Some Related Articles You May Find Interesting

Want to Contribute Content to Click Here.

IMPACT+ Sign Up - Background - Mobile - 2x
A FREE online learning community with on-demand courses, hundreds of expert-led sessions, thousands of your peers ready to support you, and much more.
Check it out
Hundreds of courses and recorded keynotes, completely FREE
Check it out
Access hundreds of digital sales and marketing courses and recorded keynotes, completely FREE