Design tips for a great event homepage

Tips and hints from TryBooking

26 May, 2017

TryBooking



Today we'll look at the different elements involved in creating the homepage for this sample event, called A TryBooking Test Event:

 

undefined

 

Let's get started! 

 

 

1. Follow the prompts and fill in your event details 

Once you hit "Create new event", you'll be asked to fill in a number of details, starting with the event name, description and contact person:

 

undefined

 

You'll then be asked for other information such as your event location, session times, booking windows, capacity and more. 

Remember, you can always go back and adjust these later. It's also important to note that the details you provide will show up automatically on your event homepage through a feature called Event Tags

Event Tags take your information entered, such as event name, date, description, location and more, and display them straight onto your event homepage so that you don't need to type them in again. We will discuss these in more detail later.

 

 

2. Create a basic homepage

After we've gone through and filled in all the event information, we will be given URLs to access the event homepage:

 

undefined

 

It's fine to leave this homepage as is and start using it for ticket sales, but taking a few extra minutes to decorate or brand the homepage with your own logos and styles can really help boost your event. So let's continue by sprucing things up!

 

 

3. Go to Design (and check your Event Tags)

Click on Homepage and Images in your Event Dashboard, and the first tab you'll see is Design. Here is where you can check the Event Tags are pulling all the information you want your guests to see. You can also preview how the Event Tags will look in the Preview tab. 

 

undefined

 

If there are Event Tags that don't need to be shown on your event homepage, simply remove them. 

 

 

4. Draw more attention by adding a hero image (main event image) to your event

To add a hero image to your event, go to your Event Dashboard and click on Homepage and Images and then click once more on the Images tab.

Here you can upload images to display at the top of your event homepage. Make sure that they are correctly formatted.

You might want to upload a picture of your company, brand or event image.

We will go ahead and add an example image that we found from Pexels, a great source for free images:

 

undefined

 

For best results, please upload images that are 890 x 400 pixels.

 

This is how it looks:  

undefined

 

5. Add other images to the homepage

Now that you're already in the Homepage and Images section, it's definitely worth uploading other images to spruce up your event, including background, thumbnail and up to 3 sponsor logo images which will show up at the bottom. You can upload them all from the one place.


Let's go ahead and add some example background, thumbnail and logo images (taken from Pexel again). Here's how it all looks when we've finished uploading each:

 

undefined

 

The sizing guidelines you'll need are:

Background: 3000 x 3000px

Thumbnail: 150 x 150px

Sponsor logos: 290 x 260px

We will run through each image type in more detail below. 

 

 

6. Background image

The background image has a huge role in branding your homepage and is one of the best opportunities you have to really make your homepage pop. 

Large images that are 3000 x 3000px work best for background, but even if your image is smaller, it will tile it so that it fills up the page.

If you don't have any specific images on hand but would still like to have an eye-catching background, then we recommend jumping onto Pexels or Pixabay and finding a free image that suits your brand. You could even have a plain solid colour as the background image.

Here's the sample background image we've chosen to upload:

 

undefined

 

 

7. Sponsor logos

You can add up to 3 different sponsor logos to display at the bottom of your event. 

In keeping with our "green" theme, we've chosen a simple example logo to add:

undefined

If you don't plan to use any sponsor logos, you can always leave this area blank or upload your own business logo.

 

8. Event thumbnail image

When your event appears in TryBooking search results or the general events listing, it will appear with a thumbnail image. 

If there is no event thumbnail image, your listing will appear with a gray placeholder image:

undefined 

 

If there's a chance that guests will be searching for your event through the Buy Tickets link on TryBooking, then you may want to add a thumbnail image so it stands out in the search listing.

Usually, a smaller and square version of your hero image will work just fine. The ideal dimensions are 150 x 150px. So we will go with this image again:

 

undefined

 

Now, when our event shows up on someone's search, it will look like this:

undefined

 

You will also be able to edit the content of your search listing separately to your Event Homepage. To do this, go to Event name & details. These updates will appear in your search listing only.

 

 

9. Event homepage fonts

First impressions count, so it's very important that the font on your Event homepage page looks clean and consistent. It's also important to include all the necessary details about the event so that guests aren't left wondering or uncertain. 

If you want to change the font on your Homepage, simply highlight (Ctrl + A) all the Event Tag information and switch to a new font from the dropdown. 

 

undefined

 

It is recommended to stick to the default font, but if you do change the font, make sure it's consistent across the page. 

If you are copying + pasting text from a different website or page, make sure it is transferred properly. Ideally, it should match the rest of the font on your page. 

 

 

10. Always be previewing! 

It's important to preview the changes as you make them. Make good use of the Preview tab in Homepage and design, and remember to check how your event will look across Desktop, Tablet and Phone because guests could be using any of these devices to book or buy tickets to your event.

 

undefined 

 

 

11. Event homepage links

There are 2 types of links you can add to your event homepage. The first is for URLs, in case you want to link to your website, Facebook page or other sites. The second links to email addresses, in case you want to give guests the option to contact you. 

To add links to your page, simply highlight the Event Tag you want to go to a link and click on the hyperlink icon in the editor. 

 

undefined

 

This will now appear as a link on your page.

 

We now have the final result:

 

undefined

 

We hope you enjoyed these tips and can apply them to your own event. A great-looking event homepage can definitely help to boost your sales and increase your brand strength.

If you have any questions about event homepage design, please get in touch by emailing info@trybooking.com

 

Have fun designing your event homepage,

The TryBooking Team

 

26 May, 2017

TryBooking



download your TryBooking guide for running events.

Related Stories

The best 8 methods to growing your events community

Cleverly grow your community through events with these 8 proven methods that'll keep your guests engaged and coming back.

School event planning checklist

A practical guide and checklist to planning your school events and functions, created from over 10 years experience working with schools.

Ways to add TryBooking widgets to your website

See TryBooking's widgets in action with real examples from other event organisers!

Join the community