mailup next level strumenti avanzati di email …...come creare una comunicazione (3 step...
TRANSCRIPT
![Page 1: MailUp Next Level STRUMENTI AVANZATI DI EMAIL …...COME CREARE UNA COMUNICAZIONE (3 STEP PRINCIPALI) Titoli, testi, immagini, Video etc Colori principali + colori secondari WIREFRAME](https://reader030.vdocumenti.com/reader030/viewer/2022040611/5ed4de38d593760db561573b/html5/thumbnails/1.jpg)
@mailup
MailUp Next Level: Strumenti Avanzati di Email Design
STRUMENTI AVANZATI DI EMAIL DESIGN
22.03.2018
Relatori: Alessandra Sessa e Francesco Vecchio
MailUp Next Level
@mailup
![Page 2: MailUp Next Level STRUMENTI AVANZATI DI EMAIL …...COME CREARE UNA COMUNICAZIONE (3 STEP PRINCIPALI) Titoli, testi, immagini, Video etc Colori principali + colori secondari WIREFRAME](https://reader030.vdocumenti.com/reader030/viewer/2022040611/5ed4de38d593760db561573b/html5/thumbnails/2.jpg)
@mailup
MailUp Next Level: Strumenti Avanzati di Email Design
Alessandra Sessa Product Marketing Specialist
Francesco Vecchio Senior Web Designer
CHI SIAMO
![Page 3: MailUp Next Level STRUMENTI AVANZATI DI EMAIL …...COME CREARE UNA COMUNICAZIONE (3 STEP PRINCIPALI) Titoli, testi, immagini, Video etc Colori principali + colori secondari WIREFRAME](https://reader030.vdocumenti.com/reader030/viewer/2022040611/5ed4de38d593760db561573b/html5/thumbnails/3.jpg)
@mailup
MailUp Next Level: Strumenti Avanzati di Email Design
COME È STRUTTURATO IL WEBINAR DI OGGI?
![Page 4: MailUp Next Level STRUMENTI AVANZATI DI EMAIL …...COME CREARE UNA COMUNICAZIONE (3 STEP PRINCIPALI) Titoli, testi, immagini, Video etc Colori principali + colori secondari WIREFRAME](https://reader030.vdocumenti.com/reader030/viewer/2022040611/5ed4de38d593760db561573b/html5/thumbnails/4.jpg)
@mailup
MailUp Next Level: Strumenti Avanzati di Email Design
DI COSA PARLEREMO OGGI…
1.
2.
3.
4.
5.
CHI È MAILUP?
OGGETTO: GLI INGREDIENTI DEL SUCCESSO
GERARCHIA: COME IMPOSTARE I CONTENUTI
COLOR SCHEMA: COME UTILIZZARE I COLORI DEL PROPRIO BRAND
LIVE DEMO
![Page 5: MailUp Next Level STRUMENTI AVANZATI DI EMAIL …...COME CREARE UNA COMUNICAZIONE (3 STEP PRINCIPALI) Titoli, testi, immagini, Video etc Colori principali + colori secondari WIREFRAME](https://reader030.vdocumenti.com/reader030/viewer/2022040611/5ed4de38d593760db561573b/html5/thumbnails/5.jpg)
@mailup
MailUp Next Level: Strumenti Avanzati di Email Design
CHI È MAILUP?
![Page 6: MailUp Next Level STRUMENTI AVANZATI DI EMAIL …...COME CREARE UNA COMUNICAZIONE (3 STEP PRINCIPALI) Titoli, testi, immagini, Video etc Colori principali + colori secondari WIREFRAME](https://reader030.vdocumenti.com/reader030/viewer/2022040611/5ed4de38d593760db561573b/html5/thumbnails/6.jpg)
@mailup
MailUp Next Level: Strumenti Avanzati di Email Design
MAILUP È UN GRUPPO
![Page 7: MailUp Next Level STRUMENTI AVANZATI DI EMAIL …...COME CREARE UNA COMUNICAZIONE (3 STEP PRINCIPALI) Titoli, testi, immagini, Video etc Colori principali + colori secondari WIREFRAME](https://reader030.vdocumenti.com/reader030/viewer/2022040611/5ed4de38d593760db561573b/html5/thumbnails/7.jpg)
@mailup
MailUp Next Level: Strumenti Avanzati di Email Design
Public company quotata sulla Borsa Italiana, MailUp Group (MAIL.MI) è uno dei principali player in Europa nel campo delle messaging technologies, con un portfolio di brand che offrono prodotti e soluzioni sul mercato internazionale.
MAILUP È UN GRUPPO
![Page 8: MailUp Next Level STRUMENTI AVANZATI DI EMAIL …...COME CREARE UNA COMUNICAZIONE (3 STEP PRINCIPALI) Titoli, testi, immagini, Video etc Colori principali + colori secondari WIREFRAME](https://reader030.vdocumenti.com/reader030/viewer/2022040611/5ed4de38d593760db561573b/html5/thumbnails/8.jpg)
@mailup
MailUp Next Level: Strumenti Avanzati di Email Design
TUTTO IL SUPPORTO CHE SERVE
![Page 9: MailUp Next Level STRUMENTI AVANZATI DI EMAIL …...COME CREARE UNA COMUNICAZIONE (3 STEP PRINCIPALI) Titoli, testi, immagini, Video etc Colori principali + colori secondari WIREFRAME](https://reader030.vdocumenti.com/reader030/viewer/2022040611/5ed4de38d593760db561573b/html5/thumbnails/9.jpg)
@mailup
MailUp Next Level: Strumenti Avanzati di Email Design
GLI INGREDIENTI DEL SUCCESSO
![Page 10: MailUp Next Level STRUMENTI AVANZATI DI EMAIL …...COME CREARE UNA COMUNICAZIONE (3 STEP PRINCIPALI) Titoli, testi, immagini, Video etc Colori principali + colori secondari WIREFRAME](https://reader030.vdocumenti.com/reader030/viewer/2022040611/5ed4de38d593760db561573b/html5/thumbnails/10.jpg)
@mailup
MailUp Next Level: Strumenti Avanzati di Email Design
ATTENZIONE ALLA RESA RESPONSIVE
![Page 11: MailUp Next Level STRUMENTI AVANZATI DI EMAIL …...COME CREARE UNA COMUNICAZIONE (3 STEP PRINCIPALI) Titoli, testi, immagini, Video etc Colori principali + colori secondari WIREFRAME](https://reader030.vdocumenti.com/reader030/viewer/2022040611/5ed4de38d593760db561573b/html5/thumbnails/11.jpg)
@mailup
MailUp Next Level: Strumenti Avanzati di Email Design
![Page 12: MailUp Next Level STRUMENTI AVANZATI DI EMAIL …...COME CREARE UNA COMUNICAZIONE (3 STEP PRINCIPALI) Titoli, testi, immagini, Video etc Colori principali + colori secondari WIREFRAME](https://reader030.vdocumenti.com/reader030/viewer/2022040611/5ed4de38d593760db561573b/html5/thumbnails/12.jpg)
@mailup
MailUp Next Level: Strumenti Avanzati di Email Design
QUAL È LA LUNGHEZZA IDEALE DELL’OGGETTO?
![Page 13: MailUp Next Level STRUMENTI AVANZATI DI EMAIL …...COME CREARE UNA COMUNICAZIONE (3 STEP PRINCIPALI) Titoli, testi, immagini, Video etc Colori principali + colori secondari WIREFRAME](https://reader030.vdocumenti.com/reader030/viewer/2022040611/5ed4de38d593760db561573b/html5/thumbnails/13.jpg)
@mailup
MailUp Next Level: Strumenti Avanzati di Email Design
SCRIVERE L’OGGETTO
![Page 14: MailUp Next Level STRUMENTI AVANZATI DI EMAIL …...COME CREARE UNA COMUNICAZIONE (3 STEP PRINCIPALI) Titoli, testi, immagini, Video etc Colori principali + colori secondari WIREFRAME](https://reader030.vdocumenti.com/reader030/viewer/2022040611/5ed4de38d593760db561573b/html5/thumbnails/14.jpg)
@mailup
MailUp Next Level: Strumenti Avanzati di Email Design
SCRIVERE L’OGGETTO
![Page 15: MailUp Next Level STRUMENTI AVANZATI DI EMAIL …...COME CREARE UNA COMUNICAZIONE (3 STEP PRINCIPALI) Titoli, testi, immagini, Video etc Colori principali + colori secondari WIREFRAME](https://reader030.vdocumenti.com/reader030/viewer/2022040611/5ed4de38d593760db561573b/html5/thumbnails/15.jpg)
@mailup
MailUp Next Level: Strumenti Avanzati di Email Design
DEFINIRE IL PREHEADER
![Page 16: MailUp Next Level STRUMENTI AVANZATI DI EMAIL …...COME CREARE UNA COMUNICAZIONE (3 STEP PRINCIPALI) Titoli, testi, immagini, Video etc Colori principali + colori secondari WIREFRAME](https://reader030.vdocumenti.com/reader030/viewer/2022040611/5ed4de38d593760db561573b/html5/thumbnails/16.jpg)
@mailup
MailUp Next Level: Strumenti Avanzati di Email Design
CONTENUTI PALETTE DEI COLORI
COME CREARE UNA COMUNICAZIONE (3 STEP PRINCIPALI)
Titoli, testi, immagini, Video etc
Colori principali + colori secondari
WIREFRAME Gerarchia dei contenuti
![Page 17: MailUp Next Level STRUMENTI AVANZATI DI EMAIL …...COME CREARE UNA COMUNICAZIONE (3 STEP PRINCIPALI) Titoli, testi, immagini, Video etc Colori principali + colori secondari WIREFRAME](https://reader030.vdocumenti.com/reader030/viewer/2022040611/5ed4de38d593760db561573b/html5/thumbnails/17.jpg)
@mailup
MailUp Next Level: Strumenti Avanzati di Email Design
Analizzare i contenuti che si hanno a disposizione (testi, immagini, video…) e tramite mockup cercare di dare una gerarchia chiara, in modo da non confondere l’utente
https://moqups.com/ http://pencil.evolus.vn/ https://balsamiq.com/ https://www.sketchapp.com/ (only mac)
CREAZIONE WIREFRAME E DEFINIZIONE CONTENUTI
![Page 18: MailUp Next Level STRUMENTI AVANZATI DI EMAIL …...COME CREARE UNA COMUNICAZIONE (3 STEP PRINCIPALI) Titoli, testi, immagini, Video etc Colori principali + colori secondari WIREFRAME](https://reader030.vdocumenti.com/reader030/viewer/2022040611/5ed4de38d593760db561573b/html5/thumbnails/18.jpg)
@mailup
MailUp Next Level: Strumenti Avanzati di Email Design
LA LINEA DI PIEGA
POSIZIONAMENTO DEI CONTENUTI
![Page 19: MailUp Next Level STRUMENTI AVANZATI DI EMAIL …...COME CREARE UNA COMUNICAZIONE (3 STEP PRINCIPALI) Titoli, testi, immagini, Video etc Colori principali + colori secondari WIREFRAME](https://reader030.vdocumenti.com/reader030/viewer/2022040611/5ed4de38d593760db561573b/html5/thumbnails/19.jpg)
@mailup
MailUp Next Level: Strumenti Avanzati di Email Design
Testi, immagini, gif, video, cta
Elementi che devono apparire nella parte superiore
della comunicazione
Elementi secondari, elementi di trust
DEFINIZIONE GERARCHIA CHIARA (ELEMENTI PRIMARI ED ELEMENTI SECONDARI)
![Page 20: MailUp Next Level STRUMENTI AVANZATI DI EMAIL …...COME CREARE UNA COMUNICAZIONE (3 STEP PRINCIPALI) Titoli, testi, immagini, Video etc Colori principali + colori secondari WIREFRAME](https://reader030.vdocumenti.com/reader030/viewer/2022040611/5ed4de38d593760db561573b/html5/thumbnails/20.jpg)
@mailup
MailUp Next Level: Strumenti Avanzati di Email Design
https://coolors.co/
COLOR SCHEMA
![Page 21: MailUp Next Level STRUMENTI AVANZATI DI EMAIL …...COME CREARE UNA COMUNICAZIONE (3 STEP PRINCIPALI) Titoli, testi, immagini, Video etc Colori principali + colori secondari WIREFRAME](https://reader030.vdocumenti.com/reader030/viewer/2022040611/5ed4de38d593760db561573b/html5/thumbnails/21.jpg)
@mailup
MailUp Next Level: Strumenti Avanzati di Email Design
LIVE DEMO
![Page 22: MailUp Next Level STRUMENTI AVANZATI DI EMAIL …...COME CREARE UNA COMUNICAZIONE (3 STEP PRINCIPALI) Titoli, testi, immagini, Video etc Colori principali + colori secondari WIREFRAME](https://reader030.vdocumenti.com/reader030/viewer/2022040611/5ed4de38d593760db561573b/html5/thumbnails/22.jpg)
@mailup
MailUp Next Level: Strumenti Avanzati di Email Design
Sei già cliente?
Scrivi CONTATTO CLIENTE
Non sei cliente?
Scrivi CONTATTO NUOVO
+ argomento
15 MINUTI QUESTION TIME
![Page 23: MailUp Next Level STRUMENTI AVANZATI DI EMAIL …...COME CREARE UNA COMUNICAZIONE (3 STEP PRINCIPALI) Titoli, testi, immagini, Video etc Colori principali + colori secondari WIREFRAME](https://reader030.vdocumenti.com/reader030/viewer/2022040611/5ed4de38d593760db561573b/html5/thumbnails/23.jpg)
@mailup
MailUp Next Level: Strumenti Avanzati di Email Design
GRAZIE!