Aller au contenu
Menus & Navigation

Guider sans jamais perdre

Navbar sticky, mega menu, hamburger animé, sidebar, fil d'Ariane, pagination, sommaire flottant et retour en haut.

À quoi sert la navigation ?

Expliqué simplement, sans terme technique.

La navigation, ce sont les menus et repères qui permettent de circuler sur le site : la barre du haut, le menu, le fil d'Ariane, le bouton « retour en haut »…

C'est comme la signalétique d'un magasin : des panneaux clairs pour que chacun trouve son rayon sans se perdre.

Une bonne navigation est presque invisible : on trouve ce qu'on cherche sans même y penser.

En une phrase

La navigation guide le visiteur partout sur le site, sans jamais le laisser perdu.

Et ça compte : un visiteur qui trouve vite reste ; un visiteur perdu s'en va.

Juste en dessous, vous trouverez plusieurs exemples que nous réalisons. Nos exemples mettent en scène une boulangerie, mais le même travail s'adapte à n'importe quel métier : restaurant, artisan, commerce, et bien d'autres.

Barre de progression en haut

Une fine barre bleue se remplit au fur et à mesure qu'on descend : on voit d'un coup d'œil où on en est dans la page.

0% lu

Faites défiler cette zone

La barre bleue en haut grandit à mesure que vous descendez : un repère discret qui montre où vous en êtes dans la lecture.

Pratique sur les pages longues : on sait tout de suite si on est au début ou bientôt à la fin.

Encore un peu… la barre est presque pleine. 🥖

Mega menu déroulant

Colonnes thématiques + visuels au survol de « Produits ».

Fil d'Ariane (breadcrumbs)

Repère la position dans l'arborescence.

Pagination stylisée

Navigation par pages avec état actif.

Sommaire flottant (scrollspy)

Surligne automatiquement la section visible.

Notre histoire

Baguette tradition croustillante. Lorem du fournil : passion, farine de qualité et patience au levain.

Savoir-faire

Pain de campagne au levain. Lorem du fournil : passion, farine de qualité et patience au levain.

L'équipe

Pain de seigle artisanal. Lorem du fournil : passion, farine de qualité et patience au levain.

Nos valeurs

Croissant pur beurre doré. Lorem du fournil : passion, farine de qualité et patience au levain.

Bouton retour en haut

Apparaît après 400 px de scroll (en bas à droite).

Le bouton flotte en bas à droite dès que vous descendez. ↘