Virtual Booth offers plenty of opportunities to reinforce your branding. One great way to incorporate your brand's assets is to upload a background image to your booth's homepage.
There are a few things you will want to consider when creating your backgrounds for the best experience possible.
Designing your backgrounds
The most important detail to keep in mind while designing is that your guests are going to be using all different types of devices with different screen sizes.
You must be mindful about your background design and size to ensure it translates well to any screen size your guests might use.
Think of full screen backgrounds as a watermark or background element instead of attempting to design an image to replace the background.
Here are a couple examples of designs that will work on all screen sizes:
Here's an example of a design that will not work on all screen sizes:
Graphic elements like the palm trees will not be visible on most mobile devices.
Repeating backgrounds are slightly easier to work with in this context. As long as you follow our size recommendations (more information below), your file will show a tiled effect on all types of screen sizes.
Background file types & transparency
Use a JPEG or PNG file.
JPEG files do not have any transparency. If you choose a JPEG, the background color will not be affected by any other booth settings.
PNG files can include transparency. If you choose a PNG with transparency, keep in mind that the background color settings will still be displayed behind your graphics.
Opaque backgrounds (ones with bolder, darker colors) do not always work well for Virtual Booth. Consider this example:
The design is a ton of fun, but the loud pattern makes this booth feel chaotic and the text difficult to read.
Introducing transparency to your design can help you achieve the same effect while maintaining a page that is easy-to-navigate. Our built in opacity tool makes it easy to adjust!
Full Screen backgrounds
A range of sizes can be used for full screen backgrounds, but a good starting point is 1920x1080px.
A range of sizes can be used for repeating backgrounds. Larger file sizes will result in larger tiles on the page.
You can use any size and aspect ratio you would like. With rectangular files, the longer side should not exceed around 400 pixels.
The best thing you can do once you have uploaded your background is to test it out yourself to make sure it will look good on both mobile and desktop!