Projet Bulles
One address for a film, an experience, and a shop.
Bulles is a documentary project about the imaginary worlds of autistic teenagers. We designed and built its bilingual site and boutique in nine weeks, with the holidays in the middle.
Bulles is several things at once: a documentary by Mélissa Lefebvre and Paul Tom, with its première broadcast on Télé-Québec; an interactive web experience; a theatre production; and the students' books and artwork. Each has its own audience and its own ask. Online there was a small Wix site. Nothing held the parts together, or told a viewer, a school, a venue, a journalist, or a family what to do next. And there was the clock: we signed on 11 December, the site had to be live before the film's première in late February, and the holidays sat in between.
The site had to work as a switchboard without feeling like one. Viewers, schools, venues, press, and families each needed a clear path in French and English, and the students' worlds had to stay at the centre, ahead of the logistics. So the directions sit together on the film block, in four plain calls, and the students' drawings get a section of their own on the home page. The identity was already there: REF, LG2's digital studio, had designed the Bulles mark and its gradients and was building the web experience in parallel. We took that identity as given and designed the site's pages and routing inside it.

We sent the producers eight prototypes between 18 December and 10 February. Content arrived in pieces, so each prototype went out with a list of what was still missing, and the producers marked it up in Figma. The site runs on Next.js, with a CMS for the film and its credits, the events, the press, and the videos. On the home page, the students' worlds are drawn live in the browser: each sphere leans toward the pointer and swells before it opens, and the small bubbles scatter as it passes. In the header the motion stays small: the navigation pill, which the boutique shares, and the Expérience Bulles button. The boutique runs on a Shopify theme we reworked with the site's header, hero, and footer, so it reads as part of the project, not a bolt-on.

In the site's first four months, the events page, where the screenings are listed, drew almost as many views as the home page. Every kind of visitor has a door of their own, and the students' work stays the loudest thing on the site.
- 11 Dec 2025Signed
- 18 Dec 2025 to 10 Feb 2026Prototypes 1 to 8
- 24 Dec 2025 to 5 Jan 2026Holidays
- 15 Feb 2026, 18:58LiveMoved up from 18 Feb.
- 16 Feb 2026Promotion
- 23 Feb 2026Première
- 66 daysSignature to live
- 8 daysLive to première
- LanguagesFrench and English went live together.
- BoutiqueFirst order two days after launch.
- HandoverCMS handed to the distributor, so it can post its own screenings.
Encore bravo et merci pour ce magnifique site. C'était super agréable de collaborer.
Congratulations again, and thank you for this beautiful site. It was a real pleasure working together.
Your site has the same job as this one: clients, partners, and the press arrive at one address, and each needs a clear next step. We aim for about twelve weeks; this one took nine.