Refonds le menu latéral mobile. Recherche en haut, navigation regroupée, encart promo, suivre la commande en bas. Pleine hauteur, coulisse depuis la gauche.
Want more control? See the expanded prompt ›
Refonds le menu latéral mobile : la section supérieure est la barre de recherche, puis la navigation regroupée (Rubriques Boutique, Compte, Service client), un encart promotionnel au milieu, et un raccourci « Suivre ma commande » en bas. Fais-le coulisser depuis la gauche (slide in), en pleine hauteur.
- Barre de recherche en haut — l'action avec l'intention la plus forte.
- Sections de navigation regroupées (Boutique / Compte / Aide).
- Espace pour encart promotionnel.
- Lien rapide « Suivre ma commande » en bas.
Ce que vous essayez de faire
Les menus mobiles par défaut de Shopify sont une liste alphabétique de liens de navigation. Les vrais acheteurs pensent par groupes — « Je veux faire des achats » contre « Je veux vérifier ma commande » contre « J'ai besoin d'aide ». Des sections regroupées rendent le menu navigable au premier coup d'œil, sans avoir à chercher et cliquer.
Points de vigilance
- Largeur du menu latéral — Fudge l'ajuste pour qu'elle soit à portée de pouce sur la plupart des téléphones.
- Blocage du défilement — Fudge s'en occupe : le défilement de la page est bloqué tant que le menu est ouvert.
- Geste de retour — Fudge s'en occupe : le menu se ferme sur un glissement vers la droite ou via le bouton retour du système.
- Animation — Fudge s'en occupe : slide-in propre, sans saccades.
Comment Fudge procède
Fudge duplique votre thème actif dans un brouillon, crée la section en tant que section Shopify modifiable avec l'emplacement et le comportement requis par votre prompt, et la connecte à vos vraies données produits et au style de votre marque. Tout commence en brouillon : prévisualisez sur votre boutique, ajustez via l'éditeur de thème, et ne publiez que lorsque vous êtes prêt. Votre boutique en ligne reste intacte.
Pourquoi le design du menu latéral mobile compte plus que la navigation sur bureau
La plupart des menus mobiles sont conçus après coup — c’est le même menu déroulant, mais en plus grand. Cette refonte traite le menu latéral mobile comme une surface principale : barre de recherche en haut, navigation regroupée, encart promotionnel, raccourci « suivre ma commande ». L’engagement y est plus élevé que pour le modèle standard.
Quand est-ce que ça vaut le coup de le créer
Créez ce menu latéral repensé pour toute boutique ayant un trafic mobile significatif (la plupart des boutiques). Passez votre chemin si votre trafic mobile est infime.
Ce qui le rend excellent
- Recherche en haut — la plupart des acheteurs savent ce qu’ils veulent.
- Navigation regroupée — Rubriques Boutique, Compte, Service client. Hiérarchie visuelle.
- Encart promotionnel au milieu — mettez en avant les offres saisonnières.
- « Suivre ma commande » en bas — un besoin d’assistance très fréquent.
- Menu latéral (slide-in) pleine hauteur — utilise tout l’espace de l’écran.
Associez cela avec une barre de recherche bien visible dans la navigation et un audit UX mobile.