New Relic

Work smarter and solve problems faster with a unified view of your software and systems.

New Relic SaaS Website Hero Section Design

new relic saas hero image

The hero section of the New Relic is excellent for the following reasons:

1. Clear and Actionable Headline

  • “Monitor, debug, and improve your entire stack.”
    The headline immediately communicates the core value proposition of the platform in simple, actionable language. It’s specific, relevant, and highlights the benefits.

2. Strong Call-to-Action (CTA)

  • The “Start Now” button, placed prominently in green, contrasts well with the dark background, drawing immediate attention.
  • A secondary form below the headline allows users to enter their name and email, simplifying the onboarding process.

3. Visual Context

  • The hero section includes relevant UI snippets and data visualizations, providing a visual representation of the product’s functionality. This helps users quickly understand how it works and builds trust in its technical capability.

4. Subheadline Explains the Use Case

  • The subheadline clarifies the target audience—“dev, ops, security, and business teams”—and addresses specific pain points like software performance problems, making the offering relatable.

5. Modern Design and Layout

  • The dark theme paired with bright accent colors creates a sleek, modern feel, appealing to the technical audience.
  • The diagonal split design adds visual interest and subtly guides the user’s attention down to the form.

6. Social Proof

  • The inclusion of user personas (“DevOps,” “Web,” etc.) alongside the UI panels subtly demonstrates collaboration and usability for different team roles.

7. Clarity of Navigation

  • The top navigation bar is clear, with options for Platform, Pricing, Solutions, Docs, and Help Center, catering to both new visitors and returning users.

This hero section effectively combines clarity, focus, and visual storytelling. It aligns well with the needs of the target audience (technical professionals) and reduces friction by offering an immediate way to start engaging with the product.

Hero sections affect your visitor bounce rate.

Draftss can help you redesign your entire landing page.