Un site vitrine conçu de A à Z pour Cidres de France.
Création du site vitrine de l'UNICID, l'interprofession des Cidres de France : conception graphique, template WordPress 100 % sur mesure, intégration avec WPBakery pour l'autonomie des équipes, et maintenance assurée depuis la mise en ligne.
L'UNICID, l'interprofession des Cidres de France.
Créée en 1998 et basée à Paris, l'UNICID (Union Nationale Interprofessionnelle Cidricole) réunit les organisations professionnelles de la production de fruits à cidre et de leur transformation. Sa mission : soutenir l'innovation, répondre aux attentes des consommateurs et mener une communication collective pour promouvoir et valoriser le cidre français, en France comme à l'étranger.
Cidres de France est la marque grand public de cette communication collective, avec un message simple : « Que de la pomme et zéro sucre ajouté ! ». Le site devait porter cette parole auprès du public : raconter la naissance du cidre, le verger et la biodiversité, le respect de l'environnement, puis aider chacun à bien choisir son cidre parmi cinq styles, jusqu'aux recettes et aux produits mis en avant.
Le site cidresdefrance.fr a été conçu et développé intégralement par mes soins, de la direction artistique au template WordPress, dans le cadre de mon agence Refence. J'en assure la maintenance depuis sa mise en ligne.
Donner au cidre français une image contemporaine.
Une interprofession s'adresse à tout le monde à la fois : consommateurs curieux, cavistes, restaurateurs, journalistes, producteurs. Le site devait être beau et désirable pour les premiers, clair et pédagogique pour tous, et rester simple à faire vivre pour une équipe de communication qui n'a pas de développeur sous la main.
Mission 1 — Concevoir l'univers graphique du site.
- Sortir de l'image rustique du cidre pour un univers premium et contemporain, tout en restant fidèle à l'identité Cidres de France
- Mettre la dégustation en scène : grandes photographies lifestyle, verre en pleine lumière, portraits de cavistes et de producteurs
- Installer une typographie forte, capitales serif pour les accroches et italiques pour les textes de dégustation, sur un bleu profond signature
- Décliner le tout sur mobile sans perdre l'impact des visuels
Mission 2 — Un template WordPress entièrement sur mesure.
- Aucun thème du marché : un template développé de zéro, pixel-perfect par rapport aux maquettes, sans surcouche inutile
- WPBakery comme constructeur de pages, enrichi d'éléments personnalisés reproduisant les composants du design, pour que l'équipe compose ses pages en autonomie
- Des contenus structurés : le cidre français, les cinq styles, les produits, les recettes, l'interprofession
- Performance et SEO technique dignes d'un site institutionnel national
Mission 3 — Maintenir le site dans la durée.
Un site d'interprofession vit au rythme des campagnes de communication. Depuis la mise en ligne, j'assure la maintenance du site : mises à jour, sauvegardes, sécurité, performance, et les évolutions demandées par l'équipe au fil des saisons.
Une conception graphique signée, de la direction artistique aux maquettes.
Arborescence & messages
Définition de la structure éditoriale avec l'interprofession : accueil, le cidre français, bien choisir son cidre, produits, recettes, qui sommes-nous. Hiérarchie des messages clés, du slogan aux accroches de dégustation.
Un bleu profond signature
Univers graphique conçu par mes soins : fond bleu nuit en dégradé, blanc lumineux, touches de rouge de l'identité tricolore. Un contraste qui fait vibrer la robe dorée du cidre et les photographies.
Capitales serif & italiques
Accroches en capitales serif à fort impact (« Léger en alcool, riche en arômes »), textes de dégustation en italiques élégantes, navigation en linéale sobre. Une voix typographique reconnaissable d'une page à l'autre.
Desktop & mobile
Maquettes de la page d'accueil et des gabarits intérieurs, en version desktop et mobile. Composition du slider d'accueil : accroche, texte, bouton et verre détouré à gauche, grande photographie lifestyle à droite.
Photographie mise en scène
Sélection et traitement des visuels : portraits de cavistes et de producteurs, scènes de dégustation, produits détourés. Chaque image est cadrée et optimisée pour l'écran, du grand format au mobile.
Système de blocs
Conception des composants réutilisables : slides, cartes de styles de cidre, fiches produits, vignettes de recettes, pieds de page. Un langage visuel cohérent que l'équipe retrouve ensuite dans WPBakery.
Un template WordPress sur mesure, piloté avec WPBakery.
Template développé de zéro
Thème WordPress 100 % sur mesure (PHP, HTML, CSS, JavaScript), intégration pixel-perfect des maquettes, responsive mobile-first. Aucun thème du marché, un code léger et entièrement maîtrisé.
Éléments personnalisés
WPBakery Page Builder retenu comme constructeur de pages, complété par des éléments développés sur mesure pour chaque composant du design. L'équipe compose et modifie ses pages sans toucher au code.
Slider & mises en avant
Slider d'accueil sur mesure avec accroches, texte et bouton vers les styles de cidre, puis sections de mise en avant : le cidre français, les cinq styles, les produits, les recettes. Tout est administrable.
Gabarits de pages
Gabarits pour les pages éditoriales (naissance du cidre, verger et biodiversité, environnement), les styles de cidre, les produits et les recettes. Une mise en page cohérente, quel que soit le contenu publié.
Vitesse & SEO technique
Optimisation des images (un site très visuel), chargement différé, cache, balisage sémantique, titles et metas, sitemap. Un site institutionnel rapide sur tous les écrans, bien compris par Google.
Suivi dans la durée
Mises à jour du cœur WordPress, de WPBakery, des extensions et du thème, sauvegardes, surveillance de la sécurité et des performances, évolutions à la demande de l'équipe au fil des campagnes.
Les technologies mobilisées.
Une vitrine premium que l'équipe fait vivre seule.
Côté image.
- Un univers graphique reconnaissable, conçu pour Cidres de France et décliné sur tout le site
- Le cidre présenté comme un produit de dégustation, léger en alcool et riche en arômes, loin des clichés
- Une expérience fidèle sur mobile, avec des visuels qui gardent tout leur impact
Côté site.
- Un template 100 % sur mesure, sans thème du marché ni dette technique
- Une équipe autonome sur ses pages, ses produits et ses recettes grâce à WPBakery et aux éléments personnalisés
- Un site rapide et bien construit pour le référencement, à la hauteur d'une interprofession nationale
- Un site maintenu depuis sa mise en ligne, avec un interlocuteur unique pour chaque évolution
Cidres de France dispose d'une vitrine qui porte sa communication collective, et d'un outil que son équipe maîtrise au quotidien.
Pourquoi cette collaboration fonctionne.
1. Design et développement, une seule main
Concevoir les maquettes et les intégrer soi-même, c'est garantir un rendu fidèle à l'intention : pas de perte entre la direction artistique et le code.
2. Sur mesure, vraiment
Aucun thème du marché à tordre : un template développé pour ce design, léger, propre, sans fonctions inutiles qui ralentissent le site.
3. WPBakery bien employé
Le constructeur de pages sert l'autonomie éditoriale, et des éléments personnalisés garantissent que chaque page reste dans la charte, quel que soit son auteur.
4. Un site très visuel, et rapide
De grandes photographies plein cadre sans sacrifier les performances : optimisation des images, chargement différé, cache.
5. Pensé pour une interprofession
Un site institutionnel doit informer tous les publics et porter une communication collective : la structure éditoriale et le ton ont été conçus pour cela.
6. Engagement dans la durée
Le site n'a pas été livré puis oublié : il est maintenu, mis à jour et enrichi depuis sa mise en ligne, au rythme des campagnes de l'interprofession.
Un site vitrine
au design sur mesure ?
Conception graphique, template WordPress développé de zéro, WPBakery ou Gutenberg pour votre autonomie, et maintenance dans la durée. Discutons-en.