Bien Joué

Based in Montreal, Bien Joué is a multidisciplinary production house that specializes in video content.

36ae078c-57f9-54c9-88cf-7e9cd6f8404f
08a566e8-8292-5865-817a-cda951411b9e
9a6fcb79-1b50-559f-a191-caf6f9de0b54
598160e8-1876-5dfd-855e-8a6d2d8a7c03
85425668-73c6-51de-ae64-3bf849a69b41
792e386d-2956-5d3e-b6c0-40523933bc2d
f38f8534-c9ca-56e9-a9b7-f5c37424c765
70feafec-cd0c-5506-8a0a-ef125fce902e

Context

Most recently, the production company Bien Joué took a new online strategic direction. It has decided to opt for a complete overhaul of its digital platform in order to optimize this essential tool and establish a strong digital brand experience.

2b9fd7c5-1eb3-50a5-8e5d-8580d2629d96

Mission  

Over the years, the site has become difficult to maintain, and several display issues have been identified with the mobile version. Therefore, Bien Joué wanted to redesign its site while retaining its WordPress CMS, but developing their own custom WordPress theme.

With the help of MILL3, clear objectives were defined at the start of the project:

  • Provide a unique user experience

  • Develop a flexible CMS with multiple grid options

  • Effectively communicate Bien Joué's vision and service offering

  • Allow simple management of all text and visual content

  • Be 100% compatible for display on mobile devices (responsive)

2e8cc3da-68b1-5153-9d8a-1d38cf3754b5

" We wanted to develop a flexible CMS with endless layout options in order to highlight all the creativity of Bien Joué. Each page of the site therefore offers a unique, rich and varied graphic universe. "

- Julien Lauzon - Creative Director MILL3

ca1d2e69-342b-5dbc-b244-3f06932a0200
b3a64c8b-9fac-58f3-85b2-2656744693f6
b46038d4-2489-5d13-9aa8-6c7ce76a1839
a6951142-393b-5028-83b9-be4128da0a3d
1543b0df-b229-5649-991c-4f310d421c8e
37bc79ad-0e4f-5ad6-90c4-ad26e472fa4f
2e5d1cd3-bad3-5f21-8319-3cd0a5dda130

Technological approach

The projects grid on the home page was Built using a <canvas> element and the PixiJS library, the positioning of elements under different ratios is random, resulting in an almost infinite number of layouts. There's a secret there too, take the time to explore the grid with your keyboard or trackpad to find it! 🔦 The experience of navigating between sections is very linear, seamless through subtle transitions. Everything is coupled with a WordPress management system, allowing precise control of the rich content of project & article details

be71a286-b07e-5e56-aaed-37c0b7798094