01. The Task.
There are certainly few personalities in the world of biotechnology as charismatic as Laurent Levy, CEO of Nanobiotix and an enthusiastic researcher of nanotechnology for therapeutic solutions. When we were contacted to participate in an exciting new project, it didn’t take long before we were intrigued.
Our main task was to develop a communication strategy and corporate design that would reflect this amazing new technology that could open new horizons in the field of nanomedicine at the forefront of the future. And we knew we had to go all out on the front-end design to do justice to this very special project.
Xphelyum
Music: Hania Rani Slowed & Reverb
.to sense & live beyond reality
Xphelyum Digital Guides
.h256 .s75% .l50%
.r29 .g30 .b34
.h256 .s75% .l24%
.r249 .g249 .b249
02. The Branding.
In line with the mechanism of action*, the technology of this groundbreaking product idea has to be presented in an unconventional way. Instead of introducing a fixed color scheme, we let the lettering and all surrounding elements change colors fluidly.
Subtle details like the dot in front of the claim and key phrases reflect the principle of the product. Discovering new ways of feeling and adapting the senses beyond what we consider a physical limit. The sentence starts after the dot instead of being ended by it.
*We are not legitimized to explain the product’s Mode of Action. To learn more, you may click here.
03. The Imagery.
The pool of images we assembled served as a kind of matrix to set the cornerstones of this sensory experience, which combines dreamlike or fantastic landscapes with psychological symbolism, haptic sensations with sensory expansion. In the digital presentation, the matrix also serves as an animated guide.
As the main protagonist key visual, our concept envisages an artificially created human face that represents the core of the product: the future of mankind. From both an emotional and a scientific point of view, the human being is at the center of all biotechnological progress, whether today or in the future.
Fluid Color Contrast and Variable Fonts
.h90 .s75% .l50%
.font-weight 100
04. The Coding.
Integral to the logo and branding elements are the moving, sensual wave lines created by Javascript programming code. To this end, we adapted existing code snippets, such as that of Dutch programmer Bas Groothedde. In some cases, we designed them to react on scroll or interact with images or diagrams.
In order to use the sensory waves as a versatile, recurring layout element, we had to keep all possible performance issues under tight control. Finally, color contrasts and typographic details were carefully revised and optimized to smoothly adapt to all different device sizes, balancing subtlety with impact.
Bug Fix Font