Catalogue de modules

Logo, liens vers les rubriques, un bouton d'action ; transparente en haut de page, elle prend la couleur de la marque en défilant ; menu repliable sur mobile.

Ce qui le distingue : La valeur sûre, neutre et passe-partout. À choisir quand la conversion n'a pas besoin d'être omniprésente et qu'un menu d'ancrage suffit.

Nom du restaurant en lettres à empattements à gauche, 3 liens maximum, pilule « Réserver » à droite ; sur mobile la pilule descend en barre fixe en bas d'écran.

Ce qui le distingue : Seule variante qui garde la conversion visible en permanence sur mobile. À choisir dès que réserver/commander est l'action n°1.

Nom en logo-texte, beaucoup d'air, transition douce transparent vers couleur au scroll.

Ce qui le distingue : Le plus « premium/épuré ». À choisir pour une image haut de gamme où l'élégance prime sur la densité d'information.

Logo au centre, liens répartis à gauche et à droite.

Ce qui le distingue : Composition formelle et symétrique, adaptée aux boutiques et artisans d'art ; à éviter si beaucoup de liens (déséquilibre).

Le bouton menu ouvre un panneau plein écran avec de grandes rubriques numérotées.

Ce qui le distingue : Effet « portfolio/agence », immersif ; réserve les liens à un geste, donc à éviter si l'accès direct aux rubriques doit être immédiat.

Titre signature, sous-titre localisé, deux boutons d'action, composition bleu nuit avec trame de points et accent terracotta, sans photo.

Ce qui le distingue : Ne dépend d'aucune photo (utile quand le client n'a pas de visuel fort). Identité par la typographie et la couleur.

Composition asymétrique 55/45, un mot du titre en italique accent, portrait vertical en arche + pastille en débord.

Ce qui le distingue : Le plus « signé/haut de gamme », fondé sur un portrait. À choisir quand on a une belle photo de personne/lieu.

Surtitre en petites capitales, titre à empattements sur deux lignes, deux boutons d'action, photo de plat en arche qui déborde sur la section suivante.

Ce qui le distingue : Composition centrée et gourmande, la photo est la star. À choisir pour la restauration où l'appétence visuelle prime.

Grande photo plein écran, titre en surimpression, léger voile pour la lisibilité.

Ce qui le distingue : Maximise l'impact émotionnel ; exige une très bonne photo et une vigilance contraste/LCP. À éviter si la photo est moyenne.

Courte vidéo en boucle derrière le titre, image de remplacement, coupée pour les visiteurs qui préfèrent limiter les animations.

Ce qui le distingue : Le plus « vivant », mais le plus coûteux en performance ; réservé aux cas où l'ambiance en mouvement apporte réellement.

Défilement continu de photos carrées entrecoupées de mots-clés en italique ; mis en pause pour qui préfère limiter les animations.

Ce qui le distingue : Bandeau d'ambiance (montre, ne dit pas). À choisir pour donner faim / poser une atmosphère, pas pour informer.

Bandeau fin en haut de page (promo, horaires spéciaux) avec bouton fermer mémorisé.

Ce qui le distingue : Bandeau d'information temporaire et actionnable ; l'inverse du bandeau défilant (utile, pas décoratif).

Défilé continu de labels ou mots-clés de marque.

Ce qui le distingue : Version tout en mots du bandeau défilant (sans photos), plus légère ; pour marteler des valeurs (bio, local, fait maison).

Paragraphe d'identité + quatre valeurs de personnalité en cartes.

Ce qui le distingue : Structure rassurante et équilibrée (récit + preuves). Le choix par défaut pour poser la marque.

Une phrase forte en très grand sur fond uni.

Ce qui le distingue : Le plus audacieux et minimal ; fort impact mais aucune preuve. À réserver aux marques assumées.

Paragraphe d'un côté, visuel de l'autre, blocs alternés.

Ce qui le distingue : Format narratif et illustré ; idéal quand on a des visuels et plusieurs idées à dérouler.

Trois à quatre bénéfices avec pictogrammes au trait.

Ce qui le distingue : Le plus synthétique et scannable ; privilégie la lecture rapide à l'émotion.

Trois à quatre chiffres qui grimpent jusqu'à leur valeur à l'apparition ; animation sobre, coupée pour qui préfère limiter les animations.

Ce qui le distingue : Effet dynamique ; à choisir quand les chiffres sont le message.

Statistiques en cartes alignées, statiques.

Ce qui le distingue : Version calme des chiffres (sans animation), plus sérieuse et rapide.

Note Google, nombre d'avis, badge de réassurance.

Ce qui le distingue : Orienté preuve sociale chiffrée (pas des stats internes) ; renforce la crédibilité juste avant une conversion.

Prestations groupées par catégorie, prix « dès X € », une prestation mise en avant.

Ce qui le distingue : Format riche et hiérarchisé (catégories + mise en avant) ; le plus vendeur quand l'offre est structurée.

Colonnes nom / description / prix aligné à droite, très lisible sur mobile.

Ce qui le distingue : Le plus sobre et dense ; idéal pour de longues listes de prestations sans fioritures.

Trois à six services avec pictos au trait, sans prix.

Ce qui le distingue : Pour les activités sans grille tarifaire (services sur devis) ; met en avant le périmètre, pas le prix.

Chaque service tient sur une ligne (nom, durée, prix) et se déplie d'un clic pour montrer le détail.

Ce qui le distingue : Compacte une offre détaillée ; à choisir quand chaque service mérite un paragraphe mais qu'on veut garder la page courte.

Trois formules, la centrale mise en avant (badge), prix « à partir de », bouton d'action sous chaque carte.

Ce qui le distingue : Le schéma classique et efficace du choix à trois niveaux ; le défaut pour vendre des packages.

Lignes de fonctionnalités croisées avec colonnes de formules et coches.

Ce qui le distingue : Pour une offre à départager finement ; plus dense que les cartes, moins émotionnel.

Une seule offre, gros prix, liste d'inclus.

Ce qui le distingue : Zéro paradoxe du choix ; à choisir quand il n'y a qu'une offre claire.

Des glissières et des options qui calculent une fourchette de prix en direct, sans rien envoyer nulle part.

Ce qui le distingue : Le seul où le visiteur manipule ; il s'implique, puis est renvoyé vers la demande de devis.

Bloc façon carte imprimée, nom du plat en lettres à empattements, description en italique, prix relié par des points de conduite, date de mise à jour affichée.

Ce qui le distingue : Traite la carte comme un imprimé ; la date prouve la saisonnalité. Le plus élégant pour une carte courte.

Navigation par onglets/ancres entre entrées, plats, desserts.

Ce qui le distingue : Conçu pour les grandes cartes ; privilégie la navigation à l'esthétique du menu papier.

Encart court mis en avant, formule midi, éditable au quotidien.

Ce qui le distingue : Éphémère et quotidien ; complète (ne remplace pas) la carte principale.

Chaque plat ou formule est montré en photo, avec son prix relié par une ligne pointillée.

Ce qui le distingue : Le seul avec photos par plat ; adapté au traiteur/brunch, à éviter en gastronomie (casse la sobriété).

Cartes produit (photo, nom, prix au kg), sobres et rapides.

Ce qui le distingue : Présentation vitrine sans logique de panier ; base du commerce de proximité.

Filtres par catégorie/type en statique, sans base de données.

Ce qui le distingue : Ajoute le tri à la grille ; utile au-delà d'une vingtaine de produits.

Page dédiée à un produit : petites photos cliquables, description, origine, prix et bouton d'action.

Ce qui le distingue : Seule variante où chaque produit a sa propre page, mieux repérée par Google ; pour les produits qui méritent leur propre récit.

Trois à quatre produits vedettes de saison, éditables.

Ce qui le distingue : Sélection éditorialisée, pas un catalogue exhaustif ; met en avant, ne liste pas tout.

Grille carrée de photos qui s'affichent sans faire bouger la page, légende sous chaque image.

Ce qui le distingue : Ordonnée et lisible ; le choix par défaut quand chaque image a une légende.

Photos aux ratios mixtes et hauteurs décalées, légende manuscrite, lien Instagram (jamais de flux embarqué).

Ce qui le distingue : Ambiance « tirages posés » plutôt que grille régulière ; privilégie l'atmosphère à la lecture.

Clic pour agrandir, navigation clavier, fermeture accessible.

Ce qui le distingue : La seule à agrandir les images ; utile quand le détail compte (réalisations, œuvres).

Curseur qui révèle l'image « après ».

Ce qui le distingue : La seule à prouver une transformation ; imbattable pour coiffure, rénovation, détailing.

Cartes (capture, type, localité), lien démo désactivé si vide (placeholder « démo en cours »).

Ce qui le distingue : Gère nativement l'absence d'exemple (placeholders) ; parfait tant que le portfolio se remplit.

Récit problème / solution / résultat avec chiffres et témoignage.

Ce qui le distingue : Preuve argumentée (pas une simple vignette) ; pour convaincre un prospect exigeant.

Récit du lieu + médaillons de l'équipe (prénom, rôle).

Ce qui le distingue : Équilibre lieu + personnes ; chaleureux, le défaut pour un commerce à taille humaine.

Grille régulière de membres.

Ce qui le distingue : Factuel et dense ; pour une équipe nombreuse, sans storytelling.

Grande photo + récit personnel.

Ce qui le distingue : Centré sur une personne ; idéal pour un indépendant dont l'histoire est l'argument.

Portraits ronds alignés, légers.

Ce qui le distingue : La plus légère et conviviale ; à choisir quand l'équipe compte mais sans bios longues.

Unique section sombre, photo du chef, producteurs nommés avec leur distance, rangée de labels.

Ce qui le distingue : Seule section sombre du site (rupture voulue) ; crée une respiration solennelle. À n'utiliser qu'une fois par page.

Timeline d'étapes clés (fondation, reprise, agrandissement).

Ce qui le distingue : Raconte une durée ; pour les maisons avec une histoire dans le temps.

Storytelling court avec une citation en exergue.

Ce qui le distingue : Format littéraire léger ; pose une valeur sans la solennité du dark block.

Circuit court, fait maison, zéro gaspillage, avec pictos.

Ce qui le distingue : Liste d'engagements concrets (pas un récit) ; répond à une clientèle attentive à l'éthique.

Deux à trois avis en cartes, note en étoiles, un avis mis en avant.

Ce qui le distingue : Qualitatif et éditorialisé (peu d'avis, bien choisis) ; le défaut sobre.

Défilement horizontal d'avis, navigation accessible, pause au survol.

Ce qui le distingue : Montre beaucoup d'avis dans peu de place ; au prix d'un peu d'interaction.

Mosaïque d'avis courts.

Ce qui le distingue : Effet de masse (preuve sociale volumineuse) ; à choisir quand la quantité impressionne.

La note Google de l'établissement affichée en clair, avec le volume d'avis et le lien vers la fiche ; rien n'est chargé depuis l'extérieur, donc aucun accord à demander au visiteur.

Ce qui le distingue : Seule variante externe/authentifiée ; crédibilité maximale mais dépendance tierce et RGPD.

Un témoignage unique en très grand, fond coloré.

Ce qui le distingue : Un seul avis, très fort ; impact émotionnel plutôt que quantité.

Rangée discrète des partenaires et fournisseurs, en une seule teinte.

Ce qui le distingue : Réassurance par les partenaires/fournisseurs ; discret, non cliquable en général.

« Vu dans » suivi des médias et guides qui ont parlé de la maison.

Ce qui le distingue : Réassurance par la notoriété média ; plus valorisant que des logos fournisseurs.

Bio, AOP, Maître Restaurateur… avec picto et libellé.

Ce qui le distingue : Réassurance officielle/réglementée ; la plus forte en alimentaire.

Frise 01-04, titre + description par étape.

Ce qui le distingue : Horizontale et synthétique ; le défaut pour expliquer « comment ça marche ».

Timeline verticale.

Ce qui le distingue : Meilleure sur mobile et pour un plus grand nombre d'étapes.

Chaque étape avec un picto.

Ce qui le distingue : Plus visuelle ; utile quand chaque étape gagne à être imagée.

Métiers/cibles en pictos monoline, lien contact.

Ce qui le distingue : Large et scannable ; montre l'étendue des publics servis.

Deux à trois profils types en cartes avec bénéfice clé.

Ce qui le distingue : Incarné (des profils, pas des icônes) ; aide le visiteur à se reconnaître.

Quatre arguments clés en icônes (visibilité locale sur Google, pensé pour le mobile, hébergement inclus, zéro verrouillage).

Ce qui le distingue : Liste de ce qu'on apporte ; oriente vers la valeur livrée.

Paiement, délais, satisfaction, propriété en badges.

Ce qui le distingue : Orienté réassurance/risque (lever les freins), pas la valeur ; se place près d'une conversion.

Questions qui se déplient d'un clic, préparées pour que Google puisse les afficher directement dans ses résultats.

Ce qui le distingue : La plus sobre et la mieux comprise par Google ; le choix par défaut.

Questions réparties en deux colonnes.

Ce qui le distingue : Gagne de la hauteur ; pour beaucoup de questions courtes.

Regroupement par thèmes (tarifs, délais, livraison).

Ce qui le distingue : Organisée par sujet ; utile quand les questions couvrent des domaines distincts.

Un aplat de couleur, titre + sous-titre + bouton, avant le pied de page.

Ce qui le distingue : Focalisation maximale (rien d'autre à l'écran) ; le défaut pour la relance finale. Un seul par page.

Photo de fond + voile + accroche + bouton.

Ce qui le distingue : Plus émotionnel que l'aplat ; exige une bonne photo et un contraste maîtrisé.

Bouton persistant en bas d'écran.

Ce qui le distingue : Permanent (pas une section) ; garde l'action à portée tout au long de la page.

Deux boutons côte à côte (appeler / réserver).

Ce qui le distingue : Gère deux intentions simultanées ; à éviter si une seule action prime (dilution).

Le message arrive directement dans votre boîte e-mail, piège anti-robots invisible contre le spam, choix du secteur, mention RGPD ; réception testée avant livraison.

Ce qui le distingue : Le formulaire complet et conforme ; le défaut.

Accroche et coordonnées complètes (nom, adresse, téléphone) à gauche, formulaire à droite.

Ce qui le distingue : Combine coordonnées et formulaire dans une seule section ; à choisir quand on veut aussi montrer où vous trouver.

Questions pas à pas (devis guidé), avancement affiché, récapitulatif avant l'envoi.

Ce qui le distingue : Guide une demande complexe ; meilleure qualité de brief, plus de friction.

Deux champs seulement : votre message et votre e-mail.

Ce qui le distingue : Friction minimale ; maximise le volume au détriment du détail.

Date, service, couverts, coordonnées ; le restaurateur reçoit un e-mail clair et confirme par téléphone ; piège anti-robots invisible.

Ce qui le distingue : Gratuit, sans compte tiers ; c'est une demande (pas une confirmation instantanée), assumée dans le texte.

Lien vers Planity / TheFork / Zenchef ; bascule automatique si l'URL est renseignée.

Ce qui le distingue : Délègue à un service spécialisé (confirmation immédiate, agenda) ; dépend d'un abonnement. Un simple lien, jamais de module externe chargé sans votre accord.

Le calendrier de réservation (Planity, Zenchef…) intégré dans la page, chargé seulement après l'accord du visiteur.

Ce qui le distingue : Réservation sans quitter le site ; le module externe ne se charge qu'avec l'accord du visiteur (règlement sur les données).

Le visiteur choisit un créneau proposé, laisse son nom et son téléphone, le commerce confirme.

Ce qui le distingue : Compromis léger entre formulaire et moteur ; pour des RDV artisanaux sans agenda tiers.

Horaires à gauche, coordonnées + carte à droite (carte chargée après consentement).

Ce qui le distingue : Complet (horaires + contact + plan) en une section ; le défaut pour un commerce avec vitrine.

Grille jour/service ultra-lisible (fermetures en toutes lettres) + bloc réservation.

Ce qui le distingue : Couple horaires et conversion ; pensé pour la restauration (services midi/soir).

État « ouvert / ferme bientôt » calculé côté client.

Ce qui le distingue : La seule dynamique/temps réel ; réassure immédiatement le visiteur pressé.

Nom, adresse, téléphone cliquable et e-mail – identiques à la fiche Google.

Ce qui le distingue : Bloc minimal (sans horaires ni carte) ; pour compléter une autre section.

Plan dessiné hébergé sur le site + bouton Itinéraire ; rien ne vient de l'extérieur, donc aucun consentement à demander.

Ce qui le distingue : Le plus sobre et 100 % conforme ; à préférer par défaut.

Placeholder + lien tant que non consenti ; la carte ne se charge qu'après accord.

Ce qui le distingue : Carte interactive au prix d'un bandeau de consentement ; à choisir si l'exploration de la carte compte vraiment.

La liste des points de vente à côté d'un plan dessiné où chaque adresse porte son repère numéroté ; rien ne vient de l'extérieur.

Ce qui le distingue : La seule multi-établissements ; pour les enseignes à plusieurs points de vente.

Champ e-mail avec case d'accord obligatoire ; l'inscription est validée par un e-mail de confirmation.

Ce qui le distingue : Capte un canal propriétaire (e-mail) ; dépend d'un tiers et exige la conformité.

Une bande fine en fin de page : accroche, champ e-mail, bouton. Rien de plus.

Ce qui le distingue : Version non intrusive ; capte sans dédier une section entière.

Cartes d'articles (image, titre, date), pagination simple ; inclus en Vitrine Pro+.

Ce qui le distingue : Du contenu publié régulièrement, qui attire au fil du temps des recherches précises sur Google ; demande d'alimenter le journal.

Liste d'événements datés (soirées, marchés, ateliers).

Ce qui le distingue : Orienté dates à venir (pas des articles) ; pour une programmation.

Trois dernières actus en accueil, lien vers le blog.

Ce qui le distingue : Aperçu en page d'accueil ; complément d'un blog, pas un blog.

Offre ponctuelle mise en avant, avec date de fin.

Ce qui le distingue : Temporaire et daté ; crée l'urgence.

Menu de fêtes, forfait mariée, panier de saison.

Ce qui le distingue : Récurrente par saison (pas une promo flash) ; met en valeur une offre thématique.

La carte à tampons du commerce, dessinée à l'écran, avec le principe expliqué en trois lignes.

Ce qui le distingue : Orienté rétention (pas acquisition) ; s'adresse aux clients existants.

Refuser/Accepter mémorisé, aucun tiers chargé avant accord.

Ce qui le distingue : Brique de conformité, à n'embarquer que si un tiers est présent (Maps, Analytics, vidéo). Sinon, aucun bandeau.

Choix d'acceptation détaillé, catégorie par catégorie (mesure d'audience, cartes, vidéos…).

Ce qui le distingue : Version détaillée du consentement ; utile seulement si plusieurs services extérieurs cohabitent sur le site.

Logo, coordonnées, liens légaux, réseaux, mention « site réalisé par », bandeau d'action optionnel.

Ce qui le distingue : Le complet ; le défaut pour un site multi-sections.

Copyright + liens légaux uniquement.

Ce qui le distingue : Le plus sobre ; pour un site une page.

Colonnes de liens, horaires résumés, contact.

Ce qui le distingue : Orienté navigation (sitemap) ; pour les sites à nombreuses pages.

Barre pleine largeur fixe en bas d'écran sur mobile.

Ce qui le distingue : Garde la conversion visible sur mobile ; transversal, se combine à n'importe quel header.

Bouton discret apparaissant après défilement.

Ce qui le distingue : Confort de navigation sur pages longues.

Le chemin « Accueil › Rubrique › Page » qui situe le visiteur dans le site.

Ce qui le distingue : Utile aux sites à plusieurs pages (le visiteur et Google s'y repèrent) ; inutile en une page.

Bascule FR/ES ou FR/EN ; multilingue léger, inclus en Vitrine Pro+.

Ce qui le distingue : La seule brique bilingue ; pour une clientèle frontalière/touristique.

Les sections apparaissent en douceur au fil du défilement ; effet coupé pour qui préfère limiter les animations.

Ce qui le distingue : Micro-interaction transversale (pas une section) ; polit sans alourdir.