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
Par défaut, les menus mobiles Shopify sont une longue liste de liens. Les vrais acheteurs pensent par groupes : « Je veux faire des achats », « Je veux vérifier ma commande », « J'ai besoin d'aide ». Des sections regroupées rendent le menu navigable au premier coup d'œil, sans avoir à chercher et cliquer au hasard.
Points de vigilance
- Largeur du menu : Fudge adapte la taille pour qu'elle soit accessible à un pouce sur la plupart des téléphones.
- Blocage du défilement : la page en arrière-plan ne défile plus lorsque le menu est ouvert.
- Geste de retour : le menu se ferme par un balayage vers la gauche ou avec le geste de retour du système.
- Animation : une apparition (slide-in) fluide, 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 : le même menu déroulant, mais en plus grand. Cette refonte traite le menu latéral (drawer) mobile comme une interface principale : barre de recherche en haut, navigation regroupée, encart promotionnel, et raccourci « suivre ma commande ».
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 — Sections boutique, Compte, Service client. Hiérarchie visuelle.
- Encart promotionnel au milieu — mettez en avant vos offres saisonnières.
- « Suivre ma commande » en bas — un besoin d’assistance très fréquent.
- Panneau latéral (slide-in) toute hauteur — utilise tout l’espace de l’écran.
Associez ceci avec une barre de recherche bien visible dans la navigation et un audit UX mobile.
Fudge construit cela avec son éditeur de boutique.