Bien Joué

Basée à Montréal, Bien Joué est une maison de production multidisciplinaire qui se spécialise dans la création de contenu vidéo.

e82b6347-988b-58b2-a187-36f25331c53e
16b0d117-912c-5bcd-abb8-99bdd09182e7
b2180732-8c40-5806-b794-69992ce67c25
35b7e933-db9f-5072-917c-32f57180467a
a11eebca-0699-58ab-b0d9-9a024c67e96c
b1585ee8-3190-539a-bd27-5c51904fa3e7
79eb1f71-9f30-55e9-b7a6-1e40faea1c2a
fd28cbc7-8849-54f9-8fcc-e8ea638389f6

Contexte

Tout récemment, la compagnie production Bien Joué a pris une nouvelle orientation stratégique en actualisant leur approche d’affaire en ligne. En effet, celle-ci a décidé d’opter pour une refonte complète de sa plateforme numérique afin d’optimiser cet incontournable outil de démarchage et d’établir une expérience de marque forte.

258a3a97-7ef7-5c45-8e18-c92cbd6427e5

Mission  

Au fil des ans, le site de l’entreprise est devenu difficile à maintenir et plusieurs problèmes d’affichage ont été répertoriés au niveau de la version mobile. Bien Joué souhaitait donc procéder à la refonte de son site tout en conservant le CMS WordPress, mais en développant leur propre thème WordPress sur mesure.

Avec l’aide de MILL3, des objectifs clairs ont été définis en début de projet :

  • Offrir une expérience utilisateur unique

  • Développer un CMS flexible avec options de grilles graphiques multiples

  • Communiquer efficacement la vision et l’offre de services de Bien Joué

  • Permettre une gestion simple de tous les contenus textes et visuels 

  • Offrir une prise de contact claire via la plateforme

  • Permettre l’intégration de vidéo à partir de la plateforme Vimeo

  • Être 100% compatible pour un affichage sur les appareils mobiles (Responsive)

b801235c-c113-5503-a541-11ca3fdfa91e

«Nous souhaitions développer un CMS flexible avec des options de mise en page infinies afin de mettre en lumière toute la créativité que l'on retrouve au sein de Bien Joué. Chacune des pages du site propose donc un univers graphique unique, riche et variée.»

- Julien Lauzon - Directeur de création MILL3

285712ca-0c34-5cd6-9ce1-f7a38ab6ff7d
967a380d-ec97-5154-9c72-f4e0a45ccfe1
9b20d34b-336d-5e5e-9cfa-cc1b336126a0
cdc5bfb8-1420-5790-be25-8ddc20b426f4
7eee9dec-cfde-5d9a-8b4d-8646c3291a85
429d70b8-04c1-5b17-8920-f1961a24c63e
556caa6d-9103-5a5f-b588-a6b1f825c334

Approche technologique

Une attention particulière à été appliquée à la programmation de la grille des projets en page d'accueil. Construite à l'aide d’un élément <canvas> et la librairie PixiJS, le positionnement des éléments sous différents ratios est aléatoire, ce qui en résulte d’un nombre presque infini de mises-en-page. Un secret s’y cache aussi, prenez bien le temps d’explorer la grille avec votre clavier ou votre trackpad pour le trouver! 🔦

L’expérience de navigation entre les sections est très linéaire, sans coupure à l’aide de subtiles transitions. Le tout est couplé à un système de gestion WordPress, permettant un contrôle avec précision des contenus riches des détails de projets & articles.

3b8535c0-f7fc-5c68-ad63-83660094111e

Résultats

En plus de la mise en ligne d’une nouvelle plateforme web actuelle, Bien Joué a également à renforcer les connaissances de son équipe interne de manière à être indépendante lorsque vient le temps d’exécuter des stratégies et tactiques numériques en lien avec ses processus d’affaires.

Le site de l’entreprise met maintenant en lumière la vaste expertise de la talentueuse boîte de production et plus de maximiser le rayonnement de Bien Joué.En conclusion, même la page 404 reflète le caractère unique de l'équipe.

Consulter le projet suivant
N
o
r
m
a
l
 
S
t
u
d
i
o