Senior Designer

EPICOR

ERP Software Solution

Webinar Landing Page UI

Project introduction

A Webinar Campaign

In 2024, Epicor, a global software company, launched a full-scale marketing campaign to introduce their ERP solution to Vietnamese business. Building a webinar registration landing page was a part of this campaign.

Project Workscope:

– Examine the business needs and campaign goals

– Propose landing page’s structure and design direction

– Propose landing page’s userflow from registration to webinar

– Design the landing page UI follows branding guideline

– Responsive adaptation

A little dive deep

Project Analysis

Project Target

This campaign involved a coordinated effort across social media, paid ads, and email marketing with the landing page serving as the central hub where users could learn more about the brand, their solution and register for the webinar.

Landing Userflow & Data Storage

The main objective of the landing page was to capture potential leads through user registrations and seamlessly redirect them to view the webinar.

The design and user flow were built around making this process as clear and frictionless as possible, encouraging sign-ups while keeping the experience intuitive and on-brand.

Design approach

The design style of the landing page closely followed Epicor’s global visual identity to ensure brand consistency, while incorporating a modern touch of Material Design and Glassmorphism to reflect the company’s innovative and tech-driven nature.

Landing page userflow

Design Assets

Color Palette

Branding

Primary Cyan
#025064
Secondary Cyan
#467B98
Dark Cyan 1
#053C55
Dark Cyan 2
#022B3A
Light Cyan 1
#ABEAFA
Light Cyan 2
#DCF7F8

Base

Black
#000000
White
#FFFFFF

Functional

Green
#049E8A
Light Red
#E10600
Dark Red
#A00D1C
Gradient Teal
#025064 , #022B3A
Gradient White
FFFFFF, E0E0E0

Neutral

#F8FAFC
#F1F5F9
#E2E8F0
#CBD5E1
#94A3B8
#64748B
#475569
#334155
#1E293B
#0F172A

Typography

TOMORROW

Primary Font, used for Headline, Impression Moment

Regular, Italic, Semibold, Bold

SOURCE SANS PRO

Secondary Font, used for Body Text, Sub-Heading, CTA

Regular, Italic, Bold, Bold Italic

Final Design

Epicor Webinar Landing Page

1. Landing page

2. Registration Success

3. Webinar Page

Experience in Figma Prototype

Instruction:

 Click on screen to find flashy hint for available interactive elements

Hit [R] or click on [Restart button] at the bottom right corner

For full screen view, click on the expand icon at the top right corner

Additional Design

Email Marketing

Alongside the landing page, a matching email marketing template was also implemented. The template followed Epicor’s brand guidelines, and was designed to grab attention quickly and guide recipients smoothly toward the webinar registration page.

Final Design

Thank You For Reading!