Projet conceptuel — Expérience immersive
Maison Sorell
Une expérience digitale imaginée pour une maison de maroquinerie fictive. Une direction artistique cinématographique, un sac interactif en 3D et une narration immersive où chaque détail célèbre la matière et le geste.
- Nature
- Concept créatif WEBORA, marque fictive
- Rôle de WEBORA
- Direction artistique, design, 3D, développement
- Techniques
- Blender (Cycles), Three.js, JavaScript
- Écrans
- Ordinateur, tablette, téléphone
Un concept signé WEBORA. Maison Sorell est une maison imaginée par notre studio pour montrer, en toute liberté, ce que nous savons construire : une marque, sa direction artistique et une expérience immersive complète. La marque est fictive ; ses photographies ont été créées avec l’IA et le Sac Arc a été modélisé en 3D par WEBORA.
01 La vision
Une maison imaginaire, une seule idée.
« Le geste juste »
Maison Sorell est une maroquinerie parisienne inventée de toutes pièces. Son idée directrice tient en trois mots : une maison discrète, qui parle peu et montre beaucoup.
Chaque section du site s’éclaire comme une pièce d’atelier : un objet, une lumière rasante, une ombre portée, un texte court. Le luxe passe par le silence, l’espace et un rythme lent, plutôt que par l’ornement.
La palette
- Charbon
#121110 - Crème
#F2ECE2 - Lin
#E5DCCD - Cuir cognac
#9A6440 - Sauge
#8E9C88
Titres · Cormorant Garamond, Light et Italique
L’art du geste juste.
Textes · Manrope
Des pièces de cuir façonnées à la main, pensées pour durer et pour se faire oublier.
Une photographie éditoriale, de très grands titres à l’interlignage serré, des repères en capitales espacées. Aucun arrondi, aucun dégradé décoratif : la matière suffit.
02 Le Hero cinématographique
Une ouverture pilotée par le défilement.
Le site s’ouvre sur le Sac Arc, filmé par une caméra virtuelle : le grain du cuir, le fermoir, l’anse, puis le sac entier. À chaque position du défilement correspond une image calculée à l’avance.
La séquence, rejouée ici
- 240images précalculées : 120 pour l’ordinateur (1440 × 810), 120 pour le mobile (720 × 1280)
- Blenderrendu Cycles par une caméra virtuelle ; le relief du cuir est tiré de la photographie de matière, elle-même créée avec l’IA
- Par vaguesles images arrivent une sur huit, puis une sur quatre, puis toutes : la séquence s’affine pendant qu’on la regarde
- Sans animationsi le visiteur réduit les animations, une image fixe remplace la séquence
Démonstration ci-dessus : une image sur deux de la séquence du site, soit 60 images par format.
Deux cadrages, une même caméra. Sur téléphone, la séquence est rendue en portrait : le sac reste au centre de l’écran au lieu d’être recadré.
03 La Collection interactive
Le Sac Arc, en trois dimensions.
Dans la Collection, le Sac Arc n’est plus une image : c’est un véritable modèle 3D, affiché en temps réel avec Three.js. On le fait tourner, on ouvre son rabat, on s’approche du cuir, du fermoir, des coutures et de l’intérieur.
L’exploration plein écran · 17 secondes, sans son
Le sac suit la main.
Enregistrement de la prévisualisation publique : le visiteur fait tourner le sac à la souris, ouvre puis referme le rabat, s’approche du fermoir et des coutures, puis revient à l’ensemble.
-
Le cuirUn veau lisse pleine fleur, cognac : la lumière rasante révèle son grain.
-
Le fermoirUne bascule de laiton massif : un doigt suffit à libérer le rabat.
-
Le gesteLe rabat s’ouvre et se referme d’un bouton, dans la lumière de la scène.
-
L’intérieurUn soufflet intérieur, une poche plate pour le téléphone.
Pensé pour le tactile
Un doigt pour tourner, deux pour approcher.
- Dans la page, la scène ne capte aucun geste : le défilement reste libre. Un simple toucher ouvre l’exploration plein écran.
- À la souris, le sac suit le pointeur sans retard, puis garde une inertie naturelle. Au clavier, les flèches le font tourner.
- La scène ne calcule rien au repos ni hors de l’écran : elle ne s’anime que lorsqu’on la manipule.
04 L’Atelier et le Carnet
Le savoir-faire, raconté en images.
Après l’objet, la main. L’Atelier déroule trois gestes au fil du défilement ; le Carnet compose une galerie éditoriale en cinq planches, légendées comme dans un magazine.
Une lumière commune. Toutes les photographies ont été créées à partir des mêmes références de produits, puis étalonnées ensemble pour garder une seule lumière, d’une section à l’autre.
05 Le résultat
Une expérience de marque complète.
Un même récit sur tous les écrans : l’objet, la matière, la main, puis la Maison. Sur téléphone, chaque section est recomposée, pas seulement réduite.
Ouverture
Collection
Atelier
Signature
Les choix créatifs
- Une direction artistique propre à la marque : charbon, crème et cuir cognac, une photographie éditoriale, une typographie à l’italique sensible.
- Un seul objet, le Sac Arc, qui porte le récit du début à la fin.
- Une narration en cinq temps, où le mouvement révèle la matière au lieu de la décorer.
Les choix techniques
- Une séquence 3D précalculée pour l’ouverture, où la fidélité de l’image compte plus que l’interaction.
- Un modèle 3D en temps réel pour la Collection, où l’interaction compte plus que tout.
- Des images responsives et chargées au fil de la lecture, une navigation au clavier et des images fixes quand les animations sont réduites.
Un concept n’a pas de ventes à afficher : cette étude de cas présente une démarche et des choix, prêts à servir une vraie marque.
Le site se parcourt mieux qu’il ne se raconte.
Prévisualisation publique · s’ouvre dans un nouvel onglet
(→) Votre projet
Une expérience à votre image.
Découvrez nos formules de création de site ou présentez-nous directement votre projet.