Créer une expérience de site immersive
Refonte du site internet et création d'assets, d'illustrations et d'animations 3D
Un site sensationnel pour un WaaS
ShopOnYou propose un service innovant : Des bornes WiFi que les commerces de proximité et professionnels de l’hospitalité peuvent mettre à disposition de leurs clients. Ces bornes offrent des avantages aux commerçants comme aux clients, en fournissant un point d’accès internet gratuit et sécurisé.
Avec ce “WiFi as a Service” (WaaS), les commerçants peuvent récupérer des données utiles pour leur Analytics ou leur campagne marketing tout en récompensant la fidélité de leurs clients.
L’équipe de ShopOnYou a contacté DropD dans l’objectif de moderniser son site Internet et de proposer une expérience de navigation dynamique grâce à l’intégration de modèles 3D. En plus de la refonte esthétique, nous avons optimisé son référencement SEO pour le rendre plus visible sur les moteurs de recherche.
L’objectif de la mission : Permettre aux utilisateurs de naviguer sur le site ShopOnYou dans un parcours structuré incluant des animations au scroll pour créer une expérience immersive et mémorable.
Notre collaboration
Pour que cette collaboration ait lieu dans les meilleures conditions, nous avons travaillé avec l’équipe ShopOnYou sur nos outils collaboratifs tels que Figma et Notion.
Figma nous permet de concevoir les maquettes et prototypes du site. L’outil permet également à nos clients d’assister en temps réel à l’avancée de leur projet. Ceci confère ainsi une réactivité accrue à nos équipes.
Quant à Notion, nous le paramétrons pour offrir à nos clients un Dashboard de suivi de projet et ainsi les accompagner à chaque étape.
Forts de notre expérience avec ces outils et méthodes, nous avons rapidement pu proposer des maquettes hautes fidélité à ShopOnYou pour intégrer les premières pages sur notre CMS Webflow en moins de deux semaines.
La mise en avant des avantages ShopOnYou
Avec une fenêtre de développement de plusieurs mois, nous avons pu imaginer et proposer une toute nouvelle expérience de navigation en accord avec la volonté de l’équipe ShopOnYou.
L’élément clé de cette expérience est l’utilisation du WiFi et de la borne ShopOnYou, illustrés par une animation 3D du scan du QR code de la borne intégrée sur la page d’accueil.
Quant au dispositif de fidélisation, des animations au scroll sur-mesure ont été réalisées par DropD pour mettre en lumière ses différents avantages. Les utilisateurs des bornes WiFi doivent en effet visualiser leur intérêt, comme réaliser des économies, avoir une carte de fidélité digitale, profiter de bons plans ou encore recevoir des cadeaux et bons de réduction. Tous les modèles 3D et animations ont été pensés en accord avec la charte graphique ShopOnYou pour garantir l’harmonie de son site.
Une accessibilité internationale grâce à Weglot
Notre client souhaitant traduire son site internet en plusieurs langues, nous avons décidé d’intégrer Weglot, un outil qui permet de traduire votre site instantanément. À l’inverse des traducteurs traditionnels, celui-ci est très performant et en cohérence avec les propos de la version originale. Compatible avec Webflow, il intègre les meilleures pratiques de référencement multilingue et permettra à Shoponyou d’être retrouvé facilement sur les moteurs de recherche à l’international.
Une expérience utilisateur boostée à la 3D
Nous avons modélisé des éléments en 3D pour améliorer l’expérience utilisateur et lui faire parcourir le site tout en visualisant la proposition de valeur de ShopOnYou à savoir une borne Wifi qui permet de protéger ses utilisateurs et de récolter des données pour proposer des offres promotionnelles à ses utilisateurs. En plus de délivrer un message, ces éléments ressortent sur le site et donnent une esthétique moderne. Leur modélisation a été réalisée sur Blender et leur intégration a été rendue possible grâce a Lottiefiles, qui permet de traduire une animation vidéo en utilisant le format JSON et la découper en plusieurs captures. Tout en rendant l’animation plus légère, elle devient manipulable facilement et permet d’être intégrée à votre site internet.
Une gestion du back-office facilitée par Webflow
Notre client peut modifier ses contenus et intégrer de nouveaux éléments comme des témoignages clients, des logos, modifier les textes, les images et les liens. Il est autonome sur ces points grâce à notre formation Webflow. La puissance du back-office de Webflow est incomparable par rapport à ses concurrents et permet une grande versatilité des actions quant à la gestion de son site internet.
Pour vous rendre sur le site et découvrir le fruit de notre collaboration rendez-vous sur https://www.shoponyou.com