Loading ...

Responses by Frédéric Marchand, president/creative director, Locomotive

Background: The website was aimed at potential and actual clients, but also used to strengthen the TILT brand after a recent brand identity overhaul. The purpose was to showcase the creative side of the marketing and ad agency and its process in a storytelling fashion.

Highlights: The core of the experience revolves around storytelling, which is the client’s core business. It allows the administrator to add stories and projects using Charcoal CMS, our content management system behind this website.

Challenges: When we first heard about the project, what inspired us was the new brand identity. But, since the identity wasn’t fully digested yet by TILT itself, we had to make our point and challenge TILT to embrace the identity in order to move forward. We thought the logotype was highly inspiring and a great starting point for this digital endeavor. After a few discussions, TILT trusted us and the result is outstanding.

Favorite details: A TILT screen saver pops up when users becomes inactive in order to fully showcase the new logotype in motion. If you’re a Nintendo fan, a TILTRIS game is available in the main menu. The 404 error page, ironically, is also where we’re able to inject some extra creativity into this project.

Navigational structure: The work section is where you can find the most entertaining navigation features. A bold and user-friendly listing showcases the projects to users, and micro-interactions interplay with the imagery for each project, making it an innovative and clever presentation.

Technical features: The website was developed in PHP, using various modern front-end technologies like our locomotive-boilerplate and gulp as our task manager to compile and build our assets. We have a custom page transition manager and different tools to be more productive during the development. We also use locomotive-scroll as a scroll library, so we can be more creative with behaviors and scrolling animations. We also use GSAP as animations libraries for javascript animations. It runs on Charcoal CMS, an open-source framework and content management system entirely built by Locomotive.

It was also a big challenge to manage many PixiJS applications for TILTRIS, the screensaver or the 404 error page. It was fun to emulate a vintage TV effect and PixiJS is a great way to easily cool filters. We worked with a motion designer for the home carousel, and it was nice to build it through a discussion between designer and front-end developer.

tiltstory.com

Browse Projects

Click on an image to view more from each project
X

With a free Commarts account, you can enjoy 50% more free content
Create an Account
Get a subscription and have unlimited access
Subscribe
Already a subscriber or have a Commarts account?
Sign In
X

Get a subscription and have unlimited access
Subscribe
Already a subscriber?
Sign In