La conception graphique d'un groupe en contact est constituée de plusieurs images de tailles différentes. Chacun d'eux remplit son propre rôle, il est donc réalisé selon un cahier des charges technique distinct.

• Avatar. Jusqu'à l'apparition récente du capot supérieur, il jouait un rôle majeur dans la communauté. Mais les adeptes de l'ancien style peuvent toujours l'utiliser comme base. L'avatar doit inclure des informations de base sur l'entreprise : logo, nom de l'entreprise, coordonnées et quelques mots sur la direction de l'activité. L'une des parties les plus importantes de l'avatar est la vignette, visible dans le moteur de recherche et le fil d'actualité du contact. La largeur de l'avatar est de 200 pixels.
• Couverture. Dans le nouveau design, la couverture est devenue l'élément principal de la conception graphique de la communauté. En entrant dans un groupe, la première chose à laquelle une personne fait attention est la couverture, elle doit donc refléter autant que possible vos activités. Vous devez également y placer les coordonnées et le logo de l’entreprise. La taille de couverture recommandée est spécifiée dans les paramètres du groupe lors du téléchargement.
• Bannière de transition de menu. L'image de transition comprend traditionnellement un bouton de menu conçu dans un style communautaire. De plus, nous vous recommandons d’y placer une offre susceptible d’intéresser les clients.
• Image avec les éléments de menu. Un élément de navigation qui permet aux utilisateurs de parcourir le contenu d'un groupe. Le menu peut contenir toutes les informations dont les participants ont besoin : livraison, paiement, contacts, sur l'entreprise, catalogue et bien plus encore. Lors de la création d'une image, il est préférable de la choisir de manière à pouvoir facilement ajouter de nouveaux boutons au menu, ou de réfléchir à l'avance aux éléments de menu, en évitant de retravailler davantage.
• Images de navigation pour les pages internes. Ces éléments servent à déplacer facilement l'utilisateur dans les sections de la communauté et à donner une apparence agréable aux pages internes.

Comment rendre la conception de groupe VKontakte efficace ? C’est une question que se posent de nombreux propriétaires de communautés. À partir de l'article, vous apprendrez exactement comment le design influence les clients, augmentant les profits, et ce que garantit le fabricant ou l'administrateur.

La conception du groupe VKontakte simplifie l'interaction des utilisateurs avec les informations de la communauté et augmente le pourcentage de réalisation de l'action cible. Les visiteurs, une fois dans une communauté structurée et bien conçue, pourront comprendre plus facilement la navigation à travers les sections.

La conception réfléchie du groupe VKontakte inspire confiance à l'acheteur. Le groupe commence à fonctionner comme un site Internet à part entière. Certes, il existe plusieurs différences : ce sont des conditions de détention moins complexes et il est plus facile de gérer la gestion et la promotion. C’est un avantage non négligeable.

Donc, si vous souhaitez fidéliser votre marque et attirer un plus grand nombre d'utilisateurs, vous devez alors commander la conception d'un groupe VKontakte auprès de designers qui connaissent bien le marketing, y compris SMM. Les gars dans le lien sont exactement comme ça et cela peut être vu à partir des exemples de leur travail.

Éléments de conception de base d'un groupe VKontakte

Pour concevoir un groupe, vous devez connaître les principes de conception d'éléments tels que la couverture, l'avatar, la vignette et le menu. Parlons de chaque élément séparément et découvrons comment créer un groupe dans VK.

Couverture

Il s’agit d’une introduction relativement nouvelle, donc beaucoup de gens ne connaissent pas ou oublient la possibilité d’améliorer la conception de leur groupe VKontakte. Dans le contexte d'une concurrence aussi lente, une utilisation appropriée de cet élément peut attirer plus de visiteurs vers vous et même augmenter la communication avec les clients et les utilisateurs. Comment? En raison de la couverture dynamique du groupe VKontakte. Si vous n’êtes pas familier avec ce concept, alors il est temps d’apprendre les détails nécessaires pour en profiter.

La couverture dynamique d'un groupe VKontakte ressemble à une couverture normale, mais elle peut changer automatiquement à différents intervalles de temps : de 1 minute à 1 jour. Cela vous aidera à mettre à jour efficacement les informations destinées à vos clients et à maintenir une certaine communication avec eux.

Vous pouvez y placer une date mise à jour, des taux de change, afficher de nouveaux abonnés, ainsi que d'autres données à votre discrétion. Ainsi, la couverture dynamique est une solution insolite et intéressante pour augmenter l’efficacité du groupe.

Avatar

L'avatar du groupe VKontakte aide beaucoup à la promotion et crée le design de couleur nécessaire qui, avec la bonne approche du sujet, se combinera harmonieusement avec le menu et créera une image complète. Mais il convient de rappeler que lorsque vous utilisez une couverture, vous ne pourrez pas utiliser un avatar à part entière, mais VK suggère d'utiliser une miniature.

Miniature

Essentiellement, une vignette est une petite image magnifiquement conçue qui est attachée à côté de la couverture et affichée dans les commentaires au nom de la communauté, dans la correspondance avec les clients, etc.

La vignette a des fonctions très importantes, puisque c'est ce qui contribue à la reconnaissance de votre entreprise aussi bien dans le fil d'actualité de vos abonnés que dans la recherche interne de VK.

Si vous avez un logo ou un symbole d'entreprise, il est préférable de le placer sur la vignette et de le conserver au fil du temps et des changements de couleur et des variations de design. Les parties intéressées ne perdront pas l'accès et se souviendront de vous.

Menu

Un autre élément important qui affecte directement la conversion de la communauté. Lorsqu'un utilisateur voit un menu bien conçu et facile à naviguer par section, le désir de commander ou d'acheter quelque chose devient plus évident, et donc plus réalisable.

Les gens donnent toujours la priorité à la commodité, ce qui est compréhensible, et le menu crée une division pratique et organique, rendant plus clair le processus de connaissance de votre offre et de fourniture de toutes les informations nécessaires.

Que peut-on inclure dans le menu ? Il s'agit avant tout d'informations sur vous, de l'historique de l'entreprise ou de vos commentaires, des réponses aux questions fréquemment posées (FAQ), des évaluations, des bons de commande et bien plus encore.

Bannière

Il s'agit d'une image qui mène à la conception du menu principal. Habituellement, il est fixé sur le dessus et crée une composition complète avec l’avatar du groupe.

Comment créer correctement un design de groupe VKontakte ?

Pour commander un design avec compétence, vous devez savoir exactement ce que vous voulez en tirer et comprendre les bases de la recherche et des solutions de couleurs, dont nous parlerons maintenant.

Le design est un système complexe constitué de codes sources. La source est une image qui constitue la base de la conception et reste dans le produit final après traitement et manipulations nécessaires.

Si vous souhaitez utiliser des images intéressantes et nouvelles, et non des options éculées qui scintillent dans des milliers de groupes, utilisez Pinterest, Freepik, Flaticon ou Google pour effectuer une recherche. Les demandes doivent être faites en anglais. Si vous n'avez pas confiance en vos connaissances, utilisez n'importe quel traducteur en saisissant des mots-clés pour la recherche.

Vous avez le droit de recourir aux services d'un photographe ou d'un artiste professionnel, mais cette option coûtera beaucoup plus cher, même si elle sera originale.

Vous pouvez choisir votre police et votre taille préférées. Un nom et une adresse du public joliment écrits sur l'un des éléments de conception donneront au groupe un look moderne et soigné. Mais rappelez-vous qu’une variété de polices n’est pas toujours une bonne option, tout comme un excès de couleurs. Cela crée une impression de désordre et décourage les clients.

Rappelez-vous les règles de la typographie. Un bon designer sera capable de placer le texte de manière magnifique et de créer une image cohérente à partir de lettres indéfinissables qui pourront être utilisées de manière rentable en marketing.

Typographie- un outil pour exprimer le concept global de conception. Avec son aide, les professionnels sont capables de combiner harmonieusement texte et matériel visuel. Cette technique nécessite de l'expérience et un œil attentif.

Les couleurs du design et leurs combinaisons peuvent être vues à partir de palettes faciles à trouver sur Internet. Pour les entreprises, le bleu, le bleu clair, le blanc et d’autres couleurs claires sont généralement utilisés. Si vous vendez des produits spécialisés, vous pouvez également refléter son caractère en utilisant la couleur.

Ainsi, vous avez découvert les principales composantes du design et son impact sur le comportement des visiteurs de la communauté. La conception correcte d'un groupe VKontakte met l'accent sur votre professionnalisme et vous distingue des autres entreprises, en faisant preuve de responsabilité et en augmentant vos ventes.

Communiquer avec les clients et leur faciliter l’expérience est très important, et c’est exactement ce que le design peut vous offrir.

La décision de commander le design du groupe VKontakte à des professionnels est une acquisition importante qui vous aidera à atteindre vos objectifs.

Aujourd'hui, chaque organisation et la plupart des utilisateurs disposent de leur propre groupe sur le réseau social VKontakte. Et parmi un grand nombre de groupes, vous pouvez en trouver de très beaux. Donc Comment créer un groupe VKontakte ?? Notons tout de suite que pour créer un groupe il faut étudier le balisage wiki.

Notez que vers le 20 octobre, les administrateurs de VKontakte ont recadré les avatars des groupes, les rendant ainsi 200*500 pixels. Sur cette base, ajustez un peu la leçon. Ou créez simplement un menu bas : 382*232 et 200*500.

Formater un groupe VKontakte

Dans Photoshop, créez un nouveau document blanc de 630*725 pixels. Dans le calque, découpez deux fenêtres à travers lesquelles le graphisme sera visible, à savoir un rectangle 200*710 et appuyez sur Suppr et un rectangle 382*442, reliez les rectangles du dessous et appuyez à nouveau sur Suppr.

Sous cette couche, nous placerons notre conception graphique. On met une image, puis du texte, dans le rectangle de gauche on crée cinq points (le nombre dépend du nombre dont vous avez besoin).

Enregistrez le rectangle de droite en tant qu'image distincte 200*710. La première photo est maintenant prête à être décorée. Elle doit être téléchargée dans le bloc situé dans le coin supérieur droit du groupe « Télécharger une photo ». Nous découpons l'image de gauche en fonction du nombre de points. Nous obtenons 5 photos 50*382.


Téléchargez les cinq photos sur l'album principal de la page du groupe (« Mes photos » - « Mes albums » - « Ajouter des photos »). Nous allons sur la page du groupe et sous la description nous voyons le bloc « Actualités » (vous pouvez le renommer) - « Modifier ».


Ainsi, certains changements ont eu lieu dans VKontakte, après le point précédent, allez dans l'onglet « Modifier » et cliquez sur le bouton à droite « Mode de balisage Wiki ». Placez le code suivant dans la fenêtre qui s'ouvre :


Allez dans l’onglet « Code source » et collez-y le code suivant (il vaut mieux ne pas utiliser l’éditeur visuel, cela gâche les paramètres) :

[]
[]
[]
[]
[]

N'oubliez pas de remplacer le mot « photo » dans le code par le nom de vos fichiers et d'indiquer la hauteur du fichier (la largeur est déjà définie), et également de définir l'url des liens du menu.

Pour que les images soient combinées, le nom du groupe doit être placé sur une seule ligne, la description du groupe sur 10 lignes et l'url du site Web sur 1. Cliquez sur l'image pour voir clairement comment cela fonctionne.

Si cet article vous a aidé ou vous a plu, n'oubliez pas donne ton like, cela aidera les autres utilisateurs à le trouver plus rapidement. Et je peux découvrir ce qui vous intéresse le plus afin de préparer et rédiger des articles encore plus intéressants et utiles ! Cordialement, Viatcheslav.

Un beau design de la communauté VKontakte n'est pas un caprice, mais un élément important qui renforce la confiance des utilisateurs en vous et en votre entreprise. Si une page ou un groupe public est conçu de manière non professionnelle, vos clients potentiels peuvent tout à fait logiquement conclure que vous êtes tout aussi négligent dans votre travail. Pour éviter que cela ne se produise, assurez-vous que votre page VKontakte est belle, soignée et facile à utiliser. Comment faire? Lire ci-dessous.

Tailles actuelles des images VKontakte

Il y a quelque temps, les développeurs du réseau social VKontakte ont lancé un nouveau design. Cela a conduit à des changements dans la taille et les principes d'affichage des images. Le mémo, qui sera donné ci-dessous, correspond à toutes les innovations et contient les tailles pertinentes pour le moment.

Rentrons maintenant plus en détail sur chaque point.

Taille de l'avatar VK

La taille minimale de l'avatar est de 200 x 200 pixels. Si vous essayez de télécharger une image de moins de 200 pixels de largeur ou de longueur, vous verrez une erreur comme celle-ci :

La taille maximale de l'avatar est de 200 x 500 pixels. Mais en principe, vous pouvez télécharger des images plus grandes – jusqu’à 7 000 pixels de chaque côté. L'essentiel est que le rapport hauteur/largeur ne dépasse pas 2 à 5.

Je vais vous montrer avec un exemple.

J'ai une image. Sa taille : 200 par 800 pixels (rapport 2 à 8). Il n'y a aucune erreur lors du chargement. Cependant, je ne peux toujours pas utiliser cette image, car « Contact » ne me permet pas de la sélectionner complètement.

Couverture

La taille de couverture de la version complète du site est de 1590 x 400 pixels.

Attention : dans la version mobile et les applications, ce n'est pas la version complète de la couverture qui est affichée, mais seulement une partie de celle-ci mesurant 1196 par 400 pixels. Découvrez comment il est recadré dans l'application mobile :

Pour éviter que cela ne se produise, positionnez les principaux éléments de votre couverture dans une plage de 1196 x 400 pixels.

Images jointes

Dans la conception mise à jour de Contact, la largeur du fil d'actualité est devenue fixe. Cela signifie que les images jointes à la publication ne sont plus étirées, mais restent telles quelles. Par conséquent, si vous souhaitez que votre image occupe tout son espace dans le fil d’actualité, sa largeur doit être d’au moins 510 pixels. Il est préférable qu'il s'agisse d'un carré ou d'un rectangle en orientation paysage.

Cela semble un peu déroutant :) Je vais donc vous montrer avec un exemple.

Disons que nous avons une image de forme carrée avec des côtés de 510 pixels. Si nous le joignons à notre message, il apparaîtra très bien dans le fil d'actualité sur tous les appareils :

Et voici à quoi ressemble une image horizontale en orientation paysage (largeur 510 pixels) :

Comme vous pouvez le constater, plus l’image est étroite (en hauteur), plus elle paraît petite dans le flux du smartphone. Pour voir cela, regardez l'image ci-dessous :

Il est clair que la différence ici n'est pas particulièrement critique, et les utilisateurs de smartphones regarderont toujours votre image, c'est juste que dans le second cas ils seront un peu plus à l'aise.

Images pour les articles avec des liens

Toutes ces données proviennent du code de balisage Open Graph :

Si Open Graph n'est pas spécifié, le titre est extrait de la balise méta Title et l'image de l'article. En même temps, vous pouvez facilement la modifier - ou sélectionner une autre image dans l'article à l'aide de flèches spéciales :

Ou téléchargez le vôtre :

La taille minimale d'une image que vous pouvez utiliser comme annonce pour votre article est de 537 x 240 pixels. Cependant, vous pouvez télécharger des images plus grandes à condition que les proportions soient conservées.

Image d'un article créé dans l'éditeur

La taille de l'image de la couverture d'un article créé dans l'éditeur est de 510 x 286 pixels. Il est préférable qu'il soit de couleur sombre et plus ou moins monochrome, puisque le nom de l'article et de la communauté se perd sur un fond clair.

Bon exemple:

Ce n'est pas un très bon exemple :

Taille des photos et des vidéos pour les histoires

La taille des photos est de 1 080 x 1 920 pixels. La taille de la vidéo est de 720 x 1 280 pixels.

Spécifications techniques pour les enregistrements vidéo :

• jusqu'à 15 secondes ;
• pas plus de 5 Mo ;
• codec h.264 ;
• Son AAC.

Les histoires doivent utiliser des photos et des vidéos au format vertical.

Attention : les histoires au nom des communautés ne peuvent actuellement être ajoutées que par les grandes communautés pour lesquelles les développeurs de VKontakte ont ouvert cette fonction. Et cela se fait en utilisant l'application officielle. Cela ne peut pas être fait depuis un ordinateur.

Taille de la couverture de l'album photo

Taille de l'image vidéo

1280 par 720 pixels.

Page wiki

La largeur de la zone de contenu d'une page wiki est de 607 pixels. Si vous téléchargez une image plus grande, elle sera automatiquement téléchargée avec une largeur de 400 pixels. Exemple : j'ai une image mesurant 1366 par 768. Si je l'ajoute à la page wiki, voici à quoi elle ressemblera :

Pour modifier la taille d'une image, vous devez cliquer dessus et définir les valeurs souhaitées :

Je parlerai en détail de la façon de travailler avec les pages wiki ci-dessous. Nous ne nous attarderons donc pas ici sur ce point.

Comment s'assurer que les images VKontakte ne rétrécissent pas ? L'influence de l'arrière-plan et de la taille sur la qualité de l'image.

Si vous avez déjà essayé de télécharger des images VKontakte (peu importe qu'il s'agisse d'une photo d'avatar ou simplement d'une photo de votre voyage), vous savez probablement déjà qu'elles ont tendance à rétrécir. Ceci est particulièrement visible sur un fond sombre (et surtout rouge) et lorsque l'image n'est pas trop grande. Exemple:

Comment s'assurer que la qualité des images ne se détériore pas ?

Pour éviter que l'image ne rétrécisse (ou plutôt ne rétrécisse, mais dans une bien moindre mesure), il est nécessaire de la rendre 2 à 3 fois plus grande que la taille souhaitée. Par exemple, si nous devons créer un avatar mesurant 200 x 500 pixels, nous prenons une photo mesurant 400 x 1 000 pixels. Si vous devez créer un menu d'une taille de 510 sur 400 pixels, prenez 1020 sur 800.

L'image sur fond bleu foncé, que j'ai montrée juste au-dessus, a une taille de 510 par 350. Je l'ai rendue deux fois plus grande (1020 par 700) et je l'ai enregistrée. Voilà ce qui en est ressorti :

Comment le réparer? La réponse est très simple : vous devez choisir un arrière-plan différent. Le fait est que les pixels sont mieux visibles sur un fond sombre que sur un fond clair. Par conséquent, si vous souhaitez obtenir une qualité parfaite (bien que l'image ci-dessus semble déjà tout à fait normale), vous devez modifier légèrement la palette de couleurs. Par exemple, rendez le fond blanc et le texte bleu :

Comment concevoir un en-tête de page

L’en-tête de votre page ou groupe public est la première chose que les utilisateurs voient lorsqu’ils viennent vous rendre visite. Dans la plupart des cas, cet endroit contient un menu de navigation pour des documents publics, des articles intéressants ou des annonces importantes. Examinons des exemples de la manière dont différentes entreprises utilisent cet espace.

Couverture

Il n'y a pas si longtemps, VKontakte a introduit une mise à jour : vous pouvez désormais télécharger de grandes et belles couvertures (1 590 x 400 pixels) sur des pages. Pour ce faire, allez dans les paramètres et cliquez sur le bouton "Télécharger".

Sur la couverture, vous pouvez placer tout ce que vous voulez : du nom et de la devise de votre entreprise, à toutes sortes de promotions, offres et même concours.

Je recommande de porter une attention particulière aux possibilités d'une couverture dynamique. Lisez notre article sur son fonctionnement, à quelles fins il peut être utilisé et avec quels services il peut être installé.

Exemples de couvertures dynamiques :

Couverture + description de la communauté + lien vers le site Web

Certaines entreprises n'épinglent spécifiquement aucune publication dans l'en-tête afin que les utilisateurs aient la possibilité de lire les informations de base sur la page et d'accéder immédiatement au site.

Description avec hashtags

Certaines entreprises ajoutent des hashtags à la description standard de la page qui la caractérisent. Ceci est fait pour que la page ait une pertinence plus claire et, de ce fait, soit plus élevée dans la recherche de requêtes pertinentes. Honnêtement, je ne sais pas si cette méthode fonctionne ou non. Je n'ai vu aucun cas sur ce sujet, donc si quelqu'un le sait, je lui serais reconnaissant de partager le lien.

Article épinglé expliquant de quoi parle la page

Si vous souhaitez parler de votre page plus en détail (avec des photos, des liens et une belle mise en page), vous pouvez joindre à l'en-tête une publication wiki ou un article réalisé dans l'éditeur, avec une image lumineuse sur l'annonce qui encouragera les utilisateurs pour cliquer dessus. Un exemple d'un tel article :

Et voici ce que l'utilisateur voit après avoir cliqué sur le lien :

Le menu Groupe est ouvert

J'appelle un menu ouvert un menu qui montre immédiatement de quels éléments il se compose. Autrement dit, l'image d'annonce de la publication wiki duplique complètement son contenu. Ainsi, les utilisateurs voient immédiatement ce qui les attend à l’intérieur. Je vais vous montrer avec un exemple.

Voici à quoi ressemble une publication épinglée dans l’en-tête de la page Flatro :

Le menu Groupe est fermé

Un menu fermé est la même publication wiki que dans le paragraphe précédent, seule l'annonce contient une image sans élément de menu. Habituellement, ils écrivent dessus : « Menu », « Menu de navigation » ou « Navigation à travers les documents publics ».

Et voici ce que l'on voit lorsqu'on clique dessus :

À propos, il convient de noter que ce sont loin d’être les seules options. En gros, vous pouvez écrire ce que vous voulez sur cette image. L'essentiel est que l'utilisateur veuille cliquer dessus et qu'il comprenne ce qui l'attend après cela. Exemple:

Menu fusionné pour un groupe

Un menu fusionné, c'est lorsque l'image sur l'annonce de votre menu ne forme qu'une seule image avec l'avatar. Ci-dessous, je vais vous expliquer en détail comment créer un tel menu, mais pour l'instant, regardez à quel point il est beau.

GIF et avatar dans une seule image

Mais cette option de conception du chapeau m'a vraiment ravi. Le GIF joué automatiquement fusionne avec l'avatar en une seule composition et attire l'attention des utilisateurs, même s'il n'y a aucune information à ce sujet.

À propos, j'ai repéré cet exemple dans le groupe du spécialiste du marketing SMM, Sergei Shmakov. Alors, je lui exprime ma gratitude pour la trouvaille :)

Menu caché

Le menu caché n'est disponible que pour les groupes (les pages n'ont pas cette fonctionnalité). Pour le voir, vous devez cliquer sur le lien approprié. L'avantage de cette méthode de conception est que les utilisateurs peuvent voir les principales informations de la communauté, et s'ils souhaitent utiliser le menu, il leur suffit d'effectuer un seul clic. Cependant, il y a ici un petit inconvénient : tous les utilisateurs ne connaissent pas l'existence de cette fonction, votre menu peut donc recevoir moins d'attention que s'il était épinglé en haut de la page.

Vidéo en lecture automatique

Fin novembre 2015, une innovation intéressante est apparue sur le réseau social VKontakte : dès qu'un utilisateur visite votre page, la vidéo attachée à l'en-tête commence à être lue automatiquement. Avec cette technique, vous pouvez attirer encore plus l'attention des utilisateurs (surtout ceux qui ont visité votre page pour la première fois), et en même temps, ne pas irriter ceux qui n'aiment pas se voir imposer leur contenu, car la vidéo est diffusée. sans son et ne gêne pratiquement pas .

Comment ajouter une telle vidéo en en-tête de votre page ?

Pour ce faire, trois conditions doivent être remplies :

• Joignez la vidéo à la publication et épinglez cette publication en haut de la communauté.
• Hormis la vidéo, rien d’autre ne doit être joint à l’enregistrement. Uniquement vidéo et texte en option.
• La vidéo doit être téléchargée sur VKontakte - les lecteurs tiers ne sont pas pris en charge.

Un post qui reçoit beaucoup de partages

Une autre façon d'utiliser de manière productive l'espace dans l'en-tête de votre page consiste à y épingler l'une de vos publications les plus réussies - celle qui a déjà reçu et continue de recevoir un grand nombre de likes et de partages. Pourquoi faire cela, je pense que tout le monde comprend : plus il y a de republications, plus la portée est grande, plus la page reçoit d'abonnements.

Annonces de nouvelles vidéos, albums, événements

Présentation de nouveaux produits/services

Réductions et promotions

Cas, avis clients

Publicité des applications

Blagues pratiques

Règles de la communauté

Liens vers d'autres réseaux sociaux

Je n'ai pas répertorié toutes les options de conception d'en-tête. Fondamentalement, vous pouvez mettre tout type d'informations sur votre page de garde et votre publication épinglée : offres d'emploi, annonces, liens vers les produits les plus vendus, etc. Ne vous limitez donc pas aux exemples ci-dessus. Utilisez votre imagination et utilisez la conception de votre communauté pour atteindre vos objectifs.

À quoi devrait ressembler un avatar ?

Un avatar n’est pas seulement une belle image avec le logo de votre entreprise, mais aussi un outil de travail du marketeur avec lequel il atteint ses objectifs. Examinons en détail à quoi cela devrait ressembler afin d'attirer l'attention des utilisateurs et de les encourager à effectuer l'action cible. Commençons par la miniature.

Miniature de l'avatar

1. Le texte sur la vignette de votre avatar doit être suffisamment grand pour être lu.







2. Le texte ne doit pas dépasser la vignette.







3. Les utilisateurs doivent comprendre ce qui est affiché sur l'avatar.







4. Si possible, il est préférable de ne pas utiliser d’images d’archives, car elles réduisent souvent la crédibilité de l’entreprise.




5. Il n'est pas souhaitable que la vignette de l'avatar soit trop fanée et ennuyeuse, sinon elle sera perdue sur fond d'avatars plus brillants des concurrents.



6. Si vous souhaitez que votre avatar ait l'air moderne, créez-le dans un style minimaliste : moins de texte, d'ombres, de dégradés et d'éléments qui n'ont aucune charge sémantique. Votre avatar doit être aussi simple et soigné que possible. Ce style est actuellement à la mode.







7. Si votre objectif est d'attirer l'attention des utilisateurs et de vous démarquer des autres avatars du flux, vous devrez faire preuve d'imagination. Pensez à ce à quoi vous faites vous-même attention lorsque vous recherchez des communautés intéressantes ? Par exemple, j'ai été attiré plus d'une fois par des avatars avec une lumière allumée, ce qui indique généralement qu'un nouveau message est arrivé. C'est une technique très ancienne, mais pour une raison quelconque, elle m'affecte toujours - quand je vois une telle lumière, je garderai certainement mon regard dessus.

Je ne dis pas que cette technique fonctionnera sur votre page. Ce que je veux faire comprendre, c'est qu'il existe de très nombreuses façons de se démarquer, il suffit de se poser des questions et d'être un peu créatif. Voici, par exemple, une autre idée intéressante à laquelle j'aurais à peine pensé par moi-même :

L'avatar est un cercle noir : grand et petit. Il semblerait, pourquoi faire cela ? Mais lorsque l’on fait défiler la liste des communautés, de tels avatars attirent l’attention car ils sont très différents de tous les autres.

Quelles informations peuvent être placées sur la vignette d'un avatar ?

Même si la vignette de l’avatar est très petite, elle peut (et doit) être utilisée pour attirer des abonnés dans votre communauté. Comment faire? Examinons quelques options :

Annonce d'un nouveau produit/service/événement

Avantages de l'entreprise/du service/de la page

Numéro de téléphone de l'entreprise

Prix ​​avantageux

Livraison gratuite

À propos, très souvent, les informations selon lesquelles l'entreprise propose la livraison gratuite sont ajoutées au nom du groupe lui-même afin que les utilisateurs y prêtent certainement attention.

Action

Compétitions

Postes vacants

À quoi devrait ressembler l’avatar lui-même ?

J'ai regardé ce que devrait être la vignette de l'avatar et quel texte pouvait y être placé. Passons maintenant à l'avatar lui-même. La version complète de l'avatar ne sera affichée que dans la communauté où la couverture n'est pas installée. C'est pour de tels cas que j'ai écrit cette section. Alors, à quoi devrait ressembler l’avatar de votre communauté pour que les utilisateurs comprennent immédiatement que votre entreprise a abordé la création de la page de manière responsable et professionnelle.

1. L'avatar doit être de haute qualité. J'ai écrit sur la façon d'y parvenir un peu plus haut. Pour ceux qui ont raté cette partie, je vais vous le dire brièvement : la taille de l'avatar doit être 2 à 3 fois plus grande que ce que vous aviez prévu.
2. Il est conseillé que l'avatar soit combiné avec le menu : avoir la même palette de couleurs, avoir les mêmes polices, éléments, etc. Grâce à cela, l'en-tête de votre page aura l'air plus soigné et professionnel. Exemple:
3. L'avatar lui-même et la miniature de l'avatar peuvent être différents. Par exemple, vous pouvez dessiner un cercle sur votre avatar, le concevoir comme vous le souhaitez, sélectionner cette zone sous forme de vignette et concevoir le reste de l'avatar dans un style différent.




Une autre option consiste à diviser l’avatar en deux parties. L’un est pour la miniature et le second pour le reste de l’avatar.




4. Afin d'encourager les utilisateurs à s'abonner à votre page ou à écrire un message à un représentant de l'entreprise, vous pouvez placer un appel à l'action correspondant tout en bas de l'avatar et l'accompagner d'une flèche pointant vers le bouton.




5. Essayez de ne pas mettre trop d’informations sur votre avatar, sinon il aura l’air surchargé et désordonné. Ajoutez-y uniquement les points les plus importants et assurez-vous qu'il y a de « l'air » entre eux.

Quelles informations peut-on placer sur un avatar ?

En gros, vous pouvez mettre tout ce que vous voulez sur votre avatar. Contrairement à la miniature, il y a vraiment de la place pour se déplacer ici. L'essentiel est de ne pas en abuser :)

Domaine du site

Téléphone/adresse/heures d'ouverture

Concours/promotions

Produits les plus achetés/nouveaux articles

informations sur la livraison

Publicité sur les applications mobiles

Les principaux avantages de l'entreprise/page/produit, etc.

Mise à jour de l'assortiment/nouvelle créativité, etc.

Informations indiquant que votre communauté est officielle

Informations sur les événements à venir

Adresses des comptes sur d'autres réseaux sociaux

Description de la page étendue

Se vanter

En général, vous pouvez placer absolument n'importe quelle information sur votre avatar. Je viens d'inclure quelques idées afin que vous puissiez voir ce que font les autres et vous inspirer. Eh bien, gardez à l'esprit les recommandations de base : l'avatar doit être de haute qualité, la police doit être grande et il doit y avoir plus « d'air » entre les éléments.

Comment créer un avatar et un menu transparents

Afin de créer un avatar et un menu fusionnés, vous aurez besoin d'Adobe Photoshop ou de son équivalent. Je vais expliquer l'ensemble du processus en utilisant Photoshop comme exemple. Alors allons-y.

1. Téléchargez le modèle Photoshop que j'ai spécialement préparé pour cet article. En taille normale (menu – 510 pixels de large, avatar – 200) ou agrandie (menu – 1020 pixels de large, avatar – 400).
2. Ouvrez l'image que vous souhaitez utiliser comme base.
3. Copiez-le, collez-le dans le modèle et positionnez-le comme vous souhaitez le découper.

1. Ajoutez des effets, du texte, des graphiques, etc.

1. Si vous ne souhaitez pas perdre une partie de l'image (dans cet espace de 50 px), déplacez-la vers la droite, comme indiqué dans le GIF suivant :

1. Sélectionnez l'outil « Coupe » et cliquez sur le bouton « Fragments le long des guides ».

1. Supprimez les fragments inutiles (clic droit de la souris - "Supprimer le fragment") et modifiez ceux existants (clic droit de la souris - cliquez dans un espace vide - prenez la zone souhaitée et étirez-la à la taille souhaitée).

1. Allez dans la section "Fichier" et sélectionnez la commande "Enregistrer pour le Web".

1. Accédez à l'emplacement où vous avez enregistré les images (bureau ou répertoire spécifique) et recherchez un dossier appelé « Images ». C'est là que iront vos images. Il ne reste plus qu'à les renseigner sur la page.

P.S. La hauteur de l'avatar peut être modifiée à votre discrétion. J'ai pris la taille maximale - 500 pixels, mais votre valeur peut être inférieure. Par exemple, comme sur la page « Wiki Markup » :

Comment utiliser les widgets

Les widgets font également partie de la conception de la communauté VK. Grâce à eux, l'utilisateur peut : passer une commande, s'abonner à votre newsletter, participer à un concours, lire et laisser des avis, ouvrir une recherche dans la communauté, recevoir un cadeau, un coupon de réduction, etc.

Voici quelques exemples de ce à quoi ressemblent les widgets sur la page VKontakte :

Comment concevoir des images pour les publications

Si vous êtes un concepteur de sites Web ou si vous avez un goût artistique et un sens de la beauté, il ne vous sera pas difficile de proposer un style d'entreprise pour vos images. Cependant, il me semble que ces personnes seront minoritaires dans cet article (d'ailleurs, je n'en fais pas partie non plus). Par conséquent, examinons de plus près comment cela se fait, sur la base d'exemples d'entreprises prospères.

À propos, veuillez noter que presque toutes les sociétés VKontakte connues marquent leurs images, c'est-à-dire qu'elles ajoutent un petit logo, l'adresse de leur page ou un filigrane. Cela augmente la notoriété de la marque et protège vos images contre la copie. C'est à chacun de décider si cela en vaut la peine. La seule chose que je voudrais vous conseiller est la suivante : si vous décidez de faire cela, essayez de vous assurer que votre logo n'est pas trop lumineux et ne prend pas trop de place, sinon toute l'accent sera mis sur lui et l'image sera perdre son attrait.

Où puis-je obtenir de bonnes images ?

Nous avons un bon article sur ce sujet sur notre blog - "". Ils sont tous gratuits, mais certains nécessitent une inscription. Si vous ne trouvez rien qui vous convient, essayez de rechercher par mot-clé + fond d'écran (ou, si en anglais, fond d'écran). Généralement, ce type de demande aboutit à des images de haute qualité. Mais ici, vous devez être prudent et vérifier le type de licence, sinon, si vous avez une entreprise sérieuse, vous pourriez avoir des ennuis.

Que doivent faire ceux qui ne savent pas travailler dans Photoshop ?

Si vous n'avez jamais travaillé dans Photoshop (ou tout autre éditeur graphique) et n'êtes pas encore prêt à consacrer du temps à le maîtriser, vous pouvez utiliser des services qui disposent déjà de modèles d'images prêts à l'emploi pour différents réseaux sociaux :

1. Fotor.com

Après cela, sur le côté gauche de l'écran, sélectionnez le modèle qui nous intéresse. Veuillez noter que seuls les modèles ne comportant pas d'icône en forme de diamant sont fournis gratuitement.

Nous l'insérons dans le modèle, le sélectionnons avec le bouton gauche de la souris, sélectionnons la commande Calque (icône en sandwich) et cliquons Déplacer vers le bas. De cette façon, notre image ira en arrière-plan et toutes les inscriptions seront superposées dessus.

Après cela, nous modifions le texte, la police, la taille de la police, la position de l'inscription, etc.

Cliquez ensuite sur l'icône de la disquette, sélectionnez le nom, le format de l'image, la qualité et cliquez sur le bouton Connectez-vous pour télécharger.

2. Canva.com

Un autre service qui vous aidera à concevoir magnifiquement votre image. Il fonctionne sur le même principe que le précédent. Inscrivez-vous au service (vous pouvez utiliser votre compte Google+ ou votre e-mail).

Choisissez votre domaine d'activité. Nous sautons l'étape où il vous est demandé d'inviter des amis. Nous arrivons au menu principal, où nous sélectionnons une publication Facebook si nous avons besoin d'une photo rectangulaire, ou une publication Instagram si elle est carrée.

Sélectionnez un modèle (si le modèle est marqué « GRATUIT », cela signifie qu'il est gratuit), modifiez le texte.

Si nécessaire, téléchargez votre image, ajustez les dimensions, modifiez le texte, la police et la position de l'inscription. Après cela, cliquez sur le bouton « Télécharger », sélectionnez le format d'image et enregistrez-le sur votre ordinateur ou tout autre appareil.

Comment formater les articles dans l'éditeur

Récemment, VKontakte a rendu possible la saisie d'articles dans un éditeur spécial. Pour créer un article, vous devez cliquer sur la lettre « T » :

Comment utiliser le balisage wiki

Eh bien, nous arrivons ici à la section la plus intéressante et en même temps la plus difficile. Il y a peut-être des gens parmi les lecteurs qui ne savent pas ce qu'est le balisage wiki et qui entendent ce terme pour la première fois. C'est pourquoi, spécialement pour vous, je donnerai la définition que « Contact » lui-même donne.

Le balisage wiki est un langage de balisage utilisé pour formater le texte sur des sites Web (généralement classés comme projets wiki) et permet un accès plus facile aux capacités du langage HTML. Sur notre site, les pages wiki sont une bonne alternative aux publications classiques et à la navigation textuelle. Si vous avez besoin de créer un article volumineux avec une mise en forme de texte différente (gras, souligné, titres, etc.) ou d'y ajouter des graphiques, ou simplement de créer un menu de navigation coloré pour votre communauté, un wiki est indispensable.

Tout comme Wordpress (ou tout autre CMS) dispose d'un éditeur HTML avec lequel vous créez des articles, Contact possède son propre éditeur pour créer et éditer des pages wiki. Cela ressemble à ceci :

À l'aide de cet éditeur, des menus de navigation sont créés, ainsi que des articles avec des images, des vidéos et des enregistrements audio. Ci-dessous, je discuterai en détail de la façon de travailler dans cet éditeur, mais je vous demande d'abord de mettre deux liens dans vos favoris. Ils vous aideront beaucoup dans l’apprentissage du balisage wiki.

Comme vous le savez probablement, il existe de très, très nombreuses communautés sur le réseau social Vk. Mais tous ne sont pas populaires. De quoi une communauté a-t-elle besoin, outre un contenu unique et intéressant, pour être populaire ? Bien sûr, savoir comment décorer joliment un groupe ne sera pas superflu. Ce n'est pas si difficile de faire cela sur VKontakte. Après avoir lu notre article, vous pourrez tout faire vous-même.

Instructions pour créer une communauté

Vous devez vous-même comprendre qu'il ne sera pas possible de faire tout cela en une seule étape. Mais ne vous inquiétez pas, car l'administration du réseau social VK a spécifiquement donné la possibilité de créer des communautés pour les utilisateurs ordinaires. Même pour ceux qui ont des connaissances très médiocres en informatique.

Créer une bannière

Dans ce cas, nous appellerons une bannière un avatar communautaire, ainsi qu'un menu graphique, qui s'emboîtent parfaitement. Il s’agit souvent d’une image divisée en deux blocs. Vous aurez besoin de Photoshop. Vous pouvez télécharger gratuitement ce programme sur Internet. Et voici les instructions elles-mêmes :

1. Ouvrez Photoshop et créez un nouveau document dans ce programme dont la taille est de 630x725 pixels. Remplissez le tout de blanc.
2. Découpez deux fenêtres dans le calque (200x710 et 382x442 px). C'est à travers ces vitrines que sera affichée la conception graphique de la communauté. Nous combinons deux fenêtres en bas.
3. Sur la photo, nous écrivons le texte et les éléments de menu que vous avez prévus. En principe, c'est la réponse à la question de savoir comment concevoir le menu d'un groupe VKontakte.
4. Le rectangle que nous avons créé avec une taille de 200x710 pixels est enregistré séparément. C'est l'avatar de votre groupe ou public.
5. Nous devons couper le côté gauche de l'image (382x442) en quelques parties. Leur nombre dépend du nombre d’éléments présents dans le menu de votre communauté.
6. Ouvrez VKontakte dans le navigateur Orbitum ou tout autre. Nous enregistrons les images résultantes et les téléchargeons dans l’album de votre groupe.
7. Allez dans l'onglet "Actualités" - "Modifier" - "Code Source". Collez le code que vous voyez dans la fenêtre inférieure dans « Source... ». Nous changeons la photo en nom de fichier et indiquons également la hauteur du fichier. Insérez manuellement l'URL des liens du menu.
8. Pour que vos images s'intègrent harmonieusement et correctement, le nom de la communauté doit être sur une seule ligne, la description sur 10 lignes et l'url du site également sur une seule ligne.

Balisage wiki pour aider

Si vous êtes sérieusement intéressé par la façon de créer un groupe VKontakte, sachez qu'un élément tel que le balisage Wiki joue un rôle très important dans ce domaine. Qu'est-ce que c'est d'ailleurs ? C'est, disons, une alternative au HTML. Comme vous l'avez peut-être deviné, ce balisage est également utilisé lors de l'édition d'articles Wikipédia. Mais ce n’est plus le cas maintenant. Nous aurons besoin du balisage Wiki pour concevoir correctement la communauté dans VKontakte :
Le premier et le second - sans guillemets ! Eh bien, maintenant vous savez certainement tout sur la façon de concevoir correctement, avec compétence et magnifiquement des pages et des groupes publics sur VKontakte. Bonne chance!