Best practices for high-impact hero teasers

Your homepage serves as the front door to your intranet, and the hero teaser is a great tool to attract attention and steer users toward important information. By using the hero teaser, you can make sure key topics are visible and engaging from the start.

The power of the hero teaser

Before you create your teaser, think about its core purpose. A great hero teaser isn't just a pretty picture; it's a strategic tool. It should:

  • Elevate Company-Wide Topics: Highlight important announcements, initiatives, or news that affect your users. This could include a new company policy, a major milestone, or a global event.
  • Add Significance: By placing a topic in a prominent location, you highlight its importance and motivate employees to focus on it.
  • Ensure Instant Accessibility: Provide a direct, no-fuss path to key information. Users shouldn't have to hunt for important and relevant news—it should be right there at the top of the homepage.
  • Guarantee On-the-Go Access: A hero teaser is just as impactful on the Haiilo mobile app as it is on the desktop. This means you can ensure vital information reaches employees whether they're at their desk or out in the field. Learn more in Hero teaser on mobile.

Create a high-impact teaser

Now, let's get into the practical best practices for building your teaser.

  • Focus on Relevance: Use the hero teaser only for subjects that truly concern the entire company or your selected target audience. If it's only relevant to a very small segment of users, the latest blog articles widget with relevant news from the user's subscribed blogs or another widget is a better fit.
  • Always Link Out: Don't just announce something—provide a clear path for users to learn more. Incorporate a link that directs them to the full article, a relevant page, or a valuable resource.
  • Embrace the Visuals: Split images can create an eye-catching visual highlight that really draws the user's eye. Use these to visually separate your hero teaser from the rest of the page.
  • Change It Up! Keep your homepage feeling fresh and engaging by regularly adapting the hero teaser. Use it to highlight seasons, special events, or monthly themes. Think:
    • A festive theme with information about an upcoming company holiday party.
    • A spring theme promoting a fun, seasonal event like an egg hunt.
    • A monthly theme to promote an important company-wide cause or campaign.

Examples

Here are some great examples of how you can use a "Cards" hero teaser:

9d84c111-3514-4045-af65-17e7dc18f622
Corporate with logo

 

06bf1a11-df9c-4fba-8734-f4398c1ddd93
Spring themed

 

homepage example - hero teaser.png
Dynamic and colorful

 

hero teaser example with intranet survey highlighted.png
One color scheme with images

 

Halloween themed

Was this article helpful?

0 out of 0 found this helpful