Exemples de navigation pour petits sites web (commentés)
Six modèles de menus pour petites entreprises : besoin client, atouts et limites, tableau comparatif et brief de navigation à copier. Tous les exemples sont des modèles We.Inc.
Une bonne navigation pour une petite entreprise est courte, reprend les mots des clients et affiche toujours l’action principale. Les exemples ci-dessous sont des designs de modèles We.Inc, pas des sites de clients ; ils ont été choisis parce qu’ils illustrent chacun un modèle de navigation différent. Pour chacun, nous indiquons le besoin du client, le choix de design visible sur la capture et sa limite.
Méthode de sélection et public
Nous avons choisi dans la vitrine We.Inc des designs de commerces et de services de proximité, dont les visiteurs consultent généralement le site sur téléphone et veulent appeler, réserver ou vérifier un prix. Chaque exemple est évalué selon trois questions : le visiteur trouve-t-il l’action principale sans ouvrir le menu ? Les libellés correspondent-ils aux recherches des clients ? La navigation reste-t-elle fonctionnelle sur téléphone ? Les captures montrent le premier écran ordinateur de chaque design de la vitrine We.Inc ; testez la version mobile du design choisi sur votre propre téléphone avant publication.
Exemples commentés
1. Menu textuel court, action principale dans la section héro (plombier)
Besoin : un client ayant une fuite veut une intervention immédiate. Choix : quatre liens simples (Services, À propos, Installations, Contact) et un bouton « Réserver » sur le premier écran. Limite : aucun numéro ni bouton n’apparaît dans l’en-tête ; dès que le visiteur dépasse la section héro, l’action principale disparaît. Pour les métiers nécessitant une intervention urgente, ajoutez un bouton d’appel dans l’en-tête.
2. Menu de trois mots sur vidéo plein écran (restaurant)
Besoin : consulter la carte et réserver. Choix : uniquement « Carte », « Salle » et « Réserver », avec le lieu et les horaires en bas du premier écran. Limite : les liens sont petits et clairs sur une vidéo en mouvement, donc difficiles à lire et à toucher sur téléphone. Vérifiez le contraste avec le vérificateur de contraste des couleurs et transformez « Réserver » en véritable bouton.
3. Menu court, icône de téléphone et bouton (comptables)
Besoin : savoir si le cabinet traite mon type de dossier, puis le contacter. Choix : quatre liens (Services, Secteurs, Méthode, À propos), une icône de téléphone et un bouton bien visible « Commencer aujourd’hui » à droite. C’est le modèle le plus complet des six. Limite : l’icône de téléphone n’affiche ni numéro ni libellé ; elle doit avoir un nom accessible pour les lecteurs d’écran, et certains visiteurs veulent voir le numéro.
4. En-tête minimal de boutique (bijouterie)
Besoin : parcourir les bijoux. Choix : uniquement « À propos » et « Panier » dans l’en-tête ; la navigation vers les produits commence par le lien « Explorer la collection » au milieu de la page. Limite : les commandes personnalisées, réparations et rendez-vous ne sont pas accessibles depuis l’en-tête. Une bijouterie qui vend des services devrait les ajouter au menu.
5. Navigation presque absente, centrée sur les projets (architectes)
Besoin : évaluer la qualité des réalisations passées. Choix : le premier écran est une visionneuse de projets avec les commandes « Projet suivant » et « Voir le projet », sans menu. Limite : aucun lien de contact ou de demande n’est visible sur le premier écran. Un site axé sur un portfolio doit tout de même permettre d’engager la conversation.
6. Zone desservie et avis dans le menu, avec bouton d’appel (entretien de pelouse)
Besoin : vérifier si l’entreprise dessert ma rue et si les clients en sont satisfaits. Choix : Services, Portfolio, Zone desservie et Avis, plus un bouton d’appel et « Demander un devis » dans la section héro. Limite : les chiffres du design sont fictifs ; remplacez-les par des données réelles et vérifiables ou supprimez-les avant publication.
Comparaison des modèles
| Modèle | Exemple | Idéal pour | À surveiller |
|---|---|---|---|
| Menu court, action dans la section héro | Plombier | Sites de services simples | L’action principale disparaît au défilement |
| Menu de trois mots sur vidéo | Restaurant | Établissements misant sur l’ambiance | Contraste et taille des zones tactiles |
| Menu + téléphone + bouton | Comptables | La plupart des petites entreprises | Libeller les boutons avec icône seule |
| En-tête de boutique minimal | Bijouterie | Boutiques vendant uniquement des produits | Services inaccessibles |
| Centré sur les projets | Architectes | Activités reposant sur un portfolio | Aucun moyen d’envoyer une demande |
| Zone + avis + appel | Entretien de pelouse | Services de proximité | Chiffres fictifs |
Brief de navigation à copier
Action principale (toujours visible, y compris sur téléphone) :
Éléments de premier niveau (5-6 max.), avec les mots des clients :
1.
2.
3.
4.
Éléments à placer plutôt dans le pied de page (confidentialité, carrières, FAQ) :
Menu du téléphone : bouton libellé « Menu » ; l’action principale reste hors du menu
Page actuelle mise en évidence : oui
Clavier : le menu s’ouvre avec Entrée/Espace et se ferme avec ÉchapÉléments à adapter et à ne pas copier
- Adaptez le modèle, pas les libellés : utilisez les mots recherchés par vos clients.
- Ne copiez pas les méga-menus des grands détaillants sur un site de cinq pages.
- Ne cachez pas le numéro de téléphone ou le bouton principal dans le menu mobile.
- Vérifiez que le menu fonctionne au clavier ; consultez la liste de vérification de l’accessibilité web.
Partir d’un modèle adapté
Choisissez un design correspondant au modèle recherché parmi les modèles pour entreprise et modifiez-le dans l’éditeur de sites We.Inc. Free permet de créer jusqu’à 3 sites à partir de modèles sur une adresse we.inc (sans crédits IA ni domaine personnalisé) ; Starter à $20/mois ajoute la création par IA et les domaines personnalisés (tarifs). Vérifiez le résultat avec le vérificateur de site, et établissez le budget avec le calculateur de coût de site.
Créez le site web de votre entreprise
Questions fréquentes
Combien d’éléments un menu de site web doit-il contenir ?
Pour une petite entreprise, généralement quatre à six éléments de premier niveau, plus une action principale visible comme un bouton d’appel ou de réservation.
Le numéro de téléphone doit-il figurer dans la navigation ?
Pour les entreprises que les clients appellent, oui. Laissez-le visible sur téléphone plutôt que de le cacher dans le menu.
S’agit-il de vrais sites d’entreprise ?
Non. Ce sont des designs de modèles We.Inc qui illustrent des modèles de navigation.
Commencer gratuitement · Sans carte bancaire
Product
- AI Website Builder: Describe a site in plain English; it's live in minutes
- White Label Platform: Your brand, your domain, your margin
- Enterprise: SSO, custom SLAs, and dedicated support
- Developer API: Embed site generation into your SaaS
Who It's For
- For Agencies: Resell under your brand
- For Freelancers: Your own branded builder
- For Hosting Providers: Add a builder to your stack
- For SaaS Platforms: Embed site creation via API
- For Startups
- For Financial Services
- For Healthcare
Features
- Drag & Drop Editor
- Built-in SEO Tools
- Custom Branding
- Client Dashboard
- Reseller Billing (Stripe Connect)
Resources
- Blog
- Help Center
- Free Business Tools
- Website Templates
- Glossary & Guides
- Integrations
- Developers
- Benchmark
- Windows App