1. Partez de vos photos, pas de la galerie
Le design d'une boutique BotLaunch définit trois éléments : la palette de couleurs, les polices et la mise en page. Il ne détermine pas vos photos, qui occupent pourtant la majeure partie de l'écran. Commencez donc par regarder vos images.
S'agit-il de photos lumineuses sur fond blanc ou de clichĂ©s sombres Ă l'ambiance feutrĂ©e ? Sont-elles Ă©purĂ©es ou riches en accessoires ? Un fond trĂšs colorĂ© entre en concurrence avec des photos de mise en scĂšne chargĂ©es. Des photos de produits sobres sur fond blanc se prĂȘtent Ă un design plus affirmĂ©, car la page apporte le caractĂšre qui leur manque.
Placez six de vos vraies photos de produits cĂŽte Ă cĂŽte avant d'ouvrir la galerie. Vous Ă©liminerez la moitiĂ© des designs d'un coup d'Ćil et cesserez de choisir un design pour les produits utilisĂ©s dans sa prĂ©sentation.
2. Filtrez par secteur, puis par ambiance
Plus de 100 designs prĂȘts Ă l'emploi couvrent plus de 30 secteurs, dont la mode, les baskets, la beautĂ©, les bijoux, les fleurs, la boulangerie, l'animalerie, la dĂ©coration, l'Ă©lectronique et les livres. Commencez par votre propre secteur. Explorez ensuite les catĂ©gories voisines : une marque de bougies peut trouver son bonheur dans la dĂ©coration ou les cadeaux.
Dans un mĂȘme secteur, choisissez selon l'ambiance. Sobre ou expressive. Chaleureuse ou froide. Retenez trois designs, pas plus. Une liste plus longue ne fait que repousser la dĂ©cision.
Si vous partez de zĂ©ro, le crĂ©ateur de boutique par IA choisit un design Ă partir d'une description de votre boutique en une phrase. ConsidĂ©rez ce choix comme une premiĂšre proposition que vous ĂȘtes libre de modifier.
3. Ajustez la palette avant tout le reste
La couleur transforme l'ambiance d'une boutique plus que tout autre réglage, tout en demandant le moins d'effort. Vous disposez de 24 palettes prédéfinies. Essayez-en quelques-unes avant de toucher aux polices ou à la mise en page.
- Choisissez une couleur d'accent déjà présente dans votre univers : votre emballage, votre logo, le ruban de vos boßtes.
- Veillez à la lisibilité du texte. Tenez le téléphone à bout de bras et vérifiez que vous arrivez encore à lire un prix.
- Ăvitez de donner Ă la page la mĂȘme couleur qu'au produit. Des sacs rouges sur une page rouge passent inaperçus.
- Une seule couleur d'accent suffit. Si tout est mis en valeur, plus rien ne ressort.
4. Choisissez les polices avec vos vrais noms de produits
Vous avez le choix entre 24 polices. Ne les jugez pas sur le texte d'exemple. Testez-les avec votre nom de produit le plus long et un vrai prix.
Un nom long occupe-t-il trois lignes dans la grille de produits ? Les caractĂšres de votre langue s'affichent-ils correctement ? Le prix se lit-il d'un coup d'Ćil ? Une police dĂ©corative convient au nom de la boutique et aux titres. Les descriptions et les prix demandent une police sobre.
Changez d'abord la police des titres et observez le rĂ©sultat dans la boutique. Modifiez ensuite celle du texte courant. Si vous changez les deux en mĂȘme temps et que le rendu se dĂ©grade, vous ne saurez pas laquelle en est la cause.
5. Ăvaluez le rĂ©sultat sur un tĂ©lĂ©phone, dans Telegram
La boutique est une Mini App qui s'ouvre dans la conversation et que les clients utilisent d'une seule main. Un design qui semblait aéré au moment du choix peut paraßtre serré sur un petit écran. Ouvrez la boutique dans Telegram sur votre propre téléphone et vérifiez quatre points.
- Le premier écran. Comprend-on ce que vous vendez sans faire défiler la page ?
- La grille. Combien de produits voit-on à la fois, et est-ce adapté à votre catalogue ?
- Les boutons. Peut-on appuyer sur le bouton d'ajout au panier avec le pouce sans toucher autre chose ?
- La lumiÚre. Regardez la boutique dehors, à la lumiÚre du jour, puis le soir en baissant la luminosité de l'écran.
Confiez ensuite le tĂ©lĂ©phone Ă une personne qui n'a jamais vu la boutique et demandez-lui de trouver un produit prĂ©cis. Observez les moments oĂč elle hĂ©site. Ne dites rien.
6. Modifiez un seul Ă©lĂ©ment Ă la fois et sachez vous arrĂȘter
Une fois le design appliqué, tout reste modifiable. Cette liberté peut aussi devenir un piÚge. Changez la palette et observez le résultat. Changez une police et observez à nouveau. Notez vos modifications pour pouvoir revenir en arriÚre.
Apprenez à distinguer un problÚme de design d'un problÚme de contenu. Des produits trop serrés ou une banniÚre qui occupe tout le premier écran relÚvent de la mise en page : en changer permet de les corriger. Une photo floue, un nom de produit vague ou un prix manquant sont des problÚmes de contenu. Aucun design ne les résoudra.
Fixez-vous une limite : une soirĂ©e pour choisir et ajuster, puis lancez la boutique. Les premiĂšres questions de vrais acheteurs vous en apprendront plus qu'une heure supplĂ©mentaire Ă parcourir les aperçus. Si trois personnes posent la mĂȘme question, il manque une phrase sur la page. L'ajouter sera plus utile que de changer de palette.