Audiencia Virtual para el diseño

https://www.flickr.com/photos/djbrady/1238664937

@nachosomalo

Marketing Digital “Consiste en usar las tecnologías de la

información basadas en Internet y todos los dispositivos que permitan su acceso para realizarcomunicación con intención comercial entre una

empresa y sus clientes o potenciales clientes.”

https://www.flickr.com/photos/blackbeltjones/5103164519

Fuente: PwC

Inversión publicitaria mundial

65% 35% 53% 47%

2012 Digital

2012 Tradicional

2017 Digital

2017 Tradicional

¿Por qué el marketing digital?

https://www.flickr.com/photos/andih/115781801 Fuente: Estudio de consumo de medios entre internautas mexicanos, enero 2014

¿Por qué el marketing digital?

La visibilidad pasa por la web59.2 millones de personas utilizan

Internet en México

https://www.flickr.com/photos/lraketentim Fuente: Estudio de consumo de medios entre internautas mexicanos, enero 2014

¿Por qué el marketing digital?

4 horas, 5 minutos tiempo promedio de conexión diaria

a Internet en México

https://www.flickr.com/photos/stephen_gunby

¿Por qué el marketing digital?

Explosión de las redes sociales

https://www.flickr.com/photos/west.m

¿Por qué el marketing digital?

9 de cada 10internautas mexicanosacceden a una red social

https://www.flickr.com/photos/west.m

¿Por qué el marketing digital?

3 de cada 4

informaciónlas utilizan para obtener

https://www.flickr.com/photos/68751915@N05

Ventajas sobre el marketing tradicionalMás económico

https://www.flickr.com/photos/luc

Ventajas sobre el marketing tradicionalSegmentación

https://flic.kr/p/77XW6S

Ventajas sobre el marketing tradicionalMedible

https://www.flickr.com/photos/justinjensen/4964182350

Ventajas sobre el marketing tradicionalRápido y flexible

https://www.flickr.com/photos/fotos_medem

Nuevos comportamientosMás y mejor informado

https://www.flickr.com/photos/cambodia4kidsorg

Nuevos comportamientosComparte experiencias

https://www.flickr.com/photos/freech

Nuevos comportamientosNo perdona los fallos

https://www.flickr.com/photos/philipcampbell

Nuevos comportamientosLos usuarios móviles siempre conectados

ayer hoy

La movilidad lo cambia todo

https://www.flickr.com/photos/captain_die/7697183522

Más y más personas se conectan

smartphones, tablets y phabletsa Internet vía móvil gracias a los

https://www.flickr.com/photos/fhke/3343741692

https://www.flickr.com/photos/freech/3027335439

utilizan tablets y/o smartphonesEs el porcentaje de mexicanos que

para conectarse a Internet

48%

Fuente: Estudio de consumo de medios entre internautas mexicanos, enero 2014

https://www.flickr.com/photos/martingautron/4685514791

conectados a Internet superará lapoblación mundial

De acuerdo a Cisco a finales de 2014el número de dispositivos móviles

Fuente: Cisco Visual Networking Index (VNI), 5 de febrero de 2014, http://goo.gl/6Jcjum

https://www.flickr.com/photos/jfingas/10104822523

Multiplicidad de pantallasNecesidad de adaptarse a las diferentes

DiseñoDesarrollo Navegación Contenido

resoluciones y tamaños en términos de:

Diseño: el diseñar para una pantalla más chica es una limitación mayor

Desarrollo: requiere una mayor optimización en programación web

Navegación: las pantallas táctiles y su tamaño obligan a pensar en una ergonomía distinta

Contenido: el usuario móvil quiere contenido sencillo, rápido y sin elementos distractores

https://www.flickr.com/photos/rosenfeldmedia/7171775806

Aplicar el enfoque "mobile first"Repensar el diseño web

dando prioridad a los dispositivos móviles de pantalla pequeña

Imágenes de fondoTendencias en diseño web

http://www.sagmeisterwalsh.com/

Imágenes de fondoTendencias en diseño web

https://www.squarespace.com/

ParallaxTendencias en diseño web

http://www.mekanism.com/ Ejemplos de sitios web con parallax: http://goo.gl/dyxV3r

Del skeumorfismo al diseño plano Tendencias en diseño web

http://www.flatvsrealism.com/

TipografíaTendencias en diseño web

Tipografías personalizadasUso de webfonts (p. ej. Google Web Fonts)

http://www.google.com/webfonts

Páginas de error 404

https://github.com/404

Páginas de error 404

http://starwars.com/404/

Páginas de error 404

http://www.peugeot.com/404

Páginas de error 404

http://www.redbull.com/404

Páginas de error 404

http://www.lego.com/404/

https://www.flickr.com/photos/brizzlebornandbred/11666824305

No olvidar

quien debería "diseñarlo" y no el El visitante de nuestro sitio web es

diseñador o consultor de marketing digital.

Para terminar...

https://www.flickr.com/photos/lukew/10412585943

Gracias

gonzalo@qmarketing.mx @Gonzalo