Come progettare magnificamente un gruppo in contatto. Nuovo design VKontakte: copertura del gruppo orizzontale

1 voto

La stessa cosa deve essere fatta con l'avatar. Seleziona e sposta su un nuovo livello (Ctrl+J)

Quando passi a un nuovo livello, lo sfondo dovrebbe essere attivo e non quello che hai appena creato. Assicurati che si accenda.

Quindi puoi sbarazzarti dello sfondo. Fai clic sul lucchetto accanto a questo livello, questo ti permetterà di manipolarlo.

Trascina il livello nel cestino, proprio come un normale file dal desktop.

Abbiamo finito con questo. Il modello è stato creato.

Immagine unica per il gruppo

Recentemente ho scritto un articolo su . Un'apertura errata e un ulteriore lavoro con le dimensioni possono peggiorare notevolmente la qualità dell'immagine più bella, se sei interessato puoi leggere un articolo a riguardo sul mio blog.

Trascina la foto che utilizzeremo come principale.

Non si riflette correttamente.

Se hai le stesse sciocchezze, rendilo il migliore. Quindi, tenendo premuto il pulsante Alt, fai clic sul livello 1 e sul livello 2 in modo che entrambi siano evidenziati.

Devono essere combinati utilizzando il pulsante destro del mouse e l'opzione appropriata. In questo caso ci sarà più conveniente continuare a lavorare. Non è necessario sovrapporre e ritagliare la foto prima per l'avatar e poi per il post.

Se premi Ctrl e poi la miniatura del livello appena creato. Le formiche corrono lungo i bordi degli oggetti del nuovo livello, il che ti dirà come visualizzare l'immagine in basso. Puoi rimuoverli premendo Ctrl+D. Ciò che ora è nella parte interna verrà successivamente inserito in VK.

Se inizi a spostare la foto, le formiche che corrono "andranno" con essa. Posso consigliarti di impostare delle guide. Non sai come lavorare con loro? Guarda questo video qui.

Dopo aver impostato tutto come dovrebbe, puoi passare al passaggio successivo. Ti mostrerò due opzioni per ottenere lo stesso effetto. Il primo è semplice. Sul livello superiore, fai clic con il pulsante destro del mouse e seleziona "Crea maschera di ritaglio".

Ma adoro il secondo. È più veloce. Premi Alt e sposta il cursore tra i due livelli, cambierà visivamente. Quindi fare clic con il pulsante sinistro del mouse.

Il risultato è questa foto.

Ogni parte può essere ritagliata utilizzando lo strumento Cornice e quindi salvata come jpeg. Aggiungiamo la foto giusta come avatar. A sinistra puoi semplicemente aggiungerlo come post normale e poi fissarlo.

Il design di successo di un gruppo VKontakte non dovrebbe essere solo bello, ma anche funzionale e conveniente. Fai in modo che il design risolva i tuoi problemi di marketing in modo che il gruppo attiri un pubblico pagante e acquirente verso il marchio e rimanga con esso per sempre.

5 passaggi su come creare un gruppo su VKontakte

Copertina

La community cover oggi è uno strumento importante per progettare un gruppo di marchi in Contact e promuoverlo. Puoi scaricarlo nella sezione “Gestione community” accedendo alla scheda “Impostazioni”. Un’immagine orizzontale di alta qualità nell’intestazione stessa della community svolge il ruolo di principale banner promozionale dell’azienda sul social network. Crea atmosfera, informa, valorizza l'immagine, invita ad azioni mirate e allo stesso tempo vende.

1. Utilizza illustrazioni di alta qualità

La copertina della community VKontakte dovrebbe avere una dimensione di 1590x400 pixel, ma è meglio caricare una foto 2-3 volte più grande in formato .png. In questo modo puoi evitare una visualizzazione di scarsa qualità.

2. Adatta l'immagine a diversi dispositivi

Tieni presente che questa immagine potrebbe apparire in modo diverso su dispositivi diversi: i bordi verranno tagliati sui dispositivi mobili, quindi è meglio posizionare tutte le informazioni più importanti più vicino al centro.

3. Inserisci uno slogan e un USP

Lascia che il cliente veda la tua filosofia e i tuoi vantaggi fin dalla prima schermata.

4. Visualizzare il prodotto/servizio, il processo o il risultato del suo utilizzo

In questo modo, un potenziale cliente saprà immediatamente in cosa sei specializzato e sarà coinvolto nel prodotto.

5. Aiuta i clienti a contattarti immediatamente

Scrivi sul banner il tuo numero di telefono, la tua email e gli altri contatti aziendali. Se per la tua attività è importante la posizione geografica, ad esempio operi nel settore della ristorazione o del settore horeca, anche l'indirizzo ti sarà utile.

6. Annunciare eventi

Stai promuovendo concerti, aspettandoti una nuova collezione o il lancio di un prodotto o organizzando un festival/conferenza/giornata per i clienti? Dillo a tutti coloro che vengono nella comunità di questo.

7. Presentare promozioni e sconti

In quale altro posto sulla piattaforma principale puoi dire al pubblico che in questo momento possono effettuare un ordine da te a un prezzo 2 volte più economico? Soprattutto, non dimenticare di cambiare l'illustrazione dopo la scadenza dell'offerta.

8. Offriti di intraprendere un'azione mirata

Quando si carica la copertina della community, due pulsanti vengono posizionati orizzontalmente nell'angolo in basso a destra: Scrivi un messaggio e Unisciti al gruppo. Punta una freccia su di loro per attirare ulteriormente l'attenzione del pubblico. Quindi, se un prodotto viene mostrato su un banner, puoi offrirti di ordinarlo immediatamente nei messaggi. E se contiene un riassunto delle ultime notizie, iscriviti per ricevere sempre le ultime informazioni.

Carica un avatar e seleziona una miniatura

Alcuni brand ancora non adottano la copertina, preferendo il vecchio look della prima schermata del gruppo, utilizzando una combinazione di avatar e post appuntato come cosiddetta “header”. In questo caso, un'immagine è la continuazione dell'altra. Sembra più impressionante quando la foto finisce allo stesso livello dell'avatar.

Quando si utilizza la dimensione massima dell'avatar di 200x500 pixel, la dimensione dell'immagine nel post fissato deve essere di 510x308 pixel. Un'ottima tecnica coinvolgente è quella di allegare un video caricato tramite un player del social network, che prosegue stilisticamente l'avatar.

Se utilizzi una copertina come intestazione, l'avatar verrà sempre visualizzato come miniatura.

Regole per la progettazione di una miniatura dell'avatar della comunità VK

Una miniatura è una piccola immagine rotonda ritagliata da un avatar grande e viene visualizzata nella ricerca dei gruppi, nell'elenco delle comunità per ciascun utente e a sinistra sotto la copertina, se presente. Ecco alcuni suggerimenti per la progettazione.

1. La miniatura dovrebbe essere comprensibile al pubblico

Non dovresti pubblicare un'illustrazione strana. Visualizza qualcosa che il pubblico target assocerà successivamente al marchio, ad esempio un logo, l'icona di un prodotto/servizio o magari il principale carattere di marketing del marchio.

2. Utilizza solo fotografie di alta qualità

È meglio caricare la sorgente 2-3 volte più grande della dimensione richiesta, così puoi dimenticarti dei terribili "quadrati" di pixel che non ti mostrano nella luce migliore.

3. Progetta le tue illustrazioni

Le immagini stock standard appariranno economiche e poco professionali e diventeranno sinonimo di sfiducia da parte degli utenti nei confronti del marchio. Realizza design unici con lo stesso concetto e gli stessi colori del resto del design.

4. Le immagini che contrastano con lo sfondo della pagina sono ciò di cui hai bisogno

Quando si progettano miniature VK in modo così accattivante, il "pezzo rotondo" risalterà nel feed tra gli altri gruppi e non si fonderà con lo sfondo della pagina.

5. Inserire contatti o USP dell'azienda

A seconda dello scopo impostato per la miniatura, inserisci su di essa un numero di telefono di contatto o l'indirizzo del sito web, informazioni sulla spedizione gratuita, un'indicazione del prezzo più basso nel segmento o una promozione.

6. Rendi il testo grande e leggibile

È meglio non utilizzare caratteri serif o corsivo: sono troppo rumorosi se visualizzati sugli schermi di PC, dispositivi mobili e smartphone e ingombrano la vista. Assicurati che il testo non si estenda oltre i bordi della miniatura ritagliata. Ciò ti consentirà di veicolare il messaggio all’utente in modo corretto ed efficace.

7. Utilizza forme personalizzate

Ad esempio, nel modello rotondo desiderato, inserisci un poligono o un'altra forma geometrica su sfondo bianco. Crea un effetto di notifica non letto o un'icona grafica "online".

Sviluppa un menu

Il menu è un elemento importante del design di un gruppo in Contatti, che rende più facile per gli utenti navigare nel gruppo: sarà più conveniente per le persone trovare le informazioni di cui hanno bisogno. Ogni elemento e pagina sono creati in uno speciale linguaggio di programmazione: markup Wiki. Usandolo, puoi rendere cliccabili le immagini e creare comode pagine all'interno del social network come se fosse una pagina di un sito web.

È possibile utilizzare sia i menu aperti che quelli chiusi. Nel primo caso l'utente vede subito le sezioni in esso contenute, nel secondo sono precedute da un'immagine di anteprima con la scritta “Menu”. Il menu può anche diventare visivamente una continuazione dell'avatar se si utilizza la vecchia opzione di progettazione della comunità.

Sviluppare una vetrina di prodotti

Quando inserisci i prodotti nella vetrina della tua community, ricorda che gli utenti vedono sempre i primi 3 articoli. Inserisci al loro interno quelli più popolari e più ordinati, caricando un'immagine di presentazione nello stesso stile. Pubblica qui icone uniformi o foto dei prodotti stessi. I servizi possono essere inseriti nei prodotti. Nella progettazione, mostra il processo di fornitura del servizio o il suo risultato. La dimensione di tale immagine sarà quadrata – 400x400 pixel.

Progettazione post

1. Sfrutta appieno le dimensioni delle immagini disponibili

La larghezza massima di un'immagine in un feed è 510 pixel. Le immagini quadrate di 510x510 pixel e le immagini rettangolari di 510x300 pixel sembrano più impressionanti.

2. Sviluppa uno stile di post personalizzato

Per rendere i tuoi post individuali, crea uno stile, un carattere e una combinazione di colori unificati.

3. Posiziona un breve testo sull'immagine

Ad esempio, puoi dividere un'immagine in 2 parti: testo e grafica oppure scrivere testo scurendo lo sfondo. Per rendere visibile il testo senza uno sfondo oscurato, scrivilo su uno sfondo (un blocco grafico contrastante di colore uniforme) o aggiungi un'ombra all'iscrizione. Le foto con una cornice sembrano belle.

4. Crea diversi modelli per scopi diversi

Ad esempio, per le citazioni utilizzare un modello per la presentazione di informazioni visive, per l'annuncio di materiali dal sito - un altro e per i concorsi un terzo.

Usa queste tecniche assolute e la tua azienda verrà presentata su VKontakte nel miglior modo possibile e sarà conveniente per i clienti interagire con essa. Ma non dimenticare che tutto ha bisogno di moderazione! Guarda idee ancora più fresche per progettare una comunità VK nella pagina dei servizi dell'agenzia Tesla Target.

), creare un menu.

Ora te lo mostrerò come creare un menu in un gruppo VKontakte e progettarlo correttamente.

Realizzare una grafica meravigliosa

Nel nuovo design del sito Web VKontakte, le dimensioni della grafica sono state modificate. Di seguito troverete i valori attuali.

• Avatar per il gruppo - 200x300 px
• Banner nella descrizione - 510x271 px

Preparare le immagini nelle dimensioni richieste. Farò delle foto già pronte per mostrarti un esempio.

Quindi, realizziamo un bellissimo disegno dividendo l'immagine complessiva in due parti. Di conseguenza, otterremo un unico disegno.

Per prima cosa carica il tuo avatar. Vai al gruppo e fai clic "Per caricare una foto".

Vedrai un modulo in cui devi selezionare un file sul disco rigido del tuo computer. Fallo. Di conseguenza, abbiamo ottenuto quanto segue.

Ora aggiungiamo la seconda parte dell'immagine. Per fare ciò, è necessario pubblicare un'immagine sul muro, quindi fissarla con essa, fissarla nella parte superiore.

Andiamo al muro. Qui sul blocco "Aggiungi una nota", tocca l'icona Foto.

Carica la seconda immagine preparata. Assicurati di selezionare per pubblicare come community. E poi fare clic su "Invia".

Ora l'ingresso deve essere protetto (vedi). Torniamo alla nuova voce ed espandiamo il menu nell'angolo in alto a destra. Qui facciamo clic su "Pin".

Ora aggiorna la pagina e guarda il risultato.

L'unico aspetto negativo è che le immagini sono a livelli diversi. Ma ciò è dovuto al fatto che non hanno le dimensioni giuste. L'avatar dovrebbe essere più grande verticalmente. Allora saranno sullo stesso livello.

Come creare un menu in un gruppo VKontakte

Torniamo al nostro esempio e immaginiamo di dover creare un pulsante "Maggiori dettagli". Lei è già nella foto. Come possiamo renderlo un pulsante, in modo che, quando viene cliccato, una persona venga indirizzata al nostro sito principale? Te lo mostrerò adesso.

Per rendere attivi i pulsanti del menu, dobbiamo ritagliarli come immagini separate. Per questo abbiamo bisogno di Photoshop.

Apri la nostra immagine nell'editor e attiva lo strumento Taglio.

Tagliare la parte inferiore con il bottone. Tieni premuto il pulsante sinistro del mouse e traccia una linea orizzontale, tagliando l'immagine in due parti.

Ora premi Alt+Ctrl+Shift+S per salvare le immagini finite.

Https://vk.com/pages?oid=-120208137&p=menu

Guarda, dopo i simboli "odi=-", devi inserire l'id del tuo gruppo (vedi). E alla fine del collegamento, scrivi il nome della pagina del tuo menu. Nell'esempio lasceremo il “Menu” così com'è.

Qui facciamo clic sull'icona della fotocamera e carichiamo le immagini preparate.

Passiamo ora alla creazione di un menu per il gruppo su VK. Dovrebbe assomigliare a qualcosa di simile.

Successivamente andiamo alla sezione "La modifica". Qui, per ogni immagine, dobbiamo rimuovere il riempimento in modo che si fondano in un'unica immagine. Per fare ciò, aggiungi il seguente valore nel codice: “nopadding;” . E aggiungi un collegamento alla pagina o al sito desiderato, inserendo il valore "https://site.ru/page.html" (indica i tuoi indirizzi!). Nel nostro esempio, il pulsante “Maggiori dettagli” dovrebbe portare al sito web. Questo è ciò che dovrebbe accadere.

[] []

Salva la pagina. Non dimenticare di copiare il suo indirizzo dalla barra degli indirizzi. Dovrebbe assomigliare a:

https://vk.com/page-120208137_52523487

Ritorniamo alla bacheca del gruppo e creiamo una nuova voce. In esso inseriamo un collegamento alla pagina e alleghiamo l'immagine originale. Pubblichiamo e appuntiamo.

Questo è il menu con cui abbiamo finito.

Dimensioni degli elementi principali per la decorazione

La piattaforma VKontakte per le aziende si sviluppa e rilascia costantemente aggiunte per i gruppi. Se prima ci volevano pochi minuti per creare un gruppo: trovare un nome, inserire una descrizione, inserire un collegamento al sito e caricare un paio di immagini, ora tutto è molto più complicato. Il design dell’intera comunità nel suo insieme deve essere attentamente progettato affinché possa soddisfare il suo scopo principale. In particolare, per gli affari si tratta di vendite, per i pubblici tematici è l'interesse degli inserzionisti.

• nome della comunità— qualsiasi testo in qualsiasi lingua, non più lungo di 48 caratteri, puoi usare emoji;
• Descrizione del gruppo— non più di 4000 caratteri (quando si classifica un gruppo nei motori di ricerca, viene preso in considerazione come );
• avatar— la dimensione minima è 200x200 pixel, la massima non è superiore a 7000 pixel su ciascun lato. Puoi utilizzare immagini JPG, GIF o PNG;
• copertina— la dimensione minima è 200 pixel di altezza e 795 di larghezza. La dimensione dell'immagine consigliata è 400x1590 pixel. Formati: JPG, GIF o PNG;
• copertura della comunità dal vivo(per dispositivi mobili) - video o immagini con una risoluzione di 1080x1920. Durata non superiore a 30 secondi, dimensione del file fino a 30 MB.
• menù di gruppo;
• pulsante di azione;
• Informazioni sui contatti;
• messaggio appuntato: qualsiasi post con video, foto, sondaggio, GIF, ecc.;
• altre sezioni ed elementi a piacere;
• applicazioni e widget.

Descrizione della comunità

La descrizione è il testo che gli utenti vedono immediatamente quando visitano il gruppo. Il suo obiettivo è interessare. È necessario descrivere in modo competente e interessante cos'è il gruppo. Quando si progetta il testo, è necessario prestare particolare attenzione ai fatti relativi al gruppo e al modo in cui è utile per le persone. Per migliorare l'effetto, è meglio separare le informazioni utilizzando emoji.

Come aggiungere o modificare una descrizione

Nel menu laterale del gruppo, vai alla sezione “Gestione”.

Compila la sezione "Descrizione della community". Se è necessario modificare la descrizione in un secondo momento, seguire lo stesso algoritmo.

Avatar

Avatar-immagine, foto del gruppo. Questa è la prima cosa che attira la tua attenzione. Ava viene vista dalle persone in alto a sinistra nel post nel feed e quando visitano la pagina della community. È meglio realizzare l'avatar in modo tale che anche in forma ridotta sia distinguibile e riconoscibile. Ad esempio, come il colonnello Sanders.

Ora ci sono molti servizi e applicazioni online che possono creare un bellissimo avatar per il gruppo.

• AvaMaster: carica una foto (o il logo aziendale), seleziona tra le opzioni presentate.
• Vk Profi - permette di creare tutti gli elementi grafici di base per la progettazione di community e pagine pubbliche.

Come impostare o modificare un avatar

Per aggiungere o sostituire una foto di gruppo è necessario accedere alla pagina della community, puntare sull'avatar corrente e selezionare “Aggiorna foto” nel menu che compare.

Si aprirà una finestra in cui dovrai fare clic su "Seleziona file" e caricare l'immagine desiderata dal tuo computer.

Copertina per il gruppo VKontakte

Copertina un elemento relativamente nuovo nella progettazione delle comunità. Ti consente di sostituire gli avatar normali e ti dà l'opportunità di essere creativo con il design. Il gruppo diventa più luminoso e più attraente.

Per aggiungere una copertina, vai alla gestione della community e fai clic su "Aggiungi" accanto all'elemento corrispondente e carica un'immagine.

Potrebbe assomigliare a questo, ad esempio:

Prova a posizionare le informazioni più importanti al centro in modo che quando si visualizza il gruppo da dispositivi diversi, le informazioni sulla copertina non vengano tagliate. Inoltre, puoi aggiungere ulteriori suggerimenti di testo: "Iscriviti al gruppo" o "Visita il sito".

Copertura live della comunità

Puoi anche creare una copertina che sarà visibile solo ai visitatori del gruppo provenienti da dispositivi mobili e agli utenti di applicazioni mobili. Questa copertina è chiamata “Copertura della comunità live” o dinamica.

Per realizzare una copertina live, nella stessa sezione in cui impostiamo la copertina normale, scorri leggermente verso il basso e aggiungi immagini o video verticali.

Una copertura del genere ti consentirà di lavorare in modo più efficace con un pubblico che preferisce guardare i social network dagli smartphone.

Post appuntato

Segreti per creare comunità di vendita in VK

Come bonus, condividiamo i segreti della progettazione di un gruppo VK e la nostra esperienza, che ti consentirà di realizzare la progettazione a livello avanzato. Ad esempio, puoi creare un bellissimo blocco di varie applicazioni che aumenteranno il coinvolgimento.

Applicazioni gratuite. Vai alla gestione della community e vai su "Applicazioni" per modificare le impostazioni.

Qui puoi scegliere di aggiungere un'applicazione che completerà le funzionalità del gruppo. Ad esempio, come nel nostro gruppo, c'è un pulsante "Sostieni la comunità", facendo clic sul quale puoi donare a beneficio della comunità qualsiasi importo a partire da 100 rubli. Potrebbe anche trattarsi di un negozio di prodotti, un questionario, test, chat online, iscrizione a una newsletter, ecc.

Altri widget e applicazioni utili:

• questionari;
• test;
• registrazione ai servizi;
• invio di messaggi;
• negozio di merci;
• e così via.

. Nelle impostazioni del gruppo, imposta un pulsante di azione, questo aiuterà a motivare gli utenti a intraprendere l'azione desiderata. Utilizzando questo pulsante, puoi indirizzare i visitatori al sito, all'applicazione e ad una chiamata veloce al telefono o tramite VK. Puoi configurarlo nella prima finestra, dopo essere andato alla gestione della comunità.

Ulteriori elementi di design che può essere utilizzato:

Conclusione

Se vuoi promuovere con successo un gruppo su VK, assicurati di dedicare del tempo a progettarlo in modo corretto e bello. Più approfondisci questo problema e rifletti su tutti gli scenari di comportamento degli utenti dopo aver visitato la pagina del gruppo, maggiore sarà la conversione in abbonamento e successivamente in acquisto.