5
Prix internationaux
4 CSS Design Awards (design + dev), Awwwards Honorable Mention.
Prix internationaux
4 CSS Design Awards (design + dev), Awwwards Honorable Mention.
01 · Parti-pris
Définition initiale du positionnement éditorial. Hyperia est traité comme une vitrine de marque haut-luxe, pas comme une page produit étendue. Cette décision conditionne tout le reste : narration musée plutôt que catalogue, motion design retenu plutôt que démonstratif, parcours contemplatif plutôt qu’optimisé. Sur ce type de produit (objet d’exception, fabrication à la commande, cible niche), le bon réflexe stratégique est d’inverser les codes du e-commerce premium. Notre rôle a été de tenir cette posture jusqu’aux moindres détails de l’expérience.
02 · Écart contrôlé du DS
Identification des composants à conserver et de ceux à réécrire spécifiquement pour Hyperia. Typographie standard Vaonis conservée pour la cohérence de lecture, mais poussée plus large pour signaler le saut de gamme. De nouveaux modules d’interaction sont créés exclusivement pour Hyperia : sections fullscreen, transitions sur-mesure, mise en scène 3D inédite. L’écart est mesuré pour qu’Hyperia se distingue sans devenir une page étrangère pour qui arrive du site principal. C’est cet équilibre qui permet à un design system de respirer sans se fragmenter.
03 · Mise en scène 3D & motion
Travail détaillé sur les rendus 3D, les cadrages, le rythme du scroll. Chaque caractéristique technique du télescope (optique, motorisation, capteur, monture) devient un instant narratif, pas une donnée à lire. Le produit n’est jamais sur fond blanc, toujours dans un décor évocateur, calibré pour faire sentir l’usage. Le rythme du scroll est volontairement plus lent que sur le reste du site, pour donner le temps au visiteur de s’arrêter, de tourner autour, de ressentir la rareté de l’objet. Cette pose contemplative, héritée des codes du musée et du luxe, est ce qui justifie le format vitrine.