Brief
Bon Esprit est un créateur d’event et de contenu tandis que Le Crieur fait de la diffusion presse et du street marketing. Ces deux entités, toute deux installée à la Rotonde, avaient besoin de mettre en avant leurs réalisations via un site (chacun) pour promouvoir leurs activités en plein essort.
On a un site internet !!!!
Merci FCINQ <3 @dubonesprit
Ils l'ont fait
Beaucoup de personnes ont travaillé sur ce projet, voici ceux qui y ont pris part chez nous
-
Eloïse Gaboriau
-
Jérémy Petrequin
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.