Permettre la réservation depuis tout le site

Il est recommandé d’ajouter le bouton Réserver global au menu de votre site.

Les internautes peuvent ainsi réserver une de vos activités à n’importe quel moment.

✅  Bonne pratique

Toujours avoir le bouton Réserver dans le header :

Capture d’écran 2023-02-24 à 10.00.00.png

En mobile, l’idéal est d’avoir un bouton Réserver qui reste visible à tout moment :

Capture d’écran 2023-03-14 à 17.12.05.png

❌  Ne pas faire

Ne pas avoir accès à la réservation globale à tout moment :

Capture d’écran 2023-03-14 à 17.08.06.png

Intégrer le bouton Panier

Il faut toujours ajouter le bouton Panier dans le header du site.

Autrement, l’utilisateur n’a aucun moyen de retrouver son panier après avoir quitté le parcours. On se retrouve forcé de simuler une autre réservation pour avoir accès au bouton “voir mon panier”.

✅  Bonne pratique

Toujours avoir l’icône Panier 🛒  dans le header :

Capture d’écran 2023-02-24 à 10.00.00.png

❌  Ne pas faire

n’avoir aucun accès aux éléments déjà ajoutés au panier :

Capture d’écran 2023-02-24 à 09.58.46.png

Respecter la hiérarchie des boutons

Pour une compréhension rapide des consommateurs, ils est important de respecter les niveaux d’importance des boutons que Guidap propose.

Nous avons par défaut 3 niveaux de boutons :

Les boutons primaires :

👉  Ils servent à guider l’utilisateur vers l’action principale : finaliser sa réservation.

Leur classe CSS est style-primary

Capture d’écran 2023-02-24 à 10.04.50.png

Les boutons secondaires :

👉  Ils servent à effectuer une action secondaire, qui ne rentre pas dans le cas classique de la réservation.

Leur classe CSS est style-secondary

Capture d’écran 2023-02-24 à 10.04.54.png

Les boutons tertiaires :

👉  Ils servent à effectuer des actions exceptionnelles.

Leur classe CSS est is-ghost

Capture d’écran 2023-02-24 à 10.05.10.png

✅  Bonne pratique

Toujours avoir 3 hiérarchies de boutons :

Capture d’écran 2023-02-24 à 10.17.54.png

❌  Ne pas faire

Ne pas utiliser le même style pour des boutons de hiérarchie différente :

Capture_decran_2023-02-17_a_16.56.34.png

Capture_decran_2023-02-16_a_16.17.32.png

Respecter une cohérence graphique entre les boutons

Il est important d’avoir une cohérence graphique entre les boutons pour éviter que votre site ait l’air d’un patchwork. 😅

✅  Bonne pratique

❌  Ne pas faire