Provins - Visiter le site
Vue d'ensemble
Après près de neuf années de bons et loyaux services, la plateforme existante a laissé place à une nouvelle génération d’outils, pensée pour répondre aux usages actuels et accompagner durablement l’évolution des besoins de Provins.
La refonte a également représenté un important travail sur le plan graphique. Plusieurs phases de recherche, d’exploration et d’ajustements ont été nécessaires afin de trouver le juste équilibre entre l’identité forte de Provins, la mise en valeur de ses produits et les exigences d’une expérience digitale contemporaine. Ce travail itératif, mené en étroite collaboration avec le client, a permis d’aboutir à une direction visuelle pleinement validée et adaptée aux différents univers de la marque.
Côté contenu, la dernière version de notre CMS a été déployée. Son système de blocs modulaires et flexibles offre aux équipes de Provins une grande autonomie dans la création, l’organisation et la mise à jour des différentes rubriques du site.
La boutique en ligne a, elle aussi, bénéficié d’une refonte en profondeur avec le déploiement de la dernière génération de PrestaShop. Cette migration a nécessité la reconfiguration de l’ensemble des modules existants ainsi que l’adaptation des développements spécifiques assurant les échanges bidirectionnels de données entre l’e-shop et l’ERP de Provins.
Au-delà de cette évolution technologique, une attention particulière a été portée à l’intégration du CMS et de l’e-commerce au sein d’une expérience digitale unique et cohérente.
| Design | Design system, UI / UX, Figma |
| Front | Vue 2, Nuxt 2, Tailwind |
| Back | AIO V3 Headless |
| Shop | Prestashop |
Challenge
Faire disparaître la frontière entre le site institutionnel et la boutique en ligne.
L’un des principaux enjeux du projet consistait à moderniser en profondeur la plateforme e-commerce tout en conservant et en faisant évoluer les nombreuses fonctionnalités spécifiques développées au fil des années pour Provins.
La migration vers la version la plus récente de PrestaShop a ainsi été accompagnée d’un important travail de reprise et d’adaptation des développements existants, notamment autour des échanges avec l’ERP et les outils métier du client.
Parmi les évolutions majeures figure également la mise en place d’un véritable système d’étiquettes personnalisées, entièrement intégré au parcours de commande et connecté aux outils de production de Provins.
Les anciens mini-sites thématiques ont quant à eux été repensés. Leur richesse éditoriale et leurs principaux éléments de présentation ont été conservés, mais leur contenu est désormais intégré directement au CMS sous la forme de rubriques flexibles et facilement administrables par les équipes de Provins.
Le projet a également permis de reprendre et d’enrichir les nombreuses mécaniques commerciales propres à la plateforme : ventes flash, promotions spéciales, mises en avant de produits et intégration de l’offre e-commerce directement au cœur des contenus éditoriaux.
L’objectif était de faire disparaître la frontière traditionnelle entre le site institutionnel et la boutique en ligne. Un produit peut ainsi être découvert et acheté naturellement depuis différents contenus du site, sans imposer à l’utilisateur de changer d’univers ou de parcours.
Cette intégration poussée se retrouve jusque dans le front-end : qu’il consulte un contenu éditorial ou une page du shop, l’utilisateur évolue dans une seule et même expérience Provins, homogène, fluide et entièrement intégrée.
Mobile
Accessibilité sur tous les supports
L'expérience utilisateur est réfléchie pour s'adapter à tous les supports. Ainsi les internautes peuvent consulter aisément leurs contenus peu importe leur appareil. Les performances de chargement et d'affichage permettent une lecture fluide des contenus.
Méthodologie
Au plus près des besoins clients
Grâce à une analyse approfondie des enjeux techniques et ceux relatifs à l'expérience utilisateur, les équipes de iomedia ont pu fixer les objectifs de priorité pour atteindre le résultat souhaité par notre client.
Interactivité
Accessibilité
Couleurs
Les choix de couleurs ont été guidés par plusieurs considérations pour garantir une harmonie et une lisibilité optimales. Pour ce projet, nous avons utilisé les codes mis en place dans leur charte graphique existante, en les adaptant pour une utilisation optimale sur les supports numériques.
Design system
Une bibliothèque d’éléments réutilisables
Créer une bibliothèque d’éléments réutilisables est une étape essentielle pour une identité visuelle forte. En créant des blocs et des éléments de designs cohérents, il est aisé d’assurer une cohésion visuelle sur tous les supports et faciliter le travail des graphistes et des développeurs, à chaque étape du projet.
