The Pantalla Latina Association (founded in 2008 by Eduardo Cerna, Fabián Sutter and Dominic Zimmermann) has been organizing a festival to promote Latin American cinema in Switzerland.

The Association aims to offer the public in and around St. Gallen the latest in Latin American filmmaking.

This is the welcome text to the eleventh edition of 2019, in which I participated for the first time as a designer and WordPress expert:

Pantalla Latina returns to San Galo with the best Latin American cinema of the year: feature films and shorts, previews (which anticipate their arrival on Swiss screens) and premieres in our city of films that have been successful and conquered audiences around the world.
2019 Programmheft A6 - Cover

2019 Programmheft A6 - Cover

...continue (from the welcome text):

For the first time, our program will have a special section dedicated to Venezuelan cinema, with 2 documentaries and 4 feature films that reflect the reality of recent years in this country.
In this 11th edition, we will screen 16 feature films and 13 short films from 12 Latin American countries at our headquarters in the heart of San Galo, Cinema Scala. In addition, we will have an exceptional parallel program with live music, photo exhibition and much more.
2019 Programmheft A6 - Index

2019 Programmheft A6 - Index

The Festival team needed a self-managed website, to have a digital version of the program that could be consulted on cell phones and computers. In addition, this would allow them to add videos of the excellent audiovisual material they show every year, such as trailers and performances.


Their idea was to have a website similar to that of other festivals, as well as the ones streaming services with scrolling carousels have. Hence, the rectangular design of the programming, day by day and film by film.

The implementation should be done with responsive design, which makes the same template adaptable to a variety of screen sizes, from mobile phones and tablets to large high-definition monitors.

Pantalla Latina St. Gallen Filmfestival - Frontpage Slider (Desktop)

Pantalla Latina St. Gallen Filmfestival - Frontpage Slider (Desktop)

Pantalla Latina St. Gallen Filmfestival - Frontpage (Amazon Fire)

Pantalla Latina St. Gallen Filmfestival - Frontpage (detail) (Amazon Fire)

Pantalla Latina St. Gallen Filmfestival - Frontpage (Desktop)

Pantalla Latina St. Gallen Filmfestival - Frontpage (Desktop)

Pantalla Latina St. Gallen Filmfestival - Frontpage (tablets)

Pantalla Latina St. Gallen Filmfestival - Frontpage (tablets)

Pantalla Latina St. Gallen Filmfestival - Frontpage (mobile)

Pantalla Latina St. Gallen Filmfestival - Frontpage (mobile)

The last three images show the cover of the 2019 edition as seen on a laptop, a tablet and a mobile phone.

Festival trailer for the 11th ed. (2019)

The Problem

How to edit the Festival's programming without having to learn how to code HTML, pay a license fee or order custom software development.

The contents of the website are divided into three main parts: the news section, the institutional area and the film programming, the latter being the most important.

All these contents must have a translation from Swiss German to Spanish.

In the institutional part, the list of sponsors, a staff of directors and the rules and conditions to participate are highlighted.

The greatest complexity lies in the digital implementation of the programme (if we consider it as a series of cultural events) with date, time, links to ticket purchases, trailers, image galleries and technical sheets.

 

The Solution

Implement a custom design on WordPress, with a multi-purpose template adapted to different screen sizes and a plugin to manage events.

WordPress solves the problem of licensing or expensive custom development. The news (as well as the less dynamic institutional part) are easily provided with this CMS.

The internationalization (Swiss German and Spanish versions of the texts) is done with an add-on that allows to treat the contents as if they were two big branches of the same tree.

Another scenario is that of cultural events, which are not a native format type in this or other CMS.

Both their incorporation and design require considerable work with special templates, complex style sheets and the configuration of a plugin called Modern Events Calendar, which facilitates both the editing of events (date, time, place, etc.) and the creation of sliders, carousels and other views.

Pantallalatina.ch Event (mobile) (iPhone 6_7_8)

Pantallalatina.ch Event (mobile) (iPhone 6_7_8)

Pantalla Latina St. Gallen Filmfestival - Sponsors (tablets)

Pantalla Latina St. Gallen Filmfestival - Sponsors (tablets)

Events & views

Working with Modern Events Calendar also aims to avoid having to code complex HTML & CSS for carousels, sliders and other designs.

The generation of "Netflix-like" grids on the front page is implemented by means of views configured with parameters, such as start and end dates for selecting program segments, for example on one particular day.

While the events themselves are edited with custom fields such as time, film to be shown, link to the film trailer on YouTube or ticket purchase, etc.

Dashboard events

Dashboard events

This video shows a quick navigation with a tablet through the eleventh edition of the Festival (2019):