Marque Kube & Pill
Logo
Ne jamais supprimer le "default cube"
Un cube et une capsule. C’étaient les formes par défaut des logiciels 3D, les premières que l’on ajoutait dans une scène vide. Ce sont aussi mes tout premiers pas dans la création.
Le logo mélange les deux et joue avec l’espace négatif pour créer le volume et le contour de chaque forme. Il est responsive et se déforme selon la taille à laquelle il s’affiche. En très petit, il ne reste que le contour de la capsule dans un cube plein.
Couleurs
Ni rouge, ni orange
Je n’arrivais pas à choisir. J’ai gardé l’entre-deux. Toute la palette suit la même idée : des couleurs franches. Les gris n’ont rien d’extraordinaire. Ils sont juste un peu plus chauds que d’habitude, parce que j’aime que l’on se sente bienvenu.
Grille
Explorer les projets autrement, avec une grille interactive conçue comme un jeu
Tout part de l’expérience utilisateur. La constellation est un système interactif pensé comme un jeu de découverte, une autre façon de parcourir mes projets. Chaque élément suit des règles précises de couleur et d’icône, mais l’ensemble crée un univers cryptique que l’on a envie d’explorer.
Un langage visuel sombre et acide, où chaque couleur et chaque icône a un rôle
Un dark mode était nécessaire par défaut, logique quand on travaille volets fermés. Chaque couleur correspond à un type de projet et porte son icône. Le cube orange pour les études de cas. La capsule verte pour les expérimentations, les projets que je fais pour moi, créatifs ou non. Le lavande pour les collaborations avec des agences et les projets auxquels je participe, avec une forme à laquelle il manque une pièce : celle que j’apporte.
Typographie
Kube & Pill
Une seule police sur tout le site : la Dwight, une linéale géométrique dessinée par la fonderie montpelliéraine Lift Type. Inspirée des outils de bureau traditionnels comme le papier perforé, elle apporte des détails atypiques qui contrebalancent l’esthétique brute et tech du site. Ses formes géométriques gardent l’ensemble rigoureux, des titres jusqu’aux légendes. Un choix guidé par les conseils d’Alexandre Créquer, dessinateur de caractères et graphiste.
Dwight Box
La Dwight Box est générée par un algorithme Python à partir de la Dwight : chaque lettre est remplacée par un rectangle plein, aussi haut que la lettre d’origine et aussi large que sa chasse, avec un léger débord pour que les boîtes se touchent et forment une seule barre. Les espaces restent des espaces, les chasses et le crénage ne bougent pas. N’importe quel texte peut donc devenir un bloc graphique qui épouse exactement sa forme, sans toucher à la mise en page.
Système design & motion
Un concept pour les gouverner tous
Le motion se déroule devant l’utilisateur comme un tapis rouge. La grille revient partout, et les pixels évoquent un décryptage, comme si le site se révélait au fur et à mesure. Tout est une histoire de pixels et de blocs, à l’image de ma façon de travailler : avancer petit pas par petit pas, construire des design systems réutilisables, et tout faire tenir dans une seule idée.
Appui longBougez et maintenez le clic
Voix & ton
Mon ton est &
Dépliage des UV, avec soin...
Le sérieux reste dans le travail, l’humour se glisse dans les détails. Les personnes qui naviguent avec un lecteur d’écran ont aussi droit aux blagues.
Imagerie
Aucun livre n’a été ouvert pendant ce shooting
Les photos sont signées Aurélien Thomas, aussi talentueux en 3D qu’en photo. Il a accepté de me prendre en photo entre deux bons bols de ramen à la maison. La Médiathèque André Malraux de Strasbourg, un lieu historique modernisé par les architectes Jean-Marc Ibos et Myrto Vitart. Un cadre très sérieux, qui tranche avec mon tempérament.
Design sonore
Déplacez-moi
Un son qui se touche presque
La mélodie renforce l’ambiance mystérieuse et cryptique du site. Les effets sonores ajoutent aussi une couche à l’expérience : chaque action répond, avec un retour presque haptique. Aux commandes, le talentueux Adrobski (Bangalter était trop occupé).
Merci d’avoir tout lu, jusqu’au dernier pixel. Vous connaissez maintenant les coulisses. Place aux projets.