Salon du vin
Salon du vin
Le Salon du vin qui s’est dĂ©roulĂ© en mai 2018 Ă Porte de Versailles – Paris, ont commanditĂ© (projet fictif) Ă notre agence spĂ©cialisĂ©e en dataviz une application destinĂ©e Ă guider ses visiteurs. Ce Salon prĂ©sentera exclusivement des vins produits Ă travers la France entiĂšre.
Cette application vise Ă aider le public cible dans la constitution de
leur cave ou dans lâachat de leur vin mais Ă©galement apporter de la visibilitĂ© aux vignerons.
Date
Juin 2019
Mission
Reflexion de la solution
Identité visuelle
UX/UI
Le dorĂ© renforce lâimage prestigieuse du Salon du Vin. En effet, la couleur or Ă©voque le luxe et le raffinement, ce qui correspond exactement au positionnement du Salon. Sobre et Ă©purĂ©, le gris et le blanc renvoient une sensation de puretĂ© et permettent au contenu visuel de respirer. Quant au beige, il rappelle lâĂ©tiquette collĂ©e sur les bouteilles de vin.
Les tĂąches constituent lâidentitĂ© de marque du Salon de Vin. Elles reprĂ©sentent les tĂąches de vins par grand type : blanc, rosĂ©, rouge. Ces tĂąches font clairement rĂ©fĂ©rence au « tachisme », un courant dâart rĂ©pandu dans les annĂ©es 1950 qui consiste en des Ă©claboussures de peinture sur la toile. GrĂące Ă sa connotation Ă lâart, elles Ă©voquent indirectement le prestige et le luxe, image que veut se donner le Salon du Vin.
Des pictogrammes pour le menu ont été traités de maniÚre fine et filaire afin de rester le plus sobre et premium possible.
Les pictogrammes Linkedin, Instagram et Facebook ont Ă©tĂ© colorisĂ©s en dorĂ© dans le but de maintenir une cohĂ©rence graphique sur lâensemble des pages de lâapplication.
PubliĂ©e par Swiss Typefaces, NewParis est une police contemporaine qui sâinspire fortement de lâinfluence de la famille Didot apparut au cours du 18-19Ăšme siĂšcle. Appartenant Ă la catĂ©gorie des serifs, elle se veut prestigieuse et haut-de-gamme. En effet, NewParis Headline, utilisĂ©e Ă diffĂ©rents niveaux de titres, connote le monde du luxe. Elle est adoptĂ©e dans le domaine du design, de la culture, de la mode ou des restaurants gastronomiques. Son fort contraste lui confĂšre grĂące et Ă©lĂ©gance.
Designée par Hannes von Döhren en 2009/10, Brandon Grotesque appartient à une police de type sans serif inspirée des années 1920/30.
TrĂšs lisible, cette police convient parfaitement pour les longs paragraphes de description. Sa petite hauteur dâx lui assure Ă©lĂ©gance et classe. Elle sâaccorde extrĂȘmement bien avec lâunivers luxieux du Salon du Vin.
DĂšs lâouverture de lâapplication, lâutilisateur se doit de faire un choix entre deux entrĂ©es :
âą Les appellations, offrant elles-mĂȘmes 3 sous catĂ©gories, les AOP, IGP et VSIG.
⹠Les types de vin, rouge, blanc ou rosé.
Filtres
Page sous forme de liste qui sâaffiche Ă la suite des filtres selectionnĂ©s si moins de 20 rĂ©sultats.
Pour le traitement des donnĂ©es, seulement les plus pertinentes et essentielles Ă lâutilisateur apparaĂźtront. Câest pourquoi un tri en amont a Ă©tĂ© effectuĂ© afin dâoffrir diffĂ©rents niveaux de dĂ©tails. 14 rĂ©gions viticoles sont prĂ©sentĂ©es sur lâapplication.
Plan du salon
Une fois sur la carte de la France, lâutilisateur peut switcher Ă tout moment pour visualiser le plan du Salon dans lequel il se trouve. Le Salon est justement agencĂ© en hexagone afin que le visiteur puisse se repĂ©rer au mieux Ă travers les terroirs viticoles..
La principale difficultĂ© de ce tri rĂ©sultait du grand nombre de rĂ©gions viticoles. Nous avons donc pris le parti de ne faire apparaĂźtre quâun type de donnĂ©es Ă la fois. Lâutilisateur nâa ainsi quâĂ balayer Ă droite ou Ă gauche lâĂ©cran pour voir apparaĂźtre ces donnĂ©es transversales.
Sur la premiĂšre page, il dĂ©couvrira les appellations puis sur la seconde, les types de vin. Ă partir de ces deux pages, il peut lui mĂȘme faire le choix de voir les AOP, les IGP ou les VSIG puis les blancs, les rosĂ©s ou les rouges. Lâapplication offre diffĂ©rents niveaux de lecture, adaptĂ©e autant Ă lâamateur quâau professionnel. Ce dernier pourra Ă©galement cliquer sur la rĂ©gion de son choix afin de dĂ©couvrir des donnĂ©es plus encore plus prĂ©cises telles que la proportion des types de vin pour chaque appellation. Nous pouvons donc avoir un niveau de dĂ©tail supplĂ©mentaire, mais tout en gardant une simplicitĂ© de comprĂ©hension.
DĂ©tail par rĂ©gion – Niveau I (IGP)
Afin de rendre la lecture plus visuelle, chaque donnĂ©e est reprĂ©sentĂ©e par une couleur et une forme prĂ©cise. Par exemple, lâIGP est symbolisĂ©e par une bouteille de forme significative dorĂ©e. Ainsi, cette couleur et cette forme qui lui sont associĂ©es permettent Ă lâutilisateur de garder un film rouge Ă travers sa navigation et lui offre une cohĂ©rence visuelle.
DĂ©tail par rĂ©gion – Niveau II
Visuellement il comprend Ă©galement que plus il y a de bouteilles, plus la production est grande. Cette reprĂ©sentation iconographique est complĂ©tĂ©e par la valeur de cette donnĂ©e puisque lâapplication peut ĂȘtre utilisĂ©e autant par des amateurs qui regarderont plutĂŽt la comparaison du nombre de bouteilles, que par des professionnels, qui eux, peuvent avoir un besoin dâinformation prĂ©cis.
