Design Modelli How-to
~ 8 minuti letti
8250 visualizzazioni
valutalo
24 agosto

Linee guida e risorse del marchio in un minuto

Stripo / Blog / Linee guida e risorse del marchio in un minuto

Questo marzo abbiamo rilasciato "Linee guida per il marchio", una funzionalità totalmente nuova per aiutarti a: a) creare newsletter coerenti con il marchio indipendentemente dall'agenzia o dal designer di posta elettronica che assumi per costruire le tue campagne future; b) abituare facilmente i progettisti alle regole e ai requisiti per le email di qualsiasi marca, per creare tali email in pochissimo tempo; c) rendere l'onboarding di nuovi compagni di squadra più facile e veloce.

Questa estate è stato aggiornato, perciò vogliamo mostrarti com'è adesso e come generare il kit di Linee guida del marchio per qualsiasi vostro progetto in un minuto e in modo totalmente gratuito.

Il contenuto di questo kit di linee guida del marchio:

  • linee guida dettagliate sul marchio: qui compiliamo tutte le informazioni sul design dei modelli. Queste forniscono a te e ai tuoi compagni di squadra i caratteri che il tuo marchio ha utilizzato nelle e-mail precedenti, i padding all'interno dei box, i rientri tra box, i colori dei font e dello sfondo, il design dei pulsanti CTA, il design delle icone dei social media, ecc.;

  • File PDF dei tuoi modelli, in modo che tu e i tuoi colleghi otteniate un quadro generale di come dovrebbero essere le campagne;

Kit modello che mostra i risultati finali

  • moduli di contenuto - li visualizzi in anteprima e copi il codice HTML solo di quelli necessari;
  • immagini che hai utilizzato per le tue campagne;

  • risorse del marchio - come logo/set di loghi, favicon;

  • informazioni di contatto come link a profili di social media, gli indirizzi del tuo sito web, etc.

In altre parole, ottieni tutto il necessario per le tue future campagne di posta elettronica in una volta sola.

Vantaggi dell'utilizzo delle nostre linee guida del marchio

Fungerà come una sorta di legge per tutti i programmatori, i progettisti e i marketer di posta elettronica che lavorano alle e-mail.

  1. Le linee guida del marchio sono un'opzione molto utile per quei team in cui sono coinvolte più persone nella creazione di e-mail.

  2. Ora sei libero di utilizzare qualsiasi agenzia o qualsiasi codificatore di posta elettronica con cui lavorare — non influenzerà il design delle tue campagne. Basta condividere con loro i file dal tuo kit di linee guida del marchio - ti assicurerai che utilizzino gli stili giusti.

  3. Costruire e-mail diventerà ancora meno dispendioso in termini di tempo perché tutte le risorse del tuo marchio saranno sempre a portata di mano.

  4. L'onboarding di nuovi membri del team che si occupano di e-mail sarà più veloce, con meno errori commessi durante la creazione delle loro prime e-mail per voi.

Come si generano le linee guida del marchio per i vostri progetti?

Questo è un processo molto semplice, in realtà.

Per iniziare a lavorare sul Kit linee guida del marchio, fai clic sull'icona del profilo nell'angolo in alto a destra, quindi inserisci la scheda Linee Guida del marchio.

Linee guida del marchio

Punto 1. Creazione del Kit Linee Guida del marchio

Inserisci la scheda "+ Kit Linee Guida del marchio" per creare un kit per uno qualsiasi dei tuoi progetti.

Nuovo kit per le linee guida del marchio

Qui dovrai:

  • inserire il nome della tua azienda;

  • selezionare, nel menu a discesa, un progetto solo se ne hai molti;

Informazione generali nuovo linee

  • ora, sempre nel menu a discesa, scegliere i modelli necessari per le linee guida del marchio;

  • se hai bisogno di più di 1 Modello, fai clic sull'icona "+ " per aggiungere tutti i modelli di cui hai bisogno;

Modelli Inclusi

  • a destra, il nostro sistema mostra quanti modelli ci sono nel tuo progetto scelto. Qui puoi anche vedere il numero di moduli che tu o i tuoi compagni di squadra avete precedentemente salvato nella libreria di moduli personali per questo particolare progetto;

Modelli-Moduli

  • ora, nella sezione Aspetto, è necessario scegliere il colore per il documento Lineeguida.pdf - impostando il "colore primario" - ovvero il colore impostato come sfondo del documento e che verrà applicato a tutti i pulsanti in tutto il documento. Io ho impostato il verde😉;

Aspetto differente

  •  nella sezione Risorse Aggiuntive, scegli quali file dovrebbero essere inclusi nel tuo Kit semplicemente attivandoli;

Risorse aggiuntive

  • nella stessa sezione puoi includere screenshot dei test effettuati con E-Mail su Acid:

Includi resultati recenti

"Aggiorna Risultati" significa che il nostro sistema eseguirà nuovi test (se ne hai eseguiti in precedenza), mentre "includi risultati recenti" significa che il nostro sistema recupererà i risultati più recenti del test che hai eseguito in precedenza, ma non eseguirà un nuovo test. Se non hai eseguito alcun test in precedenza, assicurati di farlo con il nostro strumento di test e-mail direttamente in Stripo, prima di scegliere le opzioni "Aggiorna risultati" o "Includi risultati recenti".

  • Se vuoi aggiungere i tuoi file ai kit di linee guida del marchio, come ad esempio un altro logo, più immagini o qualsiasi altra cosa, fai clic sulla scheda "File personalizzati" nella sezione Risorse aggiuntive;

  • carica i tuoi file;

  • di seguito vedrai l'elenco dei tuoi file personalizzati. Puoi rimuovere quelli non necessari;

Risorse aggiuntive- File personalizzati

Importante da ricordare:

Il tuo kit di linee guida del marchio conterrà sia i file predefiniti, aka standard, che quelli personalizzati.

  • Qui dovrai decidere se desideri che coloro che avranno accesso al documento Lineeguida.pdf, denominato "Linee guida per il marchio", possono visualizzare i modelli di email sul web, e consentire loro di entrare nell'editor per iniziare a lavorare su nuove email direttamente dal file delle linee guida. In caso affermativo, attiva i rispettivi pulsanti nella parte inferiore della scheda Nuovo Kit linee guida del marchio nella sezione Riferimento a Stripo:

Facendo riferimento a Stripo

  • nella sezione superiore, denominata "Informazioni Generali", fai clic sul pulsante "Genera" per creare il tuo Kit.

Genera

Punto 2. Aggiunta di informazioni di contatto al Kit linee guida del marchio

Ora, per favore, vai alla scheda Impostazioni linee guida del marchio.

Impostazioni delle Linee guida del marchio

Qui ti verrà chiesto di:

  • inserire il nome della tua azienda;

  • caricare un logo;

  • specificare le informazioni di contatto, inclusi i collegamenti ai profili dei social media;

Informazioni sul tou brand

  • aggiungere un ulteriore pezzo di informazioni di contatto, fare clic sull'icona "Plus", quindi fare clic sulla freccia per scegliere il tipo di collegamento nell'elenco a discesa.

Risorso web

Queste informazioni verranno applicate a tutti i kit di linee guida del marchio all'interno dello stesso progetto.

Punto 3. Scaricare il Kit delle linee guida del marchio

Per avere il tuo kit, devi tornare alla scheda "+ Kit Linee Guida del marchio" e fare clic su "Impostazioni delle Linee guida del marchio". 

Ricorda che prima di creare il kit, puoi visualizzarlo in anteprima.

Kit per la generazione di linee guida per il marchio

Se fai delle modifiche ai tuoi kit, dovrai aggiornarlo.

Refreshing-Kits

Nella scheda Linee Guida del marchio, puoi visualizzare l'elenco dei kit che hai generato. Puoi vedere le date in cui sono stati creati. Puoi vedere le date in cui sono stati modificati. Puoi vedere il progetto a cui appartengono. Puoi visualizzarli in anteprima e scaricarli tutti.

List-of-all-Kits

Cosa troverai nel tuo archivio delle linee guida del marchio?

Ecco il contenuto del kit di linee guida del marchio che ho appena generato per Stripo:

I-Contenuti-dell'Archivio

Cartella 1. Risorse

Contiene la tua favicon.

Contiene anche i file personalizzati con font, loghi aggiuntivi e altri elementi di design che hai caricato nella sezione "Risorse aggiuntive".

Cartella 2. Lineeguida.pdf

Questo file va pari passo con il sommario a pagina 4.

In questo documento, enumeriamo tutti gli stili di progettazione utilizzati nel modello scelto. Sono divisi in sezioni per tua convenienza: intestazioni, pulsanti, area Informazioni, stili di visualizzazione mobile, ecc.

Consigli-stile-di-design-suddivisi in sezioni

File delle linee guida per gli stili di visualizzazione mobile

Nella sezione modello del file delle linee guida, puoi visualizzare in anteprima il modello o anche andare all'editor per iniziare a lavorare su un nuovo modello o modificarlo; questo ovviamente se hai abilitato tali opzioni nella pagina "Riferimento a Stripo" durante la modifica dell'aspetto delle linee guida.

La-sezione-modello-nel-file-delle-linee-guida

Nell'area moduli, viene visualizzato l'elenco di tutti i moduli che sono stati scaricati con questo archivio.

Il file termina con le informazioni di contatto. Nel caso in cui una qualsiasi persona, in qualsiasi momento, avesse bisogno del tuo aiuto o di un chiarimento, saprà come mettersi in contatto con te.

Contact-Information

Cartella 3. Moduli

Tutti i moduli di contenuto che sono stati scaricati con il kit di linee guida del marchio sono suddivisi in diverse cartelle, una cartella per ciascun modulo. Sono nominati rispettivamente.

Ogni cartella contiene:

  • un'immagine di anteprima del modulo;

  • una cartella con tutte le immagini utilizzate in questo particolare modulo;

  • file con i codici CSS e HTML di un rispettivo modulo separati;

  • file con il CSS in linea nel codice HTML - è possibile utilizzarne uno qualsiasi.

La cartella moduli contiene anche i moduli.file html - frammenti di tutti i moduli e dei loro codici.

Basta selezionare il modulo necessario dall'elenco e il nostro sistema mostra il codice HTML e HTML con il codice CSS in linea di questo particolare modulo.

Getting-Codes-of-Modules

Cartella 4. Start.html

Questo file ti consente di andare a Lineeguida.pdf o direttamente ai moduli.

Contiene anche le informazioni di contatto.

The-Content-of-Start.html-file

Cartella 5. Modello

Proprio come la cartella dei moduli, questa ti fornisce:

  • la cartella con tutte le immagini utilizzate nel modello;

  • file con i codici CSS e HTML di un rispettivo modulo separati;

  • file con il CSS in linea nel codice HTML - è possibile utilizzarne uno qualsiasi.

  • file PDF di questo particolare modello;

  • una cartella con screenshot dei test che hai eseguito (se ne esegui uno).

Considerazioni finali

Con la nostra nuova opzione Linee Guida del marchio, potrai:

  1. Aiutate tutti i futuri designer a creare e-mail coerenti con il marchio per le tue campagne, poiché ora hanno una linea guida dettagliata e elementi e-mail creati in precedenza per riferimento.

  2. Avere sempre a portata di mano tutte le immagini, le informazioni di contatto, i codici degli elementi e altre risorse del marchio.

  3. Avrai tutte le linee guida dei modelli generate proprio per il tuo marchio, con tutti i piccoli dettagli presi in considerazione, ciò ti consentirà di risparmiare tempo nella creazione di e-mail.

Siamo orgogliosi di dire che prima della nostra opzione Linee Guida del marchio, sarebbero servite decine di ore per creare questi file con tutte le linee guida, codici di elementi e alcune risorse del marchio.

Ora ci vorrà solo un minuto!

Aiuta i tuoi designer a creare email impeccabili più velocemente con le nostre linee guida del marchio.

Saremo lieti di mostrarti le linee guida del marchio in azione e condividere gli esempi delle nostre linee guida.

Scrivici a contact@stripo.email o lascia un commento qui sotto - vi mostreremo tutto.

Pianificare una Demo per vedere le linee guida del marchio in azione
Rimani sempre informato sulle ultime notizie, alle guide, agli articoli e alle tecniche relativi all'email marketing