Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Ruta del Diseño

385 views

Published on

Published in: Marketing
  • Be the first to comment

  • Be the first to like this

Ruta del Diseño

  1. 1. Audiencia Virtual para el diseño https://www.flickr.com/photos/djbrady/1238664937
  2. 2. @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 realizar comunicación con intención comercial entre una empresa y sus clientes o potenciales clientes.” https://www.flickr.com/photos/blackbeltjones/5103164519
  3. 3. Fuente: PwC Inversión publicitaria mundial 65% 35% 53% 47% 2012 Digital 2012 Tradicional 2017 Digital 2017 Tradicional ¿Por qué el marketing digital?
  4. 4. 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 web 59.2 millones de personas utilizan Internet en México
  5. 5. 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
  6. 6. https://www.flickr.com/photos/stephen_gunby ¿Por qué el marketing digital? Explosión de las redes sociales
  7. 7. https://www.flickr.com/photos/west.m ¿Por qué el marketing digital? 9 de cada 10 internautas mexicanos acceden a una red social
  8. 8. https://www.flickr.com/photos/west.m ¿Por qué el marketing digital? 3 de cada 4 información las utilizan para obtener
  9. 9. https://www.flickr.com/photos/68751915@N05 Ventajas sobre el marketing tradicional Más económico
  10. 10. https://www.flickr.com/photos/luc Ventajas sobre el marketing tradicional Segmentación
  11. 11. https://flic.kr/p/77XW6S Ventajas sobre el marketing tradicional Medible
  12. 12. https://www.flickr.com/photos/justinjensen/4964182350 Ventajas sobre el marketing tradicional Rápido y flexible
  13. 13. https://www.flickr.com/photos/fotos_medem Nuevos comportamientos Más y mejor informado
  14. 14. https://www.flickr.com/photos/cambodia4kidsorg Nuevos comportamientos Comparte experiencias
  15. 15. https://www.flickr.com/photos/freech Nuevos comportamientos No perdona los fallos
  16. 16. https://www.flickr.com/photos/philipcampbell Nuevos comportamientos Los usuarios móviles siempre conectados
  17. 17. ayer hoy
  18. 18. La movilidad lo cambia todo https://www.flickr.com/photos/captain_die/7697183522
  19. 19. Más y más personas se conectan smartphones, tablets y phablets a Internet vía móvil gracias a los https://www.flickr.com/photos/fhke/3343741692
  20. 20. https://www.flickr.com/photos/freech/3027335439 utilizan tablets y/o smartphones Es el porcentaje de mexicanos que para conectarse a Internet 48% Fuente: Estudio de consumo de medios entre internautas mexicanos, enero 2014
  21. 21. https://www.flickr.com/photos/martingautron/4685514791 conectados a Internet superará la población mundial De acuerdo a Cisco a finales de 2014 el número de dispositivos móviles Fuente: CiscoVisual Networking Index (VNI), 5 de febrero de 2014, http://goo.gl/6Jcjum
  22. 22. https://www.flickr.com/photos/jfingas/10104822523 Multiplicidad de pantallas Necesidad de adaptarse a las diferentes Diseño Desarrollo Navegación Contenido resoluciones y tamaños en términos de:
  23. 23. Diseño: el diseñar para una pantalla más chica es una limitación mayor
  24. 24. Desarrollo: requiere una mayor optimización en programación web
  25. 25. Navegación: las pantallas táctiles y su tamaño obligan a pensar en una ergonomía distinta
  26. 26. Contenido: el usuario móvil quiere contenido sencillo, rápido y sin elementos distractores
  27. 27. 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
  28. 28. Imágenes de fondo Tendencias en diseño web http://www.sagmeisterwalsh.com/
  29. 29. Imágenes de fondo Tendencias en diseño web https://www.squarespace.com/
  30. 30. Parallax Tendencias en diseño web http://www.mekanism.com/ Ejemplos de sitios web con parallax: http://goo.gl/dyxV3r
  31. 31. Del skeumorfismo al diseño plano Tendencias en diseño web http://www.flatvsrealism.com/
  32. 32. Tipografía Tendencias en diseño web Tipografías personalizadas Uso de webfonts (p. ej. Google Web Fonts) http://www.google.com/webfonts
  33. 33. Páginas de error 404 https://github.com/404
  34. 34. Páginas de error 404 http://starwars.com/404/
  35. 35. Páginas de error 404 http://www.peugeot.com/404
  36. 36. Páginas de error 404 http://www.redbull.com/404
  37. 37. Páginas de error 404 http://www.lego.com/404/
  38. 38. 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.
  39. 39. Para terminar...
  40. 40. https://www.flickr.com/photos/lukew/10412585943 Gracias gonzalo@qmarketing.mx @Gonzalo

×