Design tips for a great event homepage

Tips and hints from TryBooking

26 May, 2017


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




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:




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:




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. 




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:




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


This is how it looks:  



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:




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:





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:


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:



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:




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



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. 




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.





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. 




This will now appear as a link on your page.


We now have the final result:




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.


Have fun designing your event homepage,

The TryBooking Team


26 May, 2017


download your TryBooking guide for running events.

Related Stories

7 clever ways to improve your events in 2018

Take advantage of these 7 ways to improve your events and reduce your workload in 2018.

11 holiday fundraising ideas that will inspire you

Get into the holiday spirit with these simple festive-themed fundraising ideas.

Group of people sitting on grass at music festival
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.

Join the community