In collaboration with Bisous Production, we reimagined their digital presence through a complete creative overhaul encompassing Art Direction, UI/UX Design, Development, and Animation.

Bisous is a creative studio specialized in 3D and CGI production, crafting immersive visual narratives for brands through innovative and meaningful communication. The challenge was to design a platform capable of showcasing highly detailed visual work without overwhelming the user experience.

Our response was to create a clean, fluid, and highly immersive website where the visuals naturally take center stage. This minimalist foundation is paired with a strong editorial approach, creating a dynamic reading rhythm and allowing different content formats to coexist harmoniously throughout the experience.

The Concept

The entire website experience is structured around four main columns. This layout system became the visual backbone of the project, ensuring consistency across every section and page while giving users a clear and intuitive spatial reference throughout navigation.

The grid creates balance and precision while leaving enough flexibility for large-scale imagery, cinematic transitions, and editorial compositions to breathe naturally within the interface.

Typography & Color System

To reinforce the duality between artistic expression and technical precision, we paired two complementary typefaces.

The primary sans-serif typography embraces the visual codes of luxury branding and Swiss design, clean, refined, and highly legible. In contrast, a monospaced typeface introduces a more technical layer, subtly referencing the production workflows and CGI processes at the core of Bisous’ creative practice.

The color palette intentionally remains restrained and minimal, allowing the imagery and motion to define the emotional tone of the experience.

Technology Stack

The project was built with a lightweight and flexible technical stack designed to support high-end motion and immersive navigation.

Stack

• WordPress
• GSAP
• Custom Vimeo Player Integration

GSAP played a central role in creating fluid transitions and seamless motion interactions throughout the website, while the custom Vimeo player allowed us to maintain full visual consistency and control over the video experience.

Cinematic Loader

The introduction sequence was designed as a cinematic immersion into the Bisous universe.

A succession of carefully curated visuals appears during the loading phase, immediately establishing the visual language and atmosphere of the website. Beyond its aesthetic role, this sequence also serves as the foundation for the homepage slider, creating continuity between the loading experience and the main navigation flow.

The result feels less like a traditional loading screen and more like the opening scene of a visual narrative.

Slider Home

On the homepage, we implemented a full-screen vertical slider designed to immerse users directly into the projects.

The navigation is enhanced through infinite scrolling in both vertical directions, creating a fluid and uninterrupted exploration experience. This mechanic reinforces the feeling of continuously moving through a visual gallery rather than browsing isolated pages.

For project titles, we explored the idea of collaboration by combining the Bisous name with the name of each featured client or project, emphasizing the dialogue between studio and brand.

Title Animation

To introduce motion in a subtle and sophisticated way, we designed a custom text appearance animation based on randomized opacity transitions occurring letter by letter.

The effect remains intentionally restrained yet organic, echoing the imperfections and procedural nature often found in 3D rendering and digital experimentation.

This micro-animation language adds life to the interface without ever distracting from the content itself.

Works Navigation

To allow users to move quickly between projects, we designed a secondary navigation system inspired by technical user interfaces and production software aesthetics.

Rather than directly replicating these visual codes, we reinterpreted them through the project’s editorial and minimalist direction. The resulting interface feels both functional and cohesive, almost resembling labeled production tags integrated naturally within the visual system.

Continuous “Next Project” Experience

At the bottom of each project page, we introduced a continuous transition system that seamlessly leads users into the next work.

The goal was to maintain immersion and encourage uninterrupted exploration. Instead of creating abrupt navigation breaks, the transition feels fluid and almost imperceptible, as if the website itself continuously unfolds from one project to another.

This approach transforms browsing into a more instinctive and cinematic experience.

Easter Eggs & Micro-Interactions

For menu interactions and link hover states, we extended the project’s visual language through subtle randomized letter transformations.

Hidden within these interactions are letters extracted from the word “Bisous,” discreetly integrated as small easter eggs throughout the interface. These details reinforce the playful and experimental identity of the studio while rewarding attentive users with moments of discovery.

Who We Are

We are a digital studio thriving at the intersection of storytelling, technology, and visual precision.

For Bisous, our ambition was not simply to design a portfolio website, but to craft an experience capable of translating the studio’s artistic sensitivity into an immersive digital language. Through minimalist layouts, editorial composition, and carefully orchestrated motion, the platform becomes an extension of their visual universe itself.

We believe the strongest digital experiences are the ones that feel alive, minimal, intentional, and deeply expressive.