cómo incrementar las ventas con marketing digital parte 2 de 3
DESCRIPTION
Presentación para la ayuda a la incrementación de ventas con marketing digital.TRANSCRIPT
![Page 2: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/2.jpg)
¿Qué aprendimos el otro día?
![Page 3: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/3.jpg)
¿Qué aprendimos el otro día?
• Todo esta en la red • Se trata de marketing • Pagar por las herramientas. Gastaros la pasta!! • Trabajar con talento (propio o externo). • Utilizar una metodología (Business Model, Lean y Kanban). • El presente/futuro va a ser móvil
![Page 4: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/4.jpg)
Sugerencias del día “no curso”
• El SEO ha muerto
• Detección de palabras clave
• Tácticas email marketing y marketing móvil
• Herramientas para la gestión del SM
![Page 5: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/5.jpg)
![Page 6: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/6.jpg)
Plan de marketing “on-line”
![Page 7: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/7.jpg)
Plan de marketing “on-line”
Captación off-line
![Page 8: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/8.jpg)
David Boronat
![Page 9: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/9.jpg)
http://es.wikipedia.org/wiki/Marketing_de_atracci%C3%B3n
![Page 10: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/10.jpg)
Inbound Marketing
![Page 11: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/11.jpg)
¿Qué fuentes de leads son cada vez más importantes?
![Page 12: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/12.jpg)
SEO
![Page 13: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/13.jpg)
…por distintas razones…
![Page 14: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/14.jpg)
Matching Keywords/Páginas KWs > SI URLs
![Page 15: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/15.jpg)
Proceso de Compra
![Page 16: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/16.jpg)
Framework para el diseño de estrategias online
![Page 17: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/17.jpg)
La convergencia de los medios pagados, propios y ganados
![Page 18: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/18.jpg)
Visualizar la conversión en función de los canales de entrada
![Page 19: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/19.jpg)
Todo cambia, evoluciona o muere.
![Page 20: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/20.jpg)
![Page 21: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/21.jpg)
Reconocimiento 1. Identifica tus competidores reales 2. Comprueba qué están haciendo antes de
hacer tu lista 3. Evita sus errores, encuentra agujeros en
su publicidad, crea des de sus éxitos
![Page 22: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/22.jpg)
Identifica la competencia
• Tu cerebro. Tú o tu cliente estáis en la industria que estáis comercializando
• SimilarSites.com – Buenas métricas en páginas que comparten factores comunes y visitantes, clasificadas por puntuaciones Similares.
• Herramientas de análisis de la competencia – KeywordSpy, WordTracker, SEMrush, SpyFu, etc.
Herramientas:
![Page 23: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/23.jpg)
Identifica la competencia
![Page 24: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/24.jpg)
Identifica la competencia
![Page 25: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/25.jpg)
Identifica la competencia REAL
• El p. orgánico es complicado – un blog sobre patinaje no compite con una página web que vende patines.
• Palabras Clave Transaccionales – mirando para comprar algo. “patines profesionales”
• Palabras Clave Informativas – mirando para aprender algo. “patinadores profesionales”
Transactional vs. Informational Competitors:
![Page 26: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/26.jpg)
Tú no compites con Amazon.com
Amazon.com “compite” con todos
![Page 27: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/27.jpg)
Identifica tu entorno Ahora que sabes a QUIÉN mirar, necesitas saber QUÉ mirar. Identificaremos el entorno de PPC y veremos cómo encajaremos de forma efectiva. Hay algunos pasos simples a seguir.
![Page 28: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/28.jpg)
Truco #1 Si varios competidores pujan por una palabra clave y tú no – te estás perdiendo algo.
Si una palabra clave te parece muy buena, pero ningún competidor apuesta por ella…
Hay una razón.
![Page 29: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/29.jpg)
Crear la lista de keywords
Empieza por una base ya testeada
![Page 30: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/30.jpg)
Combinando la experiencia de la competencia
![Page 31: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/31.jpg)
Deshazte de la información irrelevante
![Page 32: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/32.jpg)
Truco #2 Si un competidor apuesta por una palabra clave cada mes, es porque convierte.
Ellos ya hicieron su “ensayo/error”. Tú sólo buscas sus éxitos.
![Page 33: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/33.jpg)
Expandiendo la lista
![Page 34: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/34.jpg)
Expandiendo la lista
![Page 35: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/35.jpg)
Truco#3 ¡La concordancia exacta Importa! Haz todas tus búsquedas con coincidencias exactas en las keywords. Las palabras clave singulares y plurales deberían ser consideradas como palabras diferentes.
![Page 36: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/36.jpg)
¿Por qué coincidencia exacta? En esta presentación, me he focalizado en el PPC. Por ejemplo, encontramos que “comprar patines profesionales” convierte más que “comprar un patín profesional” Si parece que el plural convierte más que el “no-plural”, asegúrate estar apostando en el plural.
![Page 37: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/37.jpg)
¿Por qué coincidencia exacta? Configurar Google Keyword Tool para una coincidencia
exacta es sencillo.
![Page 38: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/38.jpg)
¿Por qué coincidencia exacta? Necesitas comparar las palabras clave cuidadosamente, sin
superponer el volumen.
¿Cómo comparar manzanas con naranjas? Utiliza la coincidencia exacta… comparten un volumen amplio.
![Page 39: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/39.jpg)
Mergewords.com
![Page 40: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/40.jpg)
KeywordToolDominator.com
![Page 41: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/41.jpg)
Compruébalo todo en GKT
![Page 42: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/42.jpg)
Recapitulación – La Idea • Conoce tus competidores. • Roba la experiencia de tus competidores. • Utiliza herramientas para construir una lista de palabras
clave inteligente. • Keywords Trasaccionales VS Keywords Informativas.
![Page 43: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/43.jpg)
Recapitulación – La Idea • Siempre utiliza coincidencia [Exacta]. • Sea lo que sea loa que estás planeando, alguien ha
hecho algo con lo que puedes compararlo. • No confíes siempre en Google. Recuerda que a ellos les
interesa que apuestes en tantas keywords como sea posible.
![Page 44: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/44.jpg)
Recapitulación – La Idea Utiliza la experiencia de tus competidores con las herramientas que hemos visto: • SimilarSites.com – Encuentra quién son tus competidores
transaccionales reales a partir de los visitantes compartidos. • Semrush.com – Encuentra qué palabras clave PPC resultan
un éxito para tus competidores y utilízalas.
• Mergewords.com – Obtiene combinaciones de palabras clave.
![Page 45: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/45.jpg)
Recapitulación – La Idea Utiliza la experiencia de tus competidores con las herramientas que hemos visto: • KeywordToolDominator.com – Encuentra palabras clave
transaccionales puras utilizando Amazon, eBay y Google Product Search.
• KeywordEye.co.uk – Encuentra qué palabras clave PPC
resultan un éxito para tus competidores y utilízalas.
• Google Keyword Tool – Compruébalo todo en GKT. No confíes al 100% en ninguna herramienta de terceros.
![Page 46: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/46.jpg)
Herramientas
![Page 47: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/47.jpg)
SemRush Herramienta de pago, que analiza nuestro posicionamiento tanto orgánico como el de nuestras campañas ppc.
![Page 48: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/48.jpg)
LITMUS
Herramienta pare la visualización de campañas de email marketing y portales web, con servicios de estadísticas y analítica.
![Page 49: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/49.jpg)
LITMUS – Mobile Email Success
Fuente: Litmus
![Page 50: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/50.jpg)
Email Opens: August 2013
Mobile: Smartphones (iPhone, Android) and tablets Desktop: Installed email programs (Outlook, Apple Mail) Webmail: Email accessed through a web browser (Gmail, Hotmail, Yahoo!)
Desktop 32%
Webmail 21%
Mobile 47%
Source: Litmus Email Analytics
![Page 51: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/51.jpg)
0%
10%
20%
30%
40%
50%
60%
Desktop Webmail Mobile
45%
33%
10%
Email Opens: 2011-now
Source: Litmus Email Analytics
![Page 52: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/52.jpg)
0%
10%
20%
30%
40%
50%
60%
Desktop Webmail Mobile
45%
33%
10%
Email Opens: 2011-now
Source: Litmus Email Analytics
+350%
![Page 53: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/53.jpg)
some of our major retail brands are seeing 60% of their subscribers
viewing on a mobile device
—Cara Olson, DEG
“ ”
![Page 54: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/54.jpg)
Brand/Industry A: 55% Brand/Industry B: 18%
Plan on data, not your gut
![Page 55: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/55.jpg)
Know Your Audience
Copy, paste & send
![Page 56: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/56.jpg)
Small Medium Large
iPhone 2.3” wide
Galaxy Note II 3.2” wide
Nexus 7 7.3” wide
BB Bold 2.6” wide
iPad Mini 5.3” wide
Excite 13 8.5” wide
Screensize-apalooza
![Page 57: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/57.jpg)
The unifying characteristic?
TOUCH.
![Page 58: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/58.jpg)
Experience Matters It’s more than just metrics
![Page 59: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/59.jpg)
One Chance to Make an Impression
080%
030%
014%
004%
006%
Delete it
Unsubscribe
View on computer
Don't know
Read anyway
BlueHornet Study: Consumer Views of Email Marketing, 2012 and 2013
Neutral 025%
Slightly Negative
051%
Strongly Negative
024%
How does a poorly designed email affect your perception of the brand?
If you get a mobile email that doesn’t look good, what do you do?
+15%
+68%
![Page 60: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/60.jpg)
Mobile Triage Myth
3% reopen on
another client
97% view in a single
environment
![Page 61: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/61.jpg)
Consider the experience • The mobile experience is
different than the desktop experience
• Landing pages are part of that experience
????
Page/Site
Tap
Preview/Open
Preheader
Subject Line
From Name
![Page 62: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/62.jpg)
From name and subject line are front and center
![Page 63: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/63.jpg)
Focus on ‘from name’ and subject line
From Name ~25 characters
Subject Line ~35 characters
Preheader ~85 characters
63
![Page 64: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/64.jpg)
Preheaders Are Tertiary Inbox Content
![Page 65: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/65.jpg)
iPhone Windows Phone
Blackberry
![Page 66: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/66.jpg)
iPhone Windows Phone
Blackberry
![Page 67: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/67.jpg)
Inconsistent rendering across devices and operating systems
![Page 68: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/68.jpg)
iPhone: Scales to width;
320 x 460
Android: No scaling;
dimensions vary; top-left corner
displayed
Inconsistent rendering across devices and operating systems
![Page 69: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/69.jpg)
15% two handed
49% one handed
36% cradled
http://www.uxmatters.com/mt/archives/2013/02/how-do-users-really-hold-mobile-devices.php
67% used right thumb on the screen 33% used left thumb on the screen
Provide click/tap opportunities
![Page 70: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/70.jpg)
Prioritize and focus
• Identify the top 3-5 activities – Purchase? – Download? – Registration? – Social?
![Page 71: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/71.jpg)
NO: interstitial boxes NO: impossible form fields
![Page 72: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/72.jpg)
YES: easy to navigate YES: finger friendly
![Page 73: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/73.jpg)
Mobile Design Principles aka ‘best practices’
![Page 74: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/74.jpg)
Preheader Practices • Support the subject line with a
creative, useful or helpful preheader. – Call-to-action – Special offer – Reminder – Clickable/measurable – NOT “having trouble…?”
![Page 75: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/75.jpg)
Bigger is Better • Body copy: 16px+ • Headlines: 22px+ • Buttons: 44px by 44px • Space: 10px+
![Page 76: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/76.jpg)
• Tappable touch targets • Bulletproof buttons that
don’t rely on an image • Left-hand side
![Page 77: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/77.jpg)
![Page 78: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/78.jpg)
Say no to link clusters and yes to white space
![Page 79: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/79.jpg)
Device targeting can display app/OS specific content
![Page 80: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/80.jpg)
Dial up the contrast
Bright screens kill batteries
![Page 81: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/81.jpg)
Test, test, test!
![Page 82: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/82.jpg)
![Page 83: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/83.jpg)
Strategies & Approaches how-to
![Page 84: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/84.jpg)
As with most things with email, there’s not a one-size-fits-all approach (sorry to disappoint you)
![Page 85: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/85.jpg)
Mobile First
Considers the mobile user as a priority
|-------------------460px -------------------| |---------------------600px ---------------------|
![Page 86: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/86.jpg)
Mobile First / Friendly
• One layout for all screen sizes
• Single column design – 320-500px
• Large text & buttons • Generous white space • Clear calls to action • Short, concise body
copy
Agnostic / Aware / Scalable
![Page 87: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/87.jpg)
![Page 88: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/88.jpg)
Pros • Prioritizes important data, content,
actions • Easier execution • No reliance on media query support • Good rendering in apps and native
clients
Cons • Desktop can suffer • Less real estate • Can get long • Fixed width can be less
than ideal for Android
Mobile First / Friendly
BEST FOR: Ready for change, testing the waters, or resource strapped
![Page 89: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/89.jpg)
Fluid
Email width changes to fit within the window
|--------------------------------------------------------1166px---------------------------------------------------|
|-----------------------------525px --------------------------|
![Page 90: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/90.jpg)
Fluid layout
• Percentage-based widths
• Adapts to fill the screen it’s viewed on; text wraps automatically
![Page 91: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/91.jpg)
![Page 92: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/92.jpg)
Fluid layout
BEST FOR: Simple layouts, automated emails, mostly text/few images
Pros • Simple execution • No learning curve or reliance on media
queries
Cons • Fewer design choices • Very narrow or very wide
emails can get awkward and hard to read
![Page 93: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/93.jpg)
Responsive Design
Uses media queries to detect screen size and alter content accordingly
|-----------320px ------------| |--------------------------------------------700px------------------------------------------|
![Page 94: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/94.jpg)
Responsive Design • More than a “line of code” • Set of conditional statement that enables
specific styles – If the screen size is x, then display y – If the screen size is x, then increase
headline size to y – If screen size is x, then show image at
100% • Detects screen size, not device type
![Page 95: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/95.jpg)
![Page 96: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/96.jpg)
Pros • Restyle, resize or reorder elements • Ability to hide/show desktop or mobile
specific images/content • Customized calls to action • Seamless experience across a range of
screen sizes
Cons • Coding learning curve • Forces tough choices • Increased production and
QA time
Responsive Design
BEST FOR: Growing mobile audiences, travel alerts, tech companies
![Page 97: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/97.jpg)
Email is an *application*
![Page 98: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/98.jpg)
Device ≠ email client
Email is an *application*
![Page 99: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/99.jpg)
iPhone native yes
iPad native yes
Android 2.1 native no
Android 2.2 native yes
Android 2.3 native yes
Android 4.x native yes
Gmail mobile apps no
Mailbox iOS app yes
@media support
http://stylecampaign.com/blog/2012/10/responsive-email-support/
Yahoo! mobile apps no
Windows Mobile 7 no
Windows Mobile 7.5 yes
Windows Mobile 8 no
BlackBerry OS 6 yes
BlackBerry OS 7 yes
BlackBerry Z10 yes
Kindle Fire native yes
![Page 100: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/100.jpg)
• Rewards Network: CTR increased by more than 25% • Deckers: 10% increase in CTR; 9% increase in mobile
opens • Crocs: 7.66% lift in CTOR; 15.63% lift in iPhone ‘read’
engagement; 8.82% lift in mobile ‘read’ engagement • SavvyMom: 3x lift in CTOR. 12% of those who opened
on mobile clicked vs. 6% who opened on desktop
More coming all the time: litmus.com/blog
Responsive Results
![Page 101: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/101.jpg)
Responsive isn’t always the answer
1. Resources 2. Data 3. Company type 4. User expectations
Company A
1. Resources: coders, designers, writer 2. Data: 55% mobile 3. Company type: Tech 4. User expectations: B2B Tech audience
Responsive Company B
1. Resources: marketing manager, intern 2. Data: 18% mobile 3. Company type: Non-Profit/Education 4. User expectations: low sophistication
Aware
![Page 102: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/102.jpg)
Android Observations
• Blocks images by default; supports ALT text
• Two apps with opposing support for media queries
• Primary content focus on left-hand side
• Various screen sizes and sometimes automatic scaling
![Page 103: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/103.jpg)
Blackberry Observations • Media query support • Blocks images; supports styled
ALT text • Does not scale/auto-zoom • No separate app; email joins
social, SMS and voice in the “hub”
![Page 104: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/104.jpg)
Windows Phone Observations • Mixed media query support • Does weird things to fonts • Blocks images; no ALT text • No one has them!
![Page 105: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/105.jpg)
iPhone Observations • Automatically scales
messages to fit the screen • Excellent support for CSS3
and media queries • Images on by default • Resizes fonts under 13px
![Page 106: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/106.jpg)
Resources info + tools
![Page 107: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/107.jpg)
http://stylecampaign.com/blog/2013/03/responsive-email-design-red/
Style Campaign RED Webinar
![Page 108: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/108.jpg)
Market Share Stats
http://emailclientmarketshare.com
![Page 109: Cómo incrementar las ventas con marketing digital parte 2 de 3](https://reader033.vdocument.in/reader033/viewer/2022051412/54832331b07959570c8b4976/html5/thumbnails/109.jpg)
Responsive Email Templates