Loader FCINQ

Showreel

Design

Les deux entités avaient uniquement un logo pour charte graphique, leurs communications changeant au gréé des évènements qu’ils créent. Il a fallu mettre en place un univers pour chaque entité tout en gardant une homogénéité.

Le site est toujours en mouvement, soit par la vidéo, les effets de transition ou bien le logo qui s’anime au scroll de la page.

Une fois entrée sur un projet, on invite à la découverte en enchaînant les courtes présentations des réalisations. De même la grille desktop se transforme en cartes à faire passer sur mobile facilitant leur aperçu.

 

 

Code

L’idée était de créer 2 sites visuellement différent à partir d’un code source unique. L’utilisation d’un pre-processeur SCSS, permettant la création de variables de style, a rendu possible la définition d’une palette de couleur propre à chaque site.

Comme toujours, selon le principe de « progressive enhancement » nous nous sommes attachés à créer un site simple et rapide à charger, fonctionnant aussi sans Javascript, mais sur lesquel une petite surcouche de Javascript vient rajouter quelques animations et transitions si possible.

Le logo de Bon Esprit a été animé en WebGL natif, ce qui permet à partir d’un simple PNG et de quelques lignes de code de proposer une petite animation qui n’alourdit pas la page.

voir le site