Skip to content
English
What's New - Product Updates
  • There are no suggestions because the search field is empty.

 Website Design Guide

The Website Design Guide is your go-to resource for building a consistent, user-friendly, and on-brand website. It outlines common visual inclusions, layout, design elements, and content guidelines that define the website’s look and feel. It’s designed to streamline your design process and keep everything consistently on-brand with style and ease!

Table of Contents
Where To Get Started
What Will I Need To Build A Website
Recommended Graphic Sizes
What To Include On Your Website

Where To Get Started

There are several templates to consider based on the type of event the website will be built for as a framework to get started. You may also opt to choose a blank template and completely customize on your own.  

To view the different options, please view within Experience Manager under Website < My Pages < Add Page < then select Preview for the template. 

  • Association Annual Conference Design
  • Annual Summit Design
  • Virtual/Webinar Design
  • Training and Professional Development Program Design
  • Networking Event Design
  • Trade Show / Expo Design
  • Incentive Trip Design

Build Essentials - What Will I Need To Build a Website?

Creating a great website begins with a solid foundation and the essential building blocks. Each element works together to bring your website to life and ensure it performs at its best.

Below are suggested design elements to help you get started.

  • Branding & Visual Identity - Logo files, brand colors
  • Images & Media - Background images or textures, Stock photos – Images relevant to the event, speakers or company photos 
  • Content & Copy - Text/Titles for key section highlights, about pages, and other essential section information.

What Are The Recommended Sizes For The Website Graphics?

End to End Banner Image: Width: 1920, Height: 720px for Hero Banner, or 1080px for Lightbox Fullscreen

Event Logo: keep under 300px wide

Background Image: 2560 x 1400px

Content Image: 800-1200px wide

Supported File Types:

JPEG: great for photos
PNG: best used for logos and content images (head shots, icons etc)
GIF: suitable for simple animations
SVG, AI, or EPS: logos (lossless vector), icons, high resolution graphics, editable graphics

What To Include On Your Website

The flow of your website ensures a user-friendly, accessible, and optimized for conversion. Following the guidelines will enhance usability and reduce friction, setting the stage for a great user journey.

1. Top Banner & Company Logo - What it is & Who is it for?



2.  Body Section - Key Details About The Event

  • Date and Time – For events, deadlines, or access windows
  • Location – Physical venue or virtual (with links, if applicable)
  • Deadline – Registration deadline

3. Key Event Information

  • Speaker Information / Sponsor Exposure
  • List of speakers, instructors, or hosts (with bios & photos)
  • Ticket guide

 

4.  General Overview of Agenda

High-level summary of the key activities, sessions, or topics that will take place during an event. It gives attendees a quick snapshot of what to expect, when things will happen, and how the event is structured—without diving into full session details.

5. Call To Action Button / Promo Video

A call-to-action button helps guide visitors toward the next step, making it easier to convert interest into action. A video captures attention, builds trust, and clearly explains your message, keeping people engaged longer.

6. Bottom of Site Social Media Links

Facebook, Instagram, X, LinkedIn, TikTok

Screenshot 2025-11-03 at 10.13.22 AM