Final project in Techniques d'intégration multimédia, produced with Mika Carbonneau, Maxime Paré and Sébastien Vaillancourt Ste-Marie

The Lumifest website was my final project in Techniques d’intégration multimédia.  Over the course of eight weeks, the goal was to design and program a new website for Longueuil’s Lumifest, a video-mapping event that takes place annually on Rue St-Charles.

I had the opportunity to work on several aspects of this project.  I designed a mock up of the site, which wasn’t used as is, but served as a reference for the UX design of some pages.  I also integrated a few of the page templates with HTML/CSS/Twig, in order to help my colleague Maxime, which did most of the site’s pages.

In order to fullfill the customer’s needs, I spent most of my time programming a WordPress plugin, which had two main functionalities.  First off, it managed the state of the site, which had to change automatically depending on how close we were to the event (for example, before the event, a countdown was displayed on the front page ; when the event started, this countdown had to be removed – my plugin took care of that).  The second feature was a voting system, which enabled the guests to vote for their favorite projection.  Working on this plugin greatly improved my skills in object-oriented programming, PHP as well as JavaScript, because I programmed the plugin’s front-end with the Vue.js framework.

Watch the making-off

Tools used

  • JavaScript (ES6/Vue.js/WebPack + Babel)
  • WordPress
  • Twig