Bisous’ CGI Portfolio Uses Editorial Design and Motion to Guide Project Discovery
Bisous’ portfolio treats project browsing as part of the visual story. A four-column grid, full-screen slider and connected project transitions give the studio’s CGI work room to lead while keeping navigation in view. That choice matters: the site asks visitors to move through a sequence of images, rather than treating each project as a tile to open and leave behind. The interface becomes part of how the work is presented.
Created with Bisous Production, the site reworks the studio’s digital presence across art direction, UI/UX, development and animation. The design challenge was to present detailed 3D work without letting the interface compete for attention. Its answer is a restrained framework with an editorial rhythm, built to accommodate still imagery, video and motion. That restraint isn’t the same as neutrality: typography, timing and transitions still shape how visitors read the portfolio. They simply do so without asking for equal billing with the images.
A grid built for changing formats
Four columns anchor the site’s pages and give visitors a consistent spatial reference as they move through the work. The structure brings order to the interface, but leaves enough room for large images, cinematic transitions and varied page compositions. That balance is useful for a studio portfolio, where a single layout has to accommodate work with different visual scales and rhythms. The grid sets expectations, then gives each project enough space to break them.
Typography adds another layer to that balance. A refined, legible sans serif carries the editorial voice, while monospaced text nods to the technical processes behind CGI production. The limited palette gives the projects and their motion control over the site’s emotional tone. It also keeps the interface from imposing a fixed mood on work that may call for different treatments. The system’s consistency comes from proportion and type as much as from color.
An opening sequence that leads into the work
The loading sequence introduces a curated run of visuals before handing off to the homepage. Because those images also establish the homepage slider’s visual language, the transition connects the opening moment to the browsing experience. It reads more like the start of a visual narrative than a pause before the site appears. That continuity can make an arrival feel deliberate, though it also puts pressure on the opening to earn the time it asks from visitors. Here, the sequence has a clear job: introduce the work and prepare the eye for the format that follows.
A homepage designed for continuous browsing
The homepage places projects in a full-screen vertical slider. Visitors can scroll indefinitely in either direction, moving through the work as a gallery rather than jumping between disconnected entries. Project titles pair the Bisous name with the featured client or project, framing each piece as a collaboration. The continuous format keeps the focus on looking, and gives the portfolio a stronger sense of sequence than a conventional index page. Here's the thing: flow only helps when visitors can still understand where they are. Keeping navigation in view gives the experience a practical anchor as the images change.
That emphasis on flow continues at the end of each project page. A transition leads directly into the next work, keeping the browsing path intact and making the portfolio feel like one unfolding sequence. It’s a persuasive editorial choice because it gives the next project a place in the experience instead of leaving the visitor at a dead end. And yet, the format depends on clear cues: people should be able to tell when one project has ended and another has begun. The handoff has to carry the work forward without obscuring that boundary.
Motion with a light touch
Text appears through randomized opacity changes, letter by letter. The effect is brief and irregular, echoing the procedural character of digital image making while keeping the title readable. That’s a small distinction with a practical payoff: the animation gives the words a visual entrance, but the title remains the information visitors need. A little movement, then back to the work.
Menus and hover states use similar letter transformations. Some reveal characters drawn from “Bisous,” tucked into the interface as small easter eggs. The details give interactions a hint of play without turning them into the main event. That restraint is more significant than it looks: motion appears in places where visitors are already interacting, rather than competing with the project imagery at every turn. If you're working in this space, that’s a useful principle to consider. An interaction can show personality while still making its purpose clear.
A technical foundation for the visual system
The site runs on WordPress, with GSAP handling transitions and animated interactions. A custom Vimeo player integration gives the team control over video presentation and helps keep the playback experience consistent with the rest of the design. Those tools serve a specific purpose here: the portfolio combines stills, video and animated navigation, so the implementation has to support more than a static gallery. The technology is part of the presentation, but the visible test is whether the media and movement feel like they belong together.
Project switching draws on the visual vocabulary of technical interfaces and production software, reshaped to fit the site’s minimal editorial style. The result resembles a set of labeled production tags: functional cues that belong to the same visual system as the work itself. (And this is the part most people overlook.) Interface references can lend a portfolio character, but they can also become decoration without a clear role. Here, the labels are tied to switching projects, so their visual language reinforces an action visitors can take.
What the design means for the portfolio
The practical strength of the design is its restraint. The grid provides structure, while motion links one viewing moment to the next. That combination lets Bisous present its visual work as an experience in its own right, with navigation that supports the projects instead of interrupting them. The approach also makes the site’s behavior part of its identity: visitors encounter the work through pacing, transitions and repeated visual cues, not just through a collection of finished images.
There’s a trade-off in making browsing this continuous. A strong sequence can encourage visitors to keep looking, but it gives navigation and orientation more responsibility than they’d have on a simple project index. The persistent framework and project transitions address that tension by keeping the interface legible as the visuals change. For a studio whose work depends on close attention to image and motion, that’s a sound editorial decision. The portfolio doesn’t merely display the projects. It asks visitors to experience them in sequence.
