Tiled Gallery Layout to Present Photos in the Contest Gallery

Posted in: ApplicationsLast update: 20/04/18

One of the most important aspects of a photo contest are the images sent by participants and published in the photo gallery. This photo gallery becomes the entry point, where users can access the contest to see and vote for their friends’ photos. The gallery enables users to comfortably see the entries and then, with one simple click, vote for the photo they like the best.

With the aim of offering administrators more customization options for the photo gallery, in Easypromos Premium and White Label we’ve introduced a new template for displaying participants’ photos: the tiled layout displays the images in rows, fitting them into the space available.

Below you can see an example of a photo contest gallery with a tiled template enabled:

On clicking one of the photos the application opens a photo viewer, which enables the user to see the enlarged image, read information about the participant, vote for the photo, share it, comment on it and navigate between different entries:

 

Would you like to see a DEMO?

Try an online DEMO of a photo contest with the gallery in tiled format.

 

Characteristics of the tiled contest gallery:

 

1. Tiled format.

With the aim of optimizing the available space in photo contests, the tiled format presents the photographs in rows, fitting them into the available space as if they were bricks in a wall. This method of organizing them means that the gallery changes its appearance depending on the number of photos uploaded by participants: each new photo affects the distribution of the rest of the photos in the gallery.

 

2. The photos are resized, not cut.

The application automatically resizes the pictures uploaded by users, ensuring their correct visualization within the photo gallery. This resizing process ensures that the photos uploaded by participants maintain their original proportions. Under no circumstances will the application cut the images to fit them into the gallery; instead, it’s the gallery that adapts to the images.

 

3. Overview of the gallery.

By organizing and distributing photos in rows, the tiled gallery permits more photos to be presented in the same available space. This means that users can see the whole gallery at a glance.

 

4. Photo viewer.

With the aim of giving each photo maximum importance, the tiled gallery features a viewer which enables the photo to be seen individually and enlarged. In this way users can zoom in on the photo they like best to see it in more detail. They will also have access to the buttons they need to see information about the participant or to vote on, comment on and share the photo.

 

5. Navigation between photos.

The photo viewer enables the user to quickly and easily navigate between the different photos that have been uploaded. The viewer is also compatible with the computer keyboard so the user can use the “next” and “previous” buttons to view the different images.

 

6. Customize the behavior of the contest gallery.

The administrator can define the maximum height of the photos that are shown in the gallery. This value will have a direct effect on the number of images that will be included in each row. The fact that the dimensions of the images can be controlled allows the administrator to customize the design of the gallery and so show photos of a greater or smaller size.

 

7. 100% responsive template.

The tiled gallery is 100% responsive, meaning that the photo contest gallery will adapt to any type of device and screen resolution, always offering an optimum visualization of the photos within the gallery. This includes smartphones.

 

8. Features available from the photo itself.

When hovering the cursor over the photo or clicking on it, all the information related to the photo will appear. This includes the profile name and photo of the participant, and a description of the photo. The following actions are also available:

  • Vote
  • Leave a comment
  • Share the photo with friends via Facebook or Twitter, or by using the entry link.

 

9. Combine with classic view.

When the tiled gallery layout is enabled, this will be the one that is used by default to show the contest photos. Upon accessing the photo gallery, users will have the chance to change the view of the gallery and decide in which format they’d like to see the photos: either using the classic template to see the photos positioned vertically, or using the tiled format.

 

Some ideas

The tiled gallery layout is an ideal format for the photo gallery in a  Twitter or Instagram contest, the sort in which users take part by sending their photos from their account in one of these platforms. All the photos that users tag with the contest’s hashtag are published automatically to the gallery and can then be accessed, viewed and voted for by users.

If you have a space with a screen or projector, you can enable the gallery in Full Screen mode to project real-time images sent by all participants on a screen or monitor. The gallery allows you to combine photos and texts, and it is prepared to project on high-resolution monitors, so it becomes the ideal complement to energize events, celebrations, conferences, booth faire, etc. Discover for yourself how images are displayed in the Full Screen Gallery.

If you are thinking about organizing a ‘Pick your favorite‘ contest, the tiled template will permit you to design the final composition of the photo gallery in advance. By controlling the maximum height of the images you’ll know how many photos will be presented in each row, as well as their final size. This will enable you to play with the composition of the gallery.

 

To know more

This tiled template is available in the Premium and White Label versions of Easypromos.

If you’d like to learn how photos can be organized and resized with the tiled gallery, and how to enable the tiled screen, visit this link.

 

Related links:

Carles Bonfill

Easypromos CEO and co-funder

Publication date: 2014-01-16