How can we help?
  1. Home
  2. Knowledge Base
  3. Inspiration
  4. How to design a professional website for your event – with Conference Manager and graphic tools

How to design a professional website for your event – with Conference Manager and graphic tools

Website inspiration
Conference Manager provides the structure. Graphic tools help shape the visual identity.

A well-structured event website helps participants find important information and move confidently through the sign-up process. Conference Manager gives you the functional foundation, while tools such as Canva, Magnific, Adobe Express and Figma can help you create visual elements that support the identity of your event.

Website structure Visual identity Graphic inspiration

Combine function and visual expression

The best results often come from using Conference Manager and an external graphic tool for different parts of the process.

Conference Manager
Build the event structure

Use Basic setup to define the registration flow and key event settings, then use Website Designer to present the information clearly.

Set up registration and participant categories in Basic setup
Add programme information and speaker content to the event setup
Create pages, sections and clear navigation in Website Designer
Adapt the website layout for desktop, tablet and mobile
Graphic tools
Create the visual identity

Use a graphic tool to prepare visual material before adding it to Website Designer.

Design header images, banners and backgrounds
Create speaker, programme and social media graphics
Prepare icons, illustrations and custom image shapes
Use consistent colours, fonts and image styles

Ideas for visual content

You do not need to redesign the entire website. A few consistent graphic elements can make the page feel more recognisable and complete.

01
Headers and banners

Create a clear first impression using the event colours, title and a relevant visual.

02
Speaker graphics

Present speakers with consistent portraits, names, roles and image proportions.

03
Programme visuals

Support programme themes with colour coding, icons or simple session graphics.

04
Social media graphics

Create matching visuals for LinkedIn, Facebook and Instagram.

05
Icons and illustrations

Use simple visual cues to support information without making the page feel crowded.

06
Subtle animation

A small animated GIF can add movement, but it should not distract from registration or important information.

From graphic tool to Website Designer

A simple workflow makes it easier to maintain a consistent design and use the graphics in the right place.

1
Create

Design the graphic using the event’s colours, fonts, image style and purpose.

2
Export

Download the finished design in a suitable file format and at an appropriate size.

3
Insert

Upload the file to the media library and add it as an image, background or linked visual element.

File formats

JPG is generally suitable for photos and banners. PNG is useful for logos, icons and graphics that need sharp edges or transparency. GIF can be used for simple animation, but keep the file size in mind.

New to Canva?

Some video embeds may be blocked depending on the website settings, so the resources below open directly in Canva or YouTube instead.

Other useful graphic tools

Canva is only one option. Choose the tool that fits your workflow, experience and visual needs.

Magnific

Magnific, formerly Freepik, provides stock images, vectors, illustrations, icons and creative tools that can help you find or develop visual material.

Visit Magnific
Adobe Express

Adobe Express can be used to create banners, social media graphics and other visual content from templates.

Visit Adobe Express
Figma

Figma can be useful when several people need to develop, review or adjust visual concepts together.

Visit Figma

Design for different screen sizes

A website should remain clear and easy to use whether participants visit it from a computer, tablet or phone.

Work from left to right in Website Designer

In Website Designer, start with the desktop view and then continue to tablet and mobile from left to right. Header images and section backgrounds are inherited by the smaller views, but they can be replaced there without changing the desktop version. Layout settings for individual elements, such as margins and spacing, can also be adjusted separately for each device.

Review desktop, tablet and mobile from left to right
Check that text remains readable
Replace background images where needed
Adjust margins and spacing for each device
Test the complete participant journey before publishing

Continue in CM Academy

These resources show how to work with Website Designer and prepare images for Conference Manager.

Elisabeth Bjørn Andersen
Elisabeth Bjørn Andersen
Published: 02.06.2025
Was this article helpful?

Related Articles

News!

  • Five helpful improvements in Conference Manager
  • New short explainer videos added to selected articles
  • New start guide now available on CM Academy
Read more