In collaboration with Bisous Manufacturing, we reimagined their digital presence by means of an entire inventive overhaul encompassing Artwork Route, UI/UX Design, Growth, and Animation.
Bisous is a inventive studio specialised in 3D and CGI manufacturing, crafting immersive visible narratives for manufacturers by means of progressive and significant communication. The problem was to design a platform able to showcasing extremely detailed visible work with out overwhelming the person expertise.
Our response was to create a clear, fluid, and extremely immersive web site the place the visuals naturally take heart stage. This minimalist basis is paired with a robust editorial strategy, making a dynamic studying rhythm and permitting completely different content material codecs to coexist harmoniously all through the expertise.
The Idea
Your entire web site expertise is structured round 4 most important columns. This format system turned the visible spine of the undertaking, guaranteeing consistency throughout each part and web page whereas giving customers a transparent and intuitive spatial reference all through navigation.
The grid creates steadiness and precision whereas leaving sufficient flexibility for large-scale imagery, cinematic transitions, and editorial compositions to breathe naturally throughout the interface.
Typography & Colour System
To strengthen the duality between inventive expression and technical precision, we paired two complementary typefaces.
The first sans-serif typography embraces the visible codes of luxurious branding and Swiss design, clear, refined, and extremely legible. In distinction, a monospaced typeface introduces a extra technical layer, subtly referencing the manufacturing workflows and CGI processes on the core of Bisous’ inventive apply.
The colour palette deliberately stays restrained and minimal, permitting the imagery and movement to outline the emotional tone of the expertise.
Expertise Stack
The undertaking was constructed with a light-weight and versatile technical stack designed to assist high-end movement and immersive navigation.
Stack
- WordPress
- GSAP
- Customized Vimeo Participant Integration
GSAP performed a central function in creating fluid transitions and seamless movement interactions all through the web site, whereas the customized Vimeo participant allowed us to take care of full visible consistency and management over the video expertise.
Cinematic Loader
The introduction sequence was designed as a cinematic immersion into the Bisous universe.
A succession of fastidiously curated visuals seems in the course of the loading section, instantly establishing the visible language and environment of the web site. Past its aesthetic function, this sequence additionally serves as the muse for the homepage slider, creating continuity between the loading expertise and the primary navigation stream.
The outcome feels much less like a conventional loading display screen and extra just like the opening scene of a visible narrative.
Slider Residence
On the homepage, we carried out a full-screen vertical slider designed to immerse customers straight into the initiatives.
The navigation is enhanced by means of infinite scrolling in each vertical instructions, making a fluid and uninterrupted exploration expertise. This mechanic reinforces the sensation of repeatedly shifting by means of a visible gallery moderately than searching remoted pages.
For undertaking titles, we explored the thought of collaboration by combining the Bisous title with the title of every featured shopper or undertaking, emphasizing the dialogue between studio and model.
Title Animation
To introduce movement in a refined and complex means, we designed a customized textual content look animation based mostly on randomized opacity transitions occurring letter by letter.
The impact stays deliberately restrained but natural, echoing the imperfections and procedural nature typically present in 3D rendering and digital experimentation.
This micro-animation language provides life to the interface with out ever distracting from the content material itself.
Works Navigation
To permit customers to maneuver rapidly between initiatives, we designed a secondary navigation system impressed by technical person interfaces and manufacturing software program aesthetics.
Moderately than straight replicating these visible codes, we reinterpreted them by means of the undertaking’s editorial and minimalist course. The ensuing interface feels each useful and cohesive, virtually resembling labeled manufacturing tags built-in naturally throughout the visible system.
Steady “Subsequent Undertaking” Expertise
On the backside of every undertaking web page, we launched a steady transition system that seamlessly leads customers into the following work.
The aim was to take care of immersion and encourage uninterrupted exploration. As a substitute of making abrupt navigation breaks, the transition feels fluid and virtually imperceptible, as if the web site itself repeatedly unfolds from one undertaking to a different.
This strategy transforms searching right into a extra instinctive and cinematic expertise.
Easter Eggs & Micro-Interactions
For menu interactions and hyperlink hover states, we prolonged the undertaking’s visible language by means of refined randomized letter transformations.
Hidden inside these interactions are letters extracted from the phrase “Bisous,” discreetly built-in as small easter eggs all through the interface. These particulars reinforce the playful and experimental id of the studio whereas rewarding attentive customers with moments of discovery.
Who We Are
We’re a digital studio thriving on the intersection of storytelling, know-how, and visible precision.
For Bisous, our ambition was not merely to design a portfolio web site, however to craft an expertise able to translating the studio’s inventive sensitivity into an immersive digital language. By means of minimalist layouts, editorial composition, and punctiliously orchestrated movement, the platform turns into an extension of their visible universe itself.
We imagine the strongest digital experiences are those that really feel alive, minimal, intentional, and deeply expressive.
