Webinar Landing Page

A landing page designed to guide academic users from awareness to action through a clear information hierarchy, trust-building visual strategy, and an optimized registration flow.

The page needed to clearly communicate the purpose of the event, highlight the partnership, and guide university faculty through an efficient registration process.

A landing page designed to guide academic users from awareness to action through a clear information hierarchy, trust-building visual strategy, and an optimized registration flow.

The page needed to clearly communicate the purpose of the event, highlight the partnership, and guide university faculty through an efficient registration process.

CLIENT

ERPsim Lab

YEAR

2025

SERVICES

UX Design

UI Design

OVERVIEW

This landing page was created to support an academic webinar introducing a new NHL, SAP, ERPsimLab analytics game.

To attract university faculty and encourage them to register, the page needed to present the value of the event, highlight the collaboration between three major organizations, and provide a frictionless sign-up experience.

This landing page was created to support an academic webinar introducing a new NHL, SAP, and ERPsimLab analytics game.

To attract university faculty and encourage them to register, the page needed to present the value of the event, highlight the collaboration between three major organizations, and provide a frictionless sign-up experience.

TARGET AUDIENCE

Drive webinar registration by clearly communicating value, simplifying information, and building trust.

DESIGN PROCESS

  1. Structuring for Conversion

The page content was reorganized into a clear flow to help users quickly understand the value of the webinar and move toward registration. Each section was intentionally sequenced to lower cognitive load and guide professors from awareness to action with minimal friction.

  1. Information Hierarchy Decisions

Complex, text-heavy content was condensed into short, scannable sections to make the page easier to read.

Highlights were reduced to concise value points, panelists were grouped by organization for clarity, and form fields were simplified to feel approachable while still capturing necessary data.

  1. Visual Design Choices

A clean, neutral UI was created to balance the NHL, SAP, and HEC Montréal brands, using a structured grid, high-clarity typography, and spacious layout blocks.

The hero logo trio, dashboard visual, and consistent spacing worked together to build credibility and support the page’s academic tone.

  1. Designing for Mailchimp Constraints

Because the final page needed to be implemented in Mailchimp, the high-fidelity design was adapted to match the platform’s limited spacing, typography, and layout controls.

DESIGN DECISIONS

  • The landing page design used a GIF of an NHL game in the hero section to immediately convey the energy of the sport and connect viewers to the theme of real hockey data.

  • A blue and black color palette, aligned with SAP and NHL branding, was chosen to reinforce trust and credibility.


  • Simple line icons in different sections supported quick scanning and helped break down dense information.

FINAL OUTCOME

Figma Design (High-Fidelity):

Live version used for the webinar campaign: (MailChimp)

Webinar Presentation Slides

The webinar presentation deck was designed to match SAP’s visual standards, using consistent colors, spacing, and typography:

Create a free website with Framer, the website builder loved by startups, designers and agencies.