Étude de cas · Site internet · Ville de Vevey

Les Vignes de Vevey

Le site des vins de la Ville de Vevey, vinifiés au cœur de la cité dans la Cave de l’Hôpital. Un site bilingue, conçu et réalisé de A à Z chez Relais Com, pour raconter onze hectares de vignes, trois domaines et trois vignerons.

Page d'accueil de vignesdevevey.ch : paysage de vignes au-dessus du Léman, titre « La rencontre d'un savoir-faire et d'un patrimoine exceptionnel »
Client
Les Vignes de Vevey, les vins de la Ville de Vevey
Année
Mise en ligne en 2021
Cadre
Projet mené chez Relais Com, agence de communication à Nyon
Mon rôle
Conception, arborescence, direction artistique, design, montage des visuels, intégration et mise en page des contenus, de A à Z
Livrables
Site en français et en allemand : vignobles, cave, vins, actualités, contact, liaison avec la boutique en ligne de la Ville
Outils
WordPress, Divi

01 · Le contexte

Une ville qui fait du vin

Vevey a longtemps été cerclée de vignes. La Ville en possède toujours onze hectares, répartis sur cinq vignobles et trois domaines, sur les communes voisines de Corseaux, Chardonne, Jongny et La Tour-de-Peilz. Trois vignerons-tâcherons les cultivent. Les raisins sont vinifiés au centre-ville, dans la Cave de l’Hôpital, la dernière cave de la région à encaver ses récoltes au cœur de la cité.

En 2019, la Fête des Vignerons a rendu hommage à ces trois vignerons. Corinne Buttet y est devenue la première femme couronnée depuis la création de la fête en 1797. Ce patrimoine et ces visages méritaient un site à leur hauteur.

02 · L’idée

Raconter avant de vendre

Le site s’ouvre sur « Il était une fois les Vignes de Vevey ». Le parti pris : donner d’abord envie de connaître l’histoire, les lieux et les gens, puis seulement présenter les vins. Le visiteur descend de la vigne au verre, comme le dit la philosophie de la cave.

La direction artistique tient en trois mots : tradition, authenticité, sobriété. Dès l’accueil, une bouteille d’Eys Rueyres posée sur une grappe dessinée au trait accompagne le visiteur : elle reste à l’écran pendant que le texte défile. Ce montage, bouteille détourée sur illustration, donne le ton d’une maison ancienne qui ne cherche pas à paraître moderne. Les grandes photos glissent en parallaxe, les blocs apparaissent en fondu, et le bandeau « Notre philosophie » déplie ses cinq images au survol. Le site bouge, sans jamais distraire de l’essentiel.

Chaque domaine a sa fiche, avec sa commune, sa surface, ses cépages et ses vins. Et chaque vigneron y prend la parole, avec son portrait et ses mots. Le site ne vend pas seulement des bouteilles, il présente les personnes qui les font.

Bouteille d'Eys Rueyres, pinot noir de Saint-Saphorin, posée sur une grappe de raisin dessinée au trait
Eys Rueyres et sa grappe au trait : le montage qui ouvre la page d’accueil.

03 · L’architecture

Quatre entrées, deux langues

L’arborescence tient en quatre entrées, les mêmes en français et en allemand.

  1. Les vignobles. Une carte situe les domaines autour de Vevey. Chaque domaine a sa fiche et son vigneron, puis la page présente les visages du savoir-faire.
  2. La cave. L’histoire des Vignes de l’Hôpital, du Moyen Âge à aujourd’hui, et celle du bâtiment qui abrite toujours les pressoirs.
  3. Les vins. Blancs, rosé, rouges, mousseux et limonade. Pour chaque cru, une fiche courte, son appellation, son prix et un bouton qui mène à la boutique en ligne de la Ville.
  4. Les actualités. Un blog pour les nouveautés, les points de vente et les accords, afin de faire vivre le site entre deux millésimes.
Page Les vignobles : carte des domaines autour de Vevey et fiche du Domaine des Allours avec la parole de Corinne Buttet
La page des vignobles : la carte, puis chaque domaine avec sa fiche et la parole de son vigneron.

04 · La réalisation

Un site sobre, au service des contenus

L’habillage s’efface derrière le patrimoine : fond crème, titres en serif, touches d’or et de pourpre, grandes photos des vignes, du lac et des vignerons, bouteilles détourées posées sur des illustrations au trait. Une esthétique de tradition, sans folklore. Les animations sont discrètes et servent la lecture : parallaxe des fonds, apparitions en fondu, bouteille qui suit le défilement, accordéon d’images au survol. Le site est construit sur WordPress avec le constructeur Divi et un thème enfant, ce qui permet à la Ville de mettre à jour ses contenus sans dépendre d’une agence.

I

La carte des domaines

Des points cliquables sur la carte situent les trois domaines et renvoient à leur fiche. Le visiteur comprend d’un coup d’œil où poussent les vins qu’il va goûter.

II

Les fiches de vins

Chaque cru a sa bouteille détourée, sa description, son format et son prix. Le bouton « Commander » renvoie à la boutique en ligne gérée par la Ville, sans alourdir le site d’un e-commerce.

III

Le bilingue

Toutes les pages existent en français et en allemand, avec un menu et des adresses propres à chaque langue, pour une ville au carrefour des deux régions linguistiques.

  • WordPress
  • Divi
  • Thème enfant
  • Parallaxe
  • Animations à l’apparition
  • Accordéon d’images
  • Carte à points cliquables
  • Formulaire de contact
Trois écrans de téléphone montrant l'accueil, la page des vignobles et la page des vins de vignesdevevey.ch
Le site sur téléphone : accueil, vignobles et vins.

05 · Sur tous les écrans

Pensé pour le téléphone aussi

Une bonne partie des visiteurs arrive depuis un téléphone, au restaurant, à la cave ou devant un rayon. Les fiches de vins restent lisibles en une colonne, la carte des domaines garde ses points cliquables et le bouton de commande reste à portée de pouce.

Les photos sont servies en plusieurs tailles selon l’écran, pour que le site reste rapide malgré ses grandes images.

06 · Ce que ce projet démontre

Tenir un site seul, de l’idée à la mise en ligne

  • Mener un projet web de bout en boutArborescence, direction artistique, montage des visuels, intégration et mise en page des contenus, en un seul interlocuteur pour le client.
  • Mettre un patrimoine en récitUne histoire qui commence au Moyen Âge, des lieux, des visages, puis les vins : l’ordre du site est un choix éditorial.
  • Travailler pour une collectivité publiqueUn client institutionnel, des contenus à valider, un site que la Ville doit pouvoir faire vivre elle-même.
  • Rester simplePas d’e-commerce à maintenir : le site présente, la boutique de la Ville encaisse. Chaque brique a une raison d’être.

Galerie

Le site est en ligne : vignesdevevey.ch. Les contenus ont évolué depuis la mise en ligne, la Ville l’alimente elle-même.

Projet suivant

Voyage au cœur des merveilles suisses

Le calendrier 2026 de Pemsa Group : treize sites UNESCO réinterprétés dans l’univers de Jules Verne et animés en réalité augmentée.