Identité visuelle Shopify : logo, palette de couleurs et typographie — Vidéo 16/41

maintenant je vais t'expliquer rapidement comment on va venir structurer le site vraiment le but c'est de t'aider un maximum donc je te le rappelle fais le taf alors la première étape c'est tout ce qui est logo palette de couleur et typographie je te montre ça tout de suite dans cette vidéo je t'invite à préparer à l'avance tes logos ta palette de couleur tes typographies par exemple ce que j'ai fait c'est que je me suis je fais un dossier où j'ai mis tous mes logos je te conseille de faire deux types de format après ça dépend bien sûr de ton logo moi j'ai un format juste avec le symbole du logo donc le B comme ça et j'ai un version plus complète avec le symbole et la typographie enfin le texte en bas ce que je t'invite à faire c'est faire une première version carré que ce soit sur convva ou sur un autre logiciel de type Illustrator donc ce que j'ai fait c'est que j'ai fait une version en noir et ensuite bien sûr on va exporter tout ça en PNG ou si tu veux en SVG en fait ça permet d'avoir un fond transparent donc j'ai fait une première version en noir une autre version en couleur et une version en blanc là tu ne vois pas parce que c'est comme ça mais sinon ça rend comme ça OK et j'en ai profité pour faire mon favicone donc voilà après toi tu gères comme tu veux les choses mais je te conseille de faire ça parce que souvent il va falloir que tu aies ton logo en version noire en version blanche et cetera donc j'ai fait ça pour le symbole et maintenant je fais ça avec la version un petit peu plus complète de mon logo donc là j'ai fait ça pareil hein en blanc en couleur et en noir super important super important quand vous faites ça s'il vous plaît ne mettez pas trop de marge en haut en bas à gauche et à droite parce que vous êes beaucoup à me faire un logo comme ça donc vous l'exporter et donc il y a tout ça comme marge et ensuite quand vous le mettez dans votre boutique Shopify par exemple dans le menu votre menu il est énorme en hauteur parce que justement il y a toute cette marge en haut et en bas que vous ne pouvez pas directement changer parce que c'est la photo qui est comme ça elle-même donc s'il vous plaît vous me faites quelque chose comme ça donc voilà là en haut et en bas la marge est acceptable j'aurais même pu réduire encore plus la marge en haut et en bas mais c'est correct ensuite on va préparer tout ce qui est palette de couleur donc voici ma palette de couleur pour Brown ira et là j'ai mis tous les codes couleur donc comment on récupère le code couleur tu cliques ici ensuite ici bien sûr si vous utilisez canva si vous vous utilisez un autre logiciel il faudra regarder avec l'autre logiciel donc je clique ici et là tu as le code donc ce que j'ai fait c'est que je l'ai mis ici en fait dans Shopify je t'ai déjà montré les nuanciers tu vas besoin tu auras besoin de toute ta palette de couleurs ensuite ce que j'ai mis ici c'est mes typographies donc que ce soit pour le titre ou la description moi j'utilise la police Futura donc c'est très important de connaître le nom de tes typographies parce que tu en auras besoin quand tu vas aller sur Shopify il faudra choisir le nom de ta typographie concernant les typographies il se peut que ce ne soit pas disponible sur Shopify parce que ils ont une liste déjà préétablie et tu viendras choisir ta typographie si ce n'est pas disponible il va falloir les intégrer manuellement et malheureusement pour ça il faut coder donc si c'est ton cas quand tu seras à la partie de la typographie et que tu vois que ce n'est pas disponible n'hésite pas à me contacter par contre bien sûr il faudra que tu télécharges la fonte télécharg la police avant parce que sinon moi je pourrais rien faire donc voilà pour cette partie qui va nous permettre d'être plus rapide par la suite ensuite la deuxème étape c'est la liste des produits avec titre prix stock SKU description photos et cetera et cetera dans la prochaine vidéo je te montre un petit cours sur la fiche produit et je te montre après comment faire cette liste produits sur Excel ne t'inquiète pas avec ça normalement ça va te permettre d'avoir une liste de toutes tes catégories de produits parce que c'est super important on va devoir définir ça on va devoir mettre ça sur Shopify donc j'ai dit collection Collection c'est le nom dans Shopify mais c'est l'équivalent de catégorie donc par exemple les collections pour une marque de vêtements ça serait jupe t-shirt accessoir chaussures et cetera troème étape on passe à la liste des pages plus contenu textuel voilà ça je sais que c'est très dur pour vous mais je vais essayer de vous aider un maximum donc là il faut que tu te poses et que tu te demandes queles sont les pages que je vais mettre dans ma boutique en ligne généralement ce qu'on a c'est la page d'accueil of course la page catégorie la page à propos la page Contact la page de produit et les pages légal voilà en général c'est ce qu'il y a ensuite tu peux mettre d'autres tu peux être un petit peu inventif en fonction de ton cas voilà il y a pas vraiment de règles quand tu fais ta boutique en ligne le tout il faut que ce soit fonctionnel clair et comme je te l'ai dit brander donc par exemple tu peux avoir une page de tutoriel tu peux avoir une page où tu regroupes tous tes avis tu peux avoir une page de FAQ et cetera et cetera vraiment n'hésitez pas à faire en fonction de votre situation si c'est trop dur pour vous si vous avez pas d'inspiration si déjà vous galérez avec la technique au niveau du site Shopify faites super simple juste avec ça ça suffit amplement ce que j'ai mis en violet c'est ce qu'on va venir retravailler ensemble un petit peu plus en détail la page catégorie bah c'est la page catégorie il y a vraiment presque rien à faire à part choisir un bon titre de catégorie ça si tu veux aller plus loin il faudrait presque même mettre vraiment des mots clés dans ton titre de catégorie pour que pour améliorer ton référencement naturel mais ça c'est un autre niveau je vous apprends pas ça dans la formation parce que c'est vraiment quelque chose de poussé c'est vraiment une réflection d'un autre niveau je veux pas vous embêter avec ça je vais vous montrer un petit peu moi ce que j'ai fait pour avoir un aperçu donc par exemple la page catégorie ce que tu peux venir personnaliser c'est par exemple tu peux mettre une image qui illustre la catégorie tu as ton titre de ta catégorie et tu peux mettre une petite description généralement c'est plus pour le référencement mais ça peut aussi aider ton visiteur à comprendre ta catégorie donc je reviens ici ensuite tu as la page Contact B tu auras un formulaire et un petit paragraphe voilà c'est vraiment pas compliqué et bien sûr ce qui va être difficile c'est les pages légales parce que tu vas devoir rédiger ça donc peut-être que tu l'as déjà fait auparavant sinon moi je t'ai mis des temps template et tu as également les générateurs gratuit de Shopify si ça t'arrange donc là il faut que tu choisisse les pages que tu veux mettre sur ton Shopify ensuite l'étape d'après c'est de choisir ce que tu vas mettre comme lien dans le menu du haut ce qu'on appelle le header et dans le menu du bas ce qu'on appelle le foour donc généralement pour le header qu'est-ce qu'on a on a page d'accueil on a le logo page d'accueil euh les liens vers différentes catégories des pages comme FAQ avis et cetera et en dernier la page Contact ça c'est vraiment le truc super classique après toi tu peux faire autrement mais de toute façon quand on va travailler en détail la page d'accueil la page produit je vais t'expliquer je vais te montrer des exemples ne t'inquiète pas mais déjà commence un petit peu à réfléchir à ça ensuite pour le footeur alors tu as généralement plusieurs sections comme ça voilà ça peut être une section ça peut être deux sections ça peut être trois sections ça peut être quatre sections vraiment quatre sections maximum et tu peux avoir quelque chose aussi de très très très simple en tout cas le plus important c'est la section lien où tu mets le lien vers tes pages légales tes pages catégories ta page Contact et cetera est-ce que tu va mettre aussi c'est le tout droit réservé le copyright là et les logos de de paiement pour rassurer les visiteurs ensuite tu peux avoir une section newsletter une section marque ce que j'appelle marque avec logo titre description et R ça ne t'inquiète pas on va voir tout ça ensemble je vais te montrer moi ce que j'ai fait pour te donner des exemples mais après ne te prends pas trop la tête avec ça une fois que tu as commencé à réfléchir à tout ça et vraiment fais-le sérieusement s'il te plaît on va venir se focus faire un petit zoom sur la page de fiche produit la page d'accueil et la page à propos je vais essayer de te donner tous mes conseils pour que tu puisses faire des pages au top c'est parti pour la suite