Comment bricoler une marque visuelle époustouflante pour toutes vos plateformes en ligne (aucun Photoshop requis)

Publié: 2017-11-21

Construire une identité de marque ne concerne pas seulement les visuels, mais clouer vos graphiques peut ajouter une couche de vernis qui crie "pro" à votre public.

C'est quelque chose que vous voulez, peu importe ce que vous construisez, qu'il s'agisse d'un blog, d'une chaîne Youtube, d'un magasin ou de tout autre chose. C'est également important si vous mettez à jour votre marque, ou même simplement vos ressources visuelles. (Profils de médias sociaux sur le thème des vacances, quelqu'un ?)

De plus, il vaut mieux se démarquer en tant que nouveau YouTuber avec des graphismes époustouflants que de se démarquer en tant que YouTuber qui n'a aucune idée de comment basculer une image miniature, vous savez?

Heureusement, ces jours-ci, vous avez des options. Si vous n'êtes pas prêt à investir dans un designer professionnel et que l'idée d'apprendre Photoshop vous fait grincer des dents, vous pouvez toujours créer une excellente marque visuelle pour n'importe quel projet ou plate-forme.

Que vous mettiez à jour une marque existante ou que vous lanciez un tout nouveau projet, assurez-vous que vos visuels sont pertinents. Voici comment, en utilisant des outils conçus pour être adaptés aux débutants.

Présentation de Hatchful

Hatchful est un assistant de marque dans la paume de votre main

Hatchful est une application mobile qui vous aide à créer une identité visuelle à partir de zéro depuis la paume de votre main.

Tout ce que vous avez à faire est de répondre à quelques questions sur votre entreprise, et Hatchful vous proposera des logos parmi des centaines de modèles disponibles. À partir de là, vous pouvez personnaliser les couleurs et les polices de votre marque et télécharger tous les éléments de marque dont vous avez besoin, y compris des images parfaitement dimensionnées pour toutes vos plateformes de médias sociaux.

Hatchful est libre d'utilisation, que vous soyez un marchand Shopify ou non. (Il existe des modèles de logo premium que vous pouvez acheter dans l'application, et vous ne serez facturé que lorsque vous les téléchargerez.)

Installer Hatchful

Présentation de la stratégie de marque

Avant de pouvoir vraiment plonger dans vos visuels, vous devez adopter une vision plus globale de votre marque. Il ne s'agit pas seulement de vos polices, couleurs, logo et merchandising visuel, après tout, aussi importants que soient ces éléments.

Le fondement de votre marque est qui vous êtes, ce que vous représentez et qui vous servez. Une fois que vous savez cela, les détails deviennent beaucoup plus faciles.

Le fondement de votre marque est qui vous êtes, ce que vous représentez et qui vous servez.

Pour vous aider à mieux comprendre votre marque, essayez de répondre aux questions suivantes.

  • Que fais-tu?
  • Pourquoi fais-tu cela?
  • Qui servez-vous ?
  • De quoi ont-ils besoin?
  • Qu'est-ce qui vous différencie ?

Et rappelez-vous, vous ne pouvez pas être tout pour tout le monde, et vous ne devriez pas essayer. Les meilleures marques sont celles qui représentent quelque chose, alors n'ayez pas peur de mettre un piquet dans le sol.

Cela pourrait même signifier ajouter quelques questions à la liste :

  • Qu'est-ce que tu ne fais pas ?
  • Qui ne servez-vous pas ?

Par exemple, si vous êtes dans une industrie ou une niche traditionnellement dominée par les hommes, mais que votre marque se concentre sur un public féminin, c'est une note importante. Ou peut-être que vous êtes une marque de yoga, mais que vous êtes destiné à des personnes qui n'auraient jamais pensé qu'elles seraient une « personne de yoga ».

Il est beaucoup plus facile de faire des choix lorsque vous avez une base solide en place, pour tous les aspects de votre marque, pas seulement les visuels.

LECTURE COMPLÉMENTAIRE : Vous avez besoin de définir chaque aspect de votre marque ? Consultez ce guide en sept étapes pour créer une marque.

Construire une identité visuelle de marque

Maintenant que vous avez une bonne base, il est temps de passer aux visuels.

Les entreprises avec des marques visuelles fortes ont une longueur d'avance sur la concurrence, car la plupart du temps, vous pouvez reconnaître une annonce ou un message d'eux sans même voir leur logo. C'est parce qu'ils sont cohérents avec leurs visuels, des polices qu'ils utilisent au traitement de leurs images.

Voici un exemple. Selon vous, qui a fait cette annonce ?

Exemple d'annonce reconnaissable
Photo publiée avec l'aimable autorisation de : Forum des annonces

Ou celui-ci ?

Un autre exemple d'annonce reconnaissable
Photo gracieuseté de (alerte spoiler): Nike

Vous saviez probablement immédiatement que la première publicité est d'Apple, de leur style de publicité iPod de longue date, et la police de la deuxième publicité crie Nike. C'est le pouvoir d'une image de marque visuelle cohérente, y compris l'utilisation cohérente du logo, l'utilisation des polices et la conception du produit.

Vous pouvez créer une marque aussi identifiable que ces grandes marques en ajoutant également de la cohérence à vos visuels, de sorte que chaque fois qu'ils voient une épingle sur Pinterest ou une image de couverture Youtube, ils sachent que cela vient de vous.

Une marque qui le fait bien est The Financial Diet. Voici quelques images de leur page Youtube, de leur site Web et de leur magasin, qui font tous clairement partie de la même marque cohérente. Dès que leurs fans voient une image, ils peuvent dire qu'elle provient de TFD.

exemple de directives d'identité de marque tfd

Une image de marque cohérente est un autre moyen d'aider vos futurs fans et clients à vous trouver, et au fil du temps, ces visuels leur indiqueront qu'ils peuvent attendre de vous le même contenu ou les mêmes produits de haute qualité auxquels ils sont habitués.

Lorsque vous prenez des décisions sur ce que vous allez utiliser pour votre marque, assurez-vous d'écrire ce que vous avez choisi pour :

  • Polices : lesquelles utiliserez-vous pour les titres ? Lesquels utiliserez-vous pour le corps du texte ? Utilisez-vous des polices pour mettre l'accent ?
  • Couleurs : quelles couleurs conviennent à votre marque ? Combien de couleurs allez-vous utiliser ? Au fur et à mesure que vous les choisissez, assurez-vous d'enregistrer les codes hexadécimaux pour chacun, qui ressembleront à quelque chose comme #5c6ac4. C'est ainsi que la plupart des plates-formes Web s'assureront qu'elles utilisent la couleur exacte que vous souhaitez.
  • Motifs : utilisez-vous des rayures ? Pois ? Pas de patrons, jamais ? Notez-le et enregistrez tous les exemples que vous aimez.
  • Traitements d'image : toutes vos images sont-elles en noir et blanc ou optez-vous pour des couleurs vives ? As-tu toujours des gens dans tes images ? Vous souhaitez utiliser uniquement des illustrations ?
  • Variantes de logo : quelles sont les différentes façons d'utiliser votre logo ? Avez-vous un logo textuel, une icône ou les deux ?

C'est là qu'un guide de style de marque peut être utile. Cela peut vous aider à garder une trace de toutes les décisions que vous avez prises concernant votre marque, de sorte que la prochaine fois que vous aurez besoin de créer quelque chose, cela semblera venir de vous.

Un guide de style peut également être utile si vous confiez la création graphique à un assistant virtuel (ou à d'autres employés au fur et à mesure de votre croissance) et vous garder sur la bonne voie si vous utilisez une application pour créer vos graphiques.

Créer un logo

Concevoir un logo peut sembler difficile lorsque vous êtes confronté à des icônes comme le swoosh Nike, mais il existe quelques règles simples qui peuvent vous aider à créer un logo qui fait tout ce dont vous avez besoin (et un peu plus).

Rester simple

S'il s'agit de votre premier rodéo de logo, vous ne réalisez peut-être pas le nombre de tailles différentes dont vous aurez besoin, mais c'est plus que vous ne le pensez. Au minimum, vous aurez besoin d'une variation de votre logo pour fonctionner avec le favicon de votre site Web, qui est la petite image que vous voyez dans la barre d'URL ou l'onglet de votre navigateur Web.

Exemples de favicons de grandes marques.
Quelques favicons de marques reconnaissables.

La façon la plus simple de faire ce travail est de garder votre logo simple.

Les logos très détaillés peuvent avoir fière allure sur une page Web complète, mais finissent par avoir l'air encombrés, occupés ou tout simplement mauvais lorsqu'ils sont réduits aux plus petites tailles dont vous aurez besoin. Même la réduction à un avatar Instagram ou à une photo de profil Twitter peut être difficile avec un logo détaillé.

Simple est votre ami.

Créer des variantes

Tous les exemples que nous avons abordés jusqu'à présent sont des images carrées, mais qu'en est-il de l'en-tête de votre site Web ou de l'image de votre bannière Youtube ? Ceux-ci vous donnent généralement beaucoup plus d'espace horizontal, et un logo ou un mot-symbole rectangulaire pourrait être mieux adapté.

Voici un exemple de Walmart. Ils utilisent une icône carrée dans leur photo de profil Facebook, mais ils ont également un mot-symbole rectangulaire - qui incorpore l'icône pour plus de cohérence - qu'ils utilisent à d'autres endroits.

Exemple de différentes variantes de logo de Walmart

Tenir compte du contexte

Vous pourriez avoir des articles ou des formes spécifiques qui sont généralement compris comme faisant partie de votre industrie. Pensez aux signes dollar pour la finance, aux pinceaux de maquillage pour les cosmétiques, ce genre de choses. Il peut également y avoir des couleurs courantes utilisées dans votre industrie.

Que vous souhaitiez vous y pencher et utiliser ces symboles, couleurs ou conventions communs, ou les éviter complètement, c'est à vous de décider. Assurez-vous simplement que vous faites le choix intentionnellement.

Comment créer votre logo

C'est là que vous devenez probablement nerveux, pensant qu'il y a beaucoup de choses à retenir - et hé, n'était-ce pas la promesse que vous n'aviez pas besoin de connaître Photoshop pour faire tout cela ?

Tu as raison. C'est là qu'interviennent les applications qui peuvent faire le gros du travail pour vous.

Hatchful est une application pour iOS et Android qui simplifie la conception de logo pour vous. Il a été construit avec tout cela à l'esprit, et avec un peu de votre part, il vous aide à choisir le meilleur modèle de logo parmi des centaines disponibles.

Vous pouvez modifier les couleurs, les polices, etc., et télécharger toutes les variantes et ressources dont vous avez besoin. Son utilisation est gratuite et il existe des options de logo premium si vous souhaitez investir un peu d'argent dans un design que vous aimez vraiment, mais vous ne paierez que lorsque vous aurez terminé vos modifications et que vous serez prêt à télécharger votre nouveau logo. et les actifs de la marque.

LECTURE COMPLÉMENTAIRE : Voici cinq autres générateurs de logo qui peuvent vous aider à créer un logo (ainsi que des conseils supplémentaires sur la façon d'en créer un excellent).

Branding vos plateformes

De nos jours, il ne suffit pas de marquer votre site Web et de l'appeler un jour - et selon votre projet, vous n'avez peut-être même pas encore besoin d'un site Web.

Mais peu importe où vous commencez à construire une marque (votre site Web, Youtube, Instagram, etc.), vous devez faire attention à vos visuels partout .

Cela signifie que vous avez besoin d'images de médias sociaux de marque, dans les bonnes tailles, avec les bonnes couleurs, pour chaque plate-forme sur laquelle vous vous trouvez.

Vous avez besoin d'images de médias sociaux de marque, dans les bonnes tailles, avec les bonnes couleurs, pour chaque plate-forme sur laquelle vous vous trouvez.

Nous pourrions partager toute une liste de blanchisserie de chaque taille d'image pour chaque plate-forme, mais non seulement cela en ferait une très longue liste, mais elle serait également obsolète dès qu'une plate-forme modifie sa mise en page ou ses tailles d'image préférées. (Si vous recherchez les tailles, Sprout Social fait un excellent travail pour les tenir à jour dans cet article.)

Mais pourquoi ne pas utiliser des outils qui géreront pour vous toute cette connaissance de la taille de l'image ?

Hatchful vous créera des images de médias sociaux de marque pour Youtube, Facebook, Instagram et plus encore, et vous pourrez toutes les télécharger directement depuis l'application. Vos images seront formatées et dimensionnées de manière appropriée pour chaque plate-forme.

Tout ce que vous avez à faire est de télécharger chaque image sur vos plateformes de médias sociaux, et bam, vous êtes marqué.

Et lorsque vous avez besoin d'ajouter des images à vos tweets ou de créer une excellente image de citation pour Instagram, il existe des outils pour cela.

Canva garde une trace des tailles d'image de réseaux sociaux recommandées pour vous, il vous suffit donc de sélectionner un graphique Pinterest, une image Twitter, une vignette Youtube ou toute autre image de réseau social pré-dimensionnée. Tout ce que vous aurez à faire est de vous assurer que les polices, les couleurs et la mise en page correspondent à votre image de marque existante.

Vous pouvez également créer des images optimisées pour les publications sur les réseaux sociaux à l'aide de Pablo, un outil d'édition d'images de Buffer spécialement conçu pour vous aider à créer de superbes images sur les réseaux sociaux en un clin d'œil.

Image de marque de votre site ou magasin

À un moment donné de votre projet, vous souhaiterez probablement créer votre propre site Web de marque.

Parfois, c'est la première étape, parfois c'est la dernière, mais le fait d'avoir un endroit bien à vous sur Internet vous donne un contrôle créatif total et peut être un facteur important pour générer des revenus à partir de votre projet.

LECTURE COMPLÉMENTAIRE : Voici un aperçu complet de la façon dont vous pouvez gagner de l'argent sur Youtube. Alerte spoiler : certains des moyens impliquent d'avoir votre propre site Web en dehors du site de streaming vidéo.

C'est là que la cohérence devient encore plus importante, car vous avez plus de flexibilité visuelle que sur toute autre plate-forme. Vous devrez réfléchir à la manière dont vous allez utiliser :

  • Thème
  • Images
  • Polices
  • Logos
  • Couleurs
  • Thème

Thème

Le thème de votre site est à la base de la plupart des autres décisions concernant votre marque visuelle. Considérez-le comme les fondations d'une maison : il vous donne le cadre de base pour commencer, et vous pouvez le personnaliser en fonction de vos goûts à partir de là.

Et non, nous ne parlons pas de personnalisations de murs démontables à la Property-Brothers. C'est pourquoi vous devez choisir un thème avec soin, pour vous assurer que les murs numériques, c'est-à-dire la disposition de vos pages, sont proches de ce que vous voulez dès le premier jour.

Si vous construisez une boutique Shopify, commencez par la boutique thématique. Vous pouvez trier les thèmes en fonction de ce que vous cherchez à construire, par prix, etc.

LECTURE COMPLÉMENTAIRE : Besoin d'aide pour choisir un thème ? Voici tout ce que vous devez savoir pour choisir le thème parfait pour votre projet.

Images

Les images de votre site incluent tout, des images d'en-tête, des images d'articles de blog, des images de la barre latérale, des images de produits, etc. Il s'avère que les sites Web ont tendance à contenir beaucoup d'images, c'est pourquoi elles constituent une partie importante de votre marque.

Lorsque vous choisissez des images, essayez de choisir un type d'image cohérent, afin qu'elles aient toutes l'air cohérentes. Si la moitié de vos images sont des dessins animés et l'autre moitié des images classiques en noir et blanc, vous ne créez peut-être pas la bonne impression (à moins, bien sûr, que ce soit ce que vous recherchez).

BESOIN D'IMAGES ? Burst peut aider. Il s'agit d'une collection d'images gratuites que vous pouvez utiliser pour votre projet ou votre magasin.

Polices

Puisque vous avez déjà choisi les polices de votre marque et que vous en avez une trace dans votre guide de style (n'est-ce pas ?!), les ajouter à votre thème devrait être aussi simple que de les sélectionner dans l'éditeur de votre thème.

La plupart des thèmes et la plupart des plates-formes rendront cela aussi simple que de sélectionner dans une liste déroulante. Tant que vous voyez vos polices comme des options, vous êtes prêt.

Et si vous ne voyez pas votre police sélectionnée comme une option, il est temps de creuser dans le code du thème. Si cela ne fait pas partie de votre zone de confort, il est peut-être temps de faire appel à un expert. Si vous êtes sur Shopify, vous pouvez trouver un expert pour vous aider avec de petites tâches comme la personnalisation du thème.

Logos

Vous vous souvenez quand nous avons parlé de variantes de logo ? Vous serez heureux de les avoir quand viendra le temps de configurer votre site.

Votre plus petite variante, si vous en avez une, sera un excellent ajout en tant que favicon de votre site, et vous pouvez ajouter une version plus large à l'en-tête de votre site. Vous pouvez également ajouter votre logo à tout autre élément du site qui a du sens.

Par exemple, si vous créez une boutique Shopify, vous pouvez ajouter votre logo à toutes les notifications d'expédition, de sorte que chaque e-mail provenant de votre marque porte bien la marque .

Voici un exemple de la province du Canada, indiquant à un client que sa commande a été expédiée.

Exemple d'e-mail de marque de la province du Canada

Couleurs

Une fois que vous avez un thème en place, vous pouvez généralement personnaliser certaines des couleurs. Vous voudrez revoir les couleurs spécifiques que vous avez déjà choisies et vous assurer qu'elles sont utilisées de manière cohérente sur votre site.

C'est là que les codes hexadécimaux que vous avez notés seront utiles pour vous assurer que les couleurs de votre marque sont parfaites au pixel près sur votre site Web.

Construire une identité de marque mémorable

De nos jours, vous pouvez créer une grande marque visuelle avec quelques applications conviviales pour les débutants, et des visuels solides sont un élément important de la réussite de votre projet en ligne ou de votre magasin.

Pour créer un logo et obtenir la marque de toutes vos plateformes de médias sociaux dès que possible, Hatchful est votre meilleur pari. Obtenez l'application pour iOS ou Android dès maintenant, et vous êtes sur la bonne voie pour une présence en ligne entièrement personnalisée (ou renommée), sans Photoshop requis.

En plus de cela, tous ces outils s'appliquent chaque fois que vous cherchez à mettre à jour vos profils de médias sociaux ou votre site Web dans son ensemble. Cela peut être le cas pour les entreprises saisonnières, la période des fêtes ou même un lancement de produit thématique qui nécessite de tout mettre en œuvre.

Quelle que soit la raison pour laquelle vous mettez à jour votre image de marque, vous êtes prêt à basculer.