Cocktail Express
Site catalogue de Cocktail Express, fabricant rennais de bases de cocktails et de mocktails réservées aux professionnels : catalogue filtrable, une fiche par cocktail avec sa recette et une page qui explique le concept.
Des bases de cocktails pour les professionnels
Cocktail Express est une société bretonne installée à Rennes. Elle fabrique en France des bases de préparation de cocktails et de mocktails, et les distribue aux restaurants, hôtels, campings et lieux de loisirs, qui peuvent ainsi servir des cocktails avec ou sans alcool sans formation particulière.
Le site devait présenter toute la gamme, expliquer comment on prépare un cocktail avec ces bases et amener les établissements à demander une dégustation. Nous l’avons réalisé sous WordPress, en collaboration avec ACTIV communication, autour d’un catalogue filtrable, d’une fiche détaillée par cocktail et d’une page consacrée au concept.
Le projet en bref
- Besoin
- Présenter à des professionnels une gamme de bases de cocktails, avec et sans alcool, et expliquer comment on les prépare.
- Ce que nous avons livré
- Un site WordPress réalisé en collaboration avec ACTIV Communication, avec un catalogue filtrable, une fiche par cocktail, de la recette aux données techniques, et une page qui présente le concept.
- Résultat
- Chaque établissement trouve le cocktail, sa recette et son dosage, et chaque page propose de demander une dégustation.
Un catalogue filtrable, fidèle aux bouteilles
La gamme réunit des bases de préparation en bouteille, à allonger de jus d’orange ou d’ananas, et des cocktails en bag in box prêts à servir. Le catalogue les présente tous en grille, avec leur visuel, leur nom et un lien vers leur fiche. Les bag in box portent le repère Prêt à servir.
Deux filtres, Alcool et Sans alcool, réduisent la grille, et chacun a sa propre adresse, reprise dans le pied de page. Le site suit le code couleur des bouteilles : étiquette rouge pour les cocktails avec alcool, étiquette bleue pour les mocktails.
Faites glisser le schéma pour le voir en entier.
Une fiche par cocktail, de la recette au service
Chaque cocktail a sa fiche, construite dans le même ordre. En tête, le visuel et la contenance avec le nombre de verres servis, puis le type, une courte description, le profil de goût en pictogrammes, la recette et le matériel.
La préparation suit, étape par étape, avec le dosage résumé en pictogrammes. Les allergènes et les données techniques, conditions de commande, durabilité et taux d’alcool, se déplient à la demande. La fiche se termine par d’autres cocktails de la gamme et l’invitation à une dégustation.
Faites glisser le schéma pour le voir en entier.
Le concept expliqué aux établissements
La gamme est réservée aux professionnels et comprend des boissons alcoolisées : une fenêtre demande au visiteur de confirmer son âge à l’arrivée. La page Concept s’ouvre ensuite sur trois volets, la préparation, la carte cocktail et l’accompagnement, qui mènent chacun à leur rubrique.
On y trouve le mode d’emploi imprimé sur les étiquettes, le matériel fourni, des modèles de cartes cocktails et les usages par secteur, du restaurant au camping. En bas de chaque page, un bandeau propose de rencontrer un conseiller pour une dégustation et mène à la page Contact, avec le téléphone, l’e-mail et un formulaire.
Faites glisser le schéma pour le voir en entier.
Le site, page par page
21 pages capturées sur cocktailexpress.fr le 25 septembre 2026, sur ordinateur et sur téléphone. Cliquez sur un aperçu pour l’agrandir, puis faites défiler à l’intérieur pour découvrir toute la page. Les flèches permettent de changer de page.
Accueil et concept
L’accueil, la vérification de l’âge et les pages qui présentent l’entreprise et son concept.
4 pages, 4 vues mobiles
Catalogue
La gamme complète et ses deux filtres, chacun avec sa propre adresse.
3 pages, 3 vues mobiles
Fiches cocktails
Une fiche par cocktail, construite dans le même ordre, de la présentation aux suggestions.
12 pages, 12 vues mobiles
Les fonctions du site
Les pages et les réglages du site de Cocktail Express, construit sous WordPress.
Accueil et navigation
- Menu Concept, Catalogue, À propos et bouton Contact
- Temps de préparation et marge par cocktail mis en avant à l’accueil
- Secteurs servis : restaurant, hôtel, loisirs, camping
- Aperçu de la gamme et préparation en quatre gestes
- Bandeau Envie de goûter ? en bas de chaque page
- Pied de page avec coordonnées, liens vers le catalogue filtré et message de prévention
Catalogue
- Toute la gamme en grille, une carte par cocktail
- Filtres Notre catalogue, Alcool et Sans alcool, avec leur propre adresse
- Repère Prêt à servir sur les bag in box
- Étiquettes rouges pour les cocktails avec alcool, bleues pour les cocktails sans alcool
Fiches cocktails
- Visuel, contenance et nombre de verres servis
- Type, description et profil de goût en pictogrammes
- Recette et matériel nécessaire
- Préparation pas à pas et dosage en pictogrammes
- Allergènes et données techniques dans des volets dépliables
- Boutons de partage et suggestions d’autres cocktails
Concept et entreprise
- Page Concept en trois volets : préparation, carte cocktail, accompagnement
- Mode d’emploi imprimé sur les étiquettes, expliqué en image
- Liste de la gamme par format et matériel fourni
- Modèles de cartes cocktails
- Page À propos avec les points forts et les questions fréquentes
Contact et accès
- Vérification de l’âge à l’arrivée sur le site
- Page Contact avec téléphone, e-mail et formulaire
- Formulaire protégé par reCAPTCHA
- Mentions légales et politique de confidentialité
Technique
- WordPress avec le thème Kadence
- Mise en page Elementor Pro
- Cocktails en type de contenu dédié
- Filtres du catalogue WP Grid Builder
- Formulaire Fluent Forms
- Référencement Yoast SEO, cache WP Rocket
Technologies utilisées
WordPress
Elementor
jQuery
Font Awesome
Google Analytics
PHP
MySQL- CMS : WordPress avec le thème Kadence
- Mise en page : Elementor Pro
- Catalogue : fiches cocktails en type de contenu dédié, filtres WP Grid Builder
- Formulaire : Fluent Forms avec reCAPTCHA
- Référencement : Yoast SEO
- Performance : WP Rocket
- Cookies : GDPR Cookie Compliance
Pour un projet du même type
Le site a pu évoluer depuis notre intervention.
