nuumi
Une marque de luminaires dont le produit se dévoile au défilement
Visiter le siteJ’ai créé une entreprise fictive de luminaires, son identité visuelle et un site fonctionnel autour d’une lampe sculpturale
Construire une marque de luminaires autour d’un objet reconnaissable
nuumi est un concept indépendant de marque et de site Web pour une entreprise fictive de luminaires haut de gamme. Le mandat était de créer une expérience client complète : un nom, une identité, un produit et une boutique de démonstration fonctionnelle.
Loop, la lampe phare, définit le langage visuel du projet. Son diffuseur annulaire, sa tige fine et son socle arrondi relient l’identité, les images et les animations. Le slogan « Make room for softer light » met l’atmosphère en avant, avant les caractéristiques techniques.
Des courbes douces, des traits fins et un rythme précis
Le logotype en minuscules paraît légèrement gonflé sans devenir épais. Les terminaisons arrondies, les espaces ouverts et la répétition du u font écho au diffuseur. Les lettres et leur espacement sont construits en tracés vectoriels, avec des variantes claires, foncées et adaptées aux petits formats.
Un blanc chaud et un quasi-noir forment la base. L’aluminium brossé apporte de la précision, tandis que la finition Persimmon ajoute une touche de couleur. Cette palette se retrouve dans les rendus, l’interface et le sélecteur de finitions.
Le défilement contrôle la progression d’un film produit
Un objet cohérent
Un même modèle Three.js sert au dévoilement, à la vue éclatée et au choix de finition.La géométrie reste cohérente quand le visiteur change de direction, s’arrête ou saute une partie du parcours.
Un mouvement qui explique
L’ouverture sombre mène à une étude du produit sur fond clair, puis à une vue de sa construction proposée.Le cadrage, l’échelle et la rotation expliquent l’objet. La position de défilement détermine la composition.
Laisser le contrôle au visiteur
Le défilement natif, un lien pour passer l’introduction et une option de mouvement réduit accompagnent les informations produit.L’introduction enrichit l’expérience tout en gardant le contenu essentiel et les commandes d’achat accessibles directement.
La présentation du produit mène à une boutique utilisable
Le sélecteur de finition modifie la lampe et la configuration d’achat ensemble. Le visiteur peut choisir Chalk, Graphite ou Persimmon, ajouter sa sélection au panier de démonstration, changer les quantités, retirer un article et consulter le total.
Une page produit, une présentation de l’entreprise, une FAQ et un formulaire complètent le site. La commande est clairement présentée comme une démonstration et ne recueille aucune information de paiement. Le formulaire valide les champs et précise que son accusé de réception est une démo.
Un concept de marque complet, à explorer en ligne
Le projet réunit l’identité de marque, la visualisation produit, l’animation et le développement front-end dans une expérience fonctionnelle. Le site comprend des compositions adaptatives, une présentation statique à mouvement réduit et un panier de démonstration.
nuumi et Loop sont fictifs. Les caractéristiques et le prix sont des propositions de design; ils ne représentent ni un produit fabriqué, ni une recherche client, ni des résultats commerciaux. L’imagerie d’ouverture et d’intérieur repose sur une direction artistique assistée par IA, tandis que la géométrie animée et l’identité vectorielle sont contrôlées dans le code.