Réinventer la communication digitale d'une institution.
![Photo d'illustration d'un vignoble](https://cdn.studiometa.fr/www.studiometa.fr/static/etude-de-cas/img/vins-rhone/cover-vins-rhone.jpg?twic=v1)
Introduction
![Photo d'un pied de vigne coupé](https://cdn.studiometa.fr/www.studiometa.fr/static/etude-de-cas/img/vins-rhone/ambiant1-vins-rhone.jpg?twic=v1)
![Photo d'un prélèvement de vin depuis un tonneau](https://cdn.studiometa.fr/www.studiometa.fr/static/etude-de-cas/img/vins-rhone/ambiant2-vins-rhone.jpg?twic=v1)
Notre mission
![Capture de l'écran d'accueil du site Vins Rhône](https://cdn.studiometa.fr/www.studiometa.fr/static/etude-de-cas/img/vins-rhone/homepage-vins-rhone.jpg?twic=v1)
![Maquettes du site Vins Rhône](https://cdn.studiometa.fr/www.studiometa.fr/static/etude-de-cas/img/vins-rhone/compo-vins-rhone.jpg?twic=v1)
Concept créatif
![Section du site permettant de découvrir les vignobles](https://cdn.studiometa.fr/www.studiometa.fr/static/etude-de-cas/img/vins-rhone/decouverte-vignobles-vins-rhone.jpg?twic=v1)
![Page de présentation de l'histoire de la vallée du Rhône](https://cdn.studiometa.fr/www.studiometa.fr/static/etude-de-cas/img/vins-rhone/histoire-vins-rhone.jpg?twic=v1)
![Photo d'illustration d'un verre de vin rouge utilisée sur le site Vins Rhône](https://cdn.studiometa.fr/www.studiometa.fr/static/etude-de-cas/img/vins-rhone/grid1-vins-rhone.jpg?twic=v1)
![Photo de la carte interactive de la vallée du Rhône](https://cdn.studiometa.fr/www.studiometa.fr/static/etude-de-cas/img/vins-rhone/grid2-vins-rhone.jpg?twic=v1)
![Photo d'illustration du Lubéron rosé](https://cdn.studiometa.fr/www.studiometa.fr/static/etude-de-cas/img/vins-rhone/grid3-vins-rhone.jpg?twic=v1)
Notre méthode
![Photo d'un tonneau de vin prise en plan serré](https://cdn.studiometa.fr/www.studiometa.fr/static/etude-de-cas/img/vins-rhone/tonneau-vins-rhone.jpg?twic=v1)
Réflexion UX / UI
![Carte interactive permettant d'explorer la vallée du Rhône](https://cdn.studiometa.fr/www.studiometa.fr/static/etude-de-cas/img/vins-rhone/carte-vallee-vins-rhone.jpg?twic=v1)
![Sélecteur d'activités à découvrir dans la vallée du Rhône](https://cdn.studiometa.fr/www.studiometa.fr/static/etude-de-cas/img/vins-rhone/autour-de-moi-vins-rhone.jpg?twic=v1)
Design System
![demo-design-system](https://cdn.studiometa.fr/www.studiometa.fr/static/etude-de-cas/img/vins-rhone/demo-design-system.png?twic=v1)
![Partie haute de la carte interactive de la vallée du Rhône](https://cdn.studiometa.fr/www.studiometa.fr/static/etude-de-cas/img/vins-rhone/carte-1-vins-rhone.jpg?twic=v1)
![Partie basse de la carte interactive de la vallée du Rhône](https://cdn.studiometa.fr/www.studiometa.fr/static/etude-de-cas/img/vins-rhone/carte-2-vins-rhone.jpg?twic=v1)
![Photo d'illustration d'un vignoble](https://cdn.studiometa.fr/www.studiometa.fr/static/etude-de-cas/img/vins-rhone/cover2-vins-rhone.jpg?twic=v1)
![Gros plan d'un pied de vigne et d'une grappe de raisin](https://cdn.studiometa.fr/www.studiometa.fr/static/etude-de-cas/img/vins-rhone/ambiant3-vins-rhone.jpg?twic=v1)
![Photo d'une vigne devant un paysage](https://cdn.studiometa.fr/www.studiometa.fr/static/etude-de-cas/img/vins-rhone/ambiant4-vins-rhone.jpg?twic=v1)
« Nous étions arrivé dans l'impasse (technique) avec notre site web. Avec Studio Meta, et après appel d'offre, nous avons travaillé à la refonte de notre site web grand public ainsi que de notre espace adhérents. Les 2 projets étaient liés tout en s'adressant à des publics différents, avec des problématique complètement différentes.
Nous avons réussi la création d'un espace adhérents qui a vite été adopté par son public et qui va logiquement continuer à prendre en puissance et nous avons réussi à passer un nouveau cap avec la refonte de notre site grand public. les nouvelles capacités techniques du site et son ergonomie nous permette renforcer les usages que nous en faisions par le passé et de réfléchir à de nouveaux dispositifs de communication à 360 »
Collaboration
+2 ans
Ateliers de co-conception
3
Récompense
1x HM
Design
- Ateliers de conception UX
- Stratégie UX
- Conception de wireframes
- Direction artistique
- Conseil sur la structuration des contenus
- Définition du territoire de marque
Développement
- Développement front et back-end
- Carte interactive interfacée avec API externe
- Extranet adhérent interfacé avec API externe
- Maintenance applicative et évolutive
- Migration et formation SEO
Technologie
- Drupal 8
- Vue.js
- WebGL et Mapbox