mailup next level strumenti avanzati di email …...come creare una comunicazione (3 step...

23
STRUMENTI AVANZATI DI EMAIL DESIGN 22.03.2018 Relatori: Alessandra Sessa e Francesco Vecchio MailUp Next Level @mailup

Upload: others

Post on 28-May-2020

7 views

Category:

Documents


0 download

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

@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

@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

@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

@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

@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

@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

@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

@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

@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

@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

@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

@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

@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

@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

@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

@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

@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

@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

@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

@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

@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

@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

@mailup

MailUp Next Level: Strumenti Avanzati di Email Design

GRAZIE!