Diseño de una imagen 2.0

                                                @vaneid
Vanesa Gambirazio
Senior Web designer
ID...
Las marcas en un contexto de mayor exposición.
Las marcas en un contexto de mayor exposición.

Evolución de las marcas al mundo 2.0:




                          _____V...
Las marcas en un contexto de mayor exposición.

Evolución de las marcas al mundo 2.0:

Las marcas fueron evolucionando y m...
Las marcas en un contexto de mayor exposición.

INTERNET como nuevo canal de comunicación dió lugar a:

* GLOBALIZACION –>...
Las marcas en un contexto de mayor exposición.

Redes sociales y comunidades 2.0:




El paradigma colaborativo y el conce...
Las marcas en un contexto de mayor exposición.

Branding en Redes sociales:




  Campaña We are chusmas! para Personal: A...
Las marcas en un contexto de mayor exposición.

Branding en Redes sociales:
Las marcas en un contexto de mayor exposición.

Branding en Redes sociales:
Las marcas en un contexto de mayor exposición.

¿Cual es la clave para que funcione una campaña con redes sociales?

*) Id...
La búsqueda de experiencias vivenciales.
La búsqueda de experiencias vivenciales.

El usuario como protagonista:
•El usuario como parte de un recuerdo/gift.




Si...
La búsqueda de experiencias vivenciales.

El usuario como parte de la campaña:
Campaña Axe Music Star:
Ejemplo de Campaña ...
La búsqueda de experiencias vivenciales.

El usuario como parte de la campaña:
Campaña Star wars Exhibition:
Ejemplo de Ca...
La búsqueda de experiencias vivenciales.

* Personalización de los productos.




Campaña Burger King : Whopper Face. Bras...
La búsqueda de experiencias vivenciales.

Interacción del usuario con la publicidad: Rich media banners.




             ...
La búsqueda de experiencias vivenciales.

Usuario dentro de los espacios publicitarios:
Rich media banners con utilización...
La búsqueda de experiencias vivenciales.

Del universo on-line al off-line: Videomensaje




  Saludo de fin de año de la ...
Los Nuevos Modelos de Marketing y publicidad.
Los Nuevos Modelos de Marketing y publicidad.

De consumidor a prosumidor: Dove Hair minimising




Inclusión de las redes...
Los Nuevos Modelos de Marketing y publicidad.

Facebook: Fan pages




Coca cola.
Los Nuevos Modelos de Marketing y publicidad.

Facebook: Fan pages




Dell Outlet. Publicación de Ofertas.
Los Nuevos Modelos de Marketing y publicidad.

Facebook:     Aplicación dentro del hotsite con FB Connect.




Stella Arto...
Los Nuevos Modelos de Marketing y publicidad.

Facebook:     Aplicación dentro del hotsite con FB Connect.




Stella Arto...
Los Nuevos Modelos de Marketing y publicidad.

Facebook:     Aplicación dentro del hotsite con FB Connect.




Stella Arto...
Los Nuevos Modelos de Marketing y publicidad.

Facebook:     Aplicación dentro de sitio que le regalarías.com con FB Conne...
Los Nuevos Modelos de Marketing y publicidad.

Facebook:     Aplicación dentro de sitio y dentro de Facebook con FB Connec...
Los Nuevos Modelos de Marketing y publicidad.

Facebook:       Aplicación dentro de sitio con FB Connect.




Sedal 7 expe...
Los Nuevos Modelos de Marketing y publicidad.

Facebook: Fan page Fb y Aplicación dentro de sitio con FB Connect.




Seda...
Los Nuevos Modelos de Marketing y publicidad.

Twitter: Canal de expert salón para difusión.




Sedal 7 expertos –los usu...
Los Nuevos Modelos de Marketing y publicidad.
Twitter: Lookeo de fondos como espacios de diseño y comunicación.

Tips para...
Los Nuevos Modelos de Marketing y publicidad.
Twitter: Lookeo de fondos como espacios de diseño y comunicación.
Los Nuevos Modelos de Marketing y publicidad.
Twitter: Lookeo de fondos como espacios de diseño y comunicación.
Los Nuevos Modelos de Marketing y publicidad.
Twitter: Lookeo de fondos como espacios de diseño y comunicación.
Los Nuevos Modelos de Marketing y publicidad.
Twitter: Lookeo de fondos como espacios de diseño y comunicación.
Los Nuevos Modelos de Marketing y publicidad.
Twitter: Lookeo de fondos como espacios de diseño y comunicación.
Los Nuevos Modelos de Marketing y publicidad.
Twittlevel: Informe sobre los twitteros.
Los Nuevos Modelos de Marketing y publicidad.
Youtube: Lookeo de un canal personalizado. El cavernicola.
Los Nuevos Modelos de Marketing y publicidad.

Banners Rich media con medición de estadísticas:

* Publicidad como instrum...
Los Nuevos Modelos de Marketing y publicidad.
Otras herramientas de la 2.0: Slide Share – publicar presentaciones.
Los Nuevos Modelos de Marketing y publicidad.
Otras herramientas de la 2.0: ISSU – Catálogos online
Los Nuevos Modelos de Marketing y publicidad.
Otras herramientas de la 2.0: Colour Lovers
Los Nuevos Modelos de Marketing y publicidad.
Otro sitio de la 2.0: Justbought.it
Interfaces 2.0: look & feel
Interfaces 2.0


Características gráficas y estéticas de la web 2.0:

* Colores saturados y brillantes

* Bordes redondead...
Interfaces 2.0


Caracteristicas gráficas y estéticas de la web 2.0:
Interfaces 2.0


Características gráficas y estéticas de la web 2.0:
Interfaces 2.0


Características gráficas y estéticas de la web 2.0:
Interfaces 2.0


Diseño modular y dinámico:
Interfaces 2.0


Diseño modular y dinámico.
Interfaces 2.0


Diseño modular y dinámico.
Interfaces 2.0


Diseño modular y dinámico.
Interfaces 2.0


Aplicaciones integradas en el diseño de un site. (Flickr- Nubes de tags- Rss)
Interfaces 2.0


Controladores de contenido. CMS Word Press
Interfaces 2.0


Controladores de contenido. Word Press
Interfaces 2.0


Controladores de contenido. Getsense CMS Joomla-
Interfaces 2.0


Controladores de contenido. Joomla-
Interfaces 2.0


Controladores de contenido. Drupal
Referencias e inspiración:

http://creativezone.eyeblaster.com Galería de banners

http://www.bannerblog.com.au/ Banners p...
Ejemplos de banners




                      ¡¡Muchas Gracias!!
                        www.slideshare.net/vanesaID



  ...
Upcoming SlideShare
Loading in …5
×

Diseño sitios 2 0- Charla UP 05-2010

1,199 views

Published on

Published in: Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,199
On SlideShare
0
From Embeds
0
Number of Embeds
28
Actions
Shares
0
Downloads
40
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Diseño sitios 2 0- Charla UP 05-2010

  1. 1. Diseño de una imagen 2.0 @vaneid Vanesa Gambirazio Senior Web designer ID4you Founder | Project and Account Director
  2. 2. Las marcas en un contexto de mayor exposición.
  3. 3. Las marcas en un contexto de mayor exposición. Evolución de las marcas al mundo 2.0: _____VIDEO Sobre SIGLO XX_____ Invenciones que cambiaron la comunicación y la percerpción: Cine - Radio – TV – Telefonía – Cable – Internet •Esta explosión de nuevos canales dió lugar, a nuevas formas de interacción entre marcas y consumidores. •Un nuevo modelo de competencia, mercado y consumo surgió con cada cambio de paradigma/invención. * Los consumidores se volvieron cada vez más exigentes.
  4. 4. Las marcas en un contexto de mayor exposición. Evolución de las marcas al mundo 2.0: Las marcas fueron evolucionando y mutando para acompañar este crecimiento. :: Re-diseño de logos de empresas de tecnología. Fuente: Neatorama
  5. 5. Las marcas en un contexto de mayor exposición. INTERNET como nuevo canal de comunicación dió lugar a: * GLOBALIZACION –> Comunicación sin fronteras * Información instantánea para los medios y los lectores. * Contactarse y enviarse e-mails. * Nuevos espacios publicitarios para las marcas. * Sitios web: institucionales de productos y servicios * Canales de CHAT y foros de usuarios reunidos por intereses comunes. * Blogs, video blogs y redes sociales. Las marcas dejan detener un discurso único y homogéneo, empiezan a tener diferentes mensajes que van revalorizando y priorizando a través del feedback que obtienen por parte de los usuarios. Refered branding :: Sistema de blogs para Telecom Arnet.
  6. 6. Las marcas en un contexto de mayor exposición. Redes sociales y comunidades 2.0: El paradigma colaborativo y el concepto 2.0 son antiguos como el concepto del hombre como ser social. Filatelistas, coleccionistas de autos y gente armando colectas, son ejemplos de grupos de personas con una pasión/interés común. Internet brindó más herramientas para acortar tiempos, distancias y lugares donde concentrar la información. Las redes sociales se convirtieron en un canal muy poderoso donde generar presencia para las marcas y opinión para los usuarios/prosumidores. Con las redes sociales el público hace a la marca: Branding Inverso (Deferred Branding). Cambiaron los usos y costumbres, pero no la esencia de ser humano. Campaña We are chusmas!!! Personal
  7. 7. Las marcas en un contexto de mayor exposición. Branding en Redes sociales: Campaña We are chusmas! para Personal: Agencia Santo - Redes sociales y chusmerío por celular!
  8. 8. Las marcas en un contexto de mayor exposición. Branding en Redes sociales:
  9. 9. Las marcas en un contexto de mayor exposición. Branding en Redes sociales:
  10. 10. Las marcas en un contexto de mayor exposición. ¿Cual es la clave para que funcione una campaña con redes sociales? *) Idea creativa = VIRALIDAD *) estrategia y difusión Provocación a la respuesta. *) ESPACIO PARA LA CREATIVIDAD DEL USUARIO Ej: Coca Cola Interactive music. Con el tema “Hoy quiero que me mires” Enero 2009.
  11. 11. La búsqueda de experiencias vivenciales.
  12. 12. La búsqueda de experiencias vivenciales. El usuario como protagonista: •El usuario como parte de un recuerdo/gift. Sitio web de Chocolates Mamuschka Bariloche. Cámara con pantalla touch que envía la foto por mail a un amigo y la sube a la web. Acción MAMUSCH- CAM
  13. 13. La búsqueda de experiencias vivenciales. El usuario como parte de la campaña: Campaña Axe Music Star: Ejemplo de Campaña para México que integraba Hotsite + Fb Connect + Youtube + Flickr y posteo online (blog). México 2009 - Agencia Circus Marketing
  14. 14. La búsqueda de experiencias vivenciales. El usuario como parte de la campaña: Campaña Star wars Exhibition: Ejemplo de Campaña que invitaba al usuario a vestirse como un personaje, subirlo y compartirlo con amigos para participar del concurso. Telecom Arnet 2009 - Agencia Id4you
  15. 15. La búsqueda de experiencias vivenciales. * Personalización de los productos. Campaña Burger King : Whopper Face. Brasil 2009. Provocación a la acción! Excelente caso de aprovechar los recursos offline para dar inicio a una campaña viral online. Agencia Ogilvy Brasil. Campaña con Redes: Whopper Sacrifice. Sacrificá a 10 amigos por un Whopper! * El usuario como co-creador de una obra: Saludo animal Video Blog de mascotas, dobladas o subtituladas por sus dueños. Campaña de Quilmes día del amigo 2009. Videos personalizados para tus amigos con algún famoso convocando a no ir a festejar el día del amigo.
  16. 16. La búsqueda de experiencias vivenciales. Interacción del usuario con la publicidad: Rich media banners. Banner rich media expansible con Video. Telecom Olímpico 2008 - Agencia: ID4you Banner rich media expansible L`Oreal - Fuente: Eyeblaster
  17. 17. La búsqueda de experiencias vivenciales. Usuario dentro de los espacios publicitarios: Rich media banners con utilización de Web cam. Realidad aumentada. Banner rich media expansible con integración de juego con webcam. CHOCAPIC Fuente: Eyeblaster
  18. 18. La búsqueda de experiencias vivenciales. Del universo on-line al off-line: Videomensaje Saludo de fin de año de la agencia ID4you Mailing personalizado que invitaba a ver un video. Al ver el video se disparaba un SMS al celular del usuario completando el saludo.
  19. 19. Los Nuevos Modelos de Marketing y publicidad.
  20. 20. Los Nuevos Modelos de Marketing y publicidad. De consumidor a prosumidor: Dove Hair minimising Inclusión de las redes sociales como estrategia de imagen. Sitio de Embajadoras DOVE.
  21. 21. Los Nuevos Modelos de Marketing y publicidad. Facebook: Fan pages Coca cola.
  22. 22. Los Nuevos Modelos de Marketing y publicidad. Facebook: Fan pages Dell Outlet. Publicación de Ofertas.
  23. 23. Los Nuevos Modelos de Marketing y publicidad. Facebook: Aplicación dentro del hotsite con FB Connect. Stella Artois. Jaques D`Azur no puede ir a Cannes.
  24. 24. Los Nuevos Modelos de Marketing y publicidad. Facebook: Aplicación dentro del hotsite con FB Connect. Stella Artois. Jaques D`Azur no puede ir a Cannes.
  25. 25. Los Nuevos Modelos de Marketing y publicidad. Facebook: Aplicación dentro del hotsite con FB Connect. Stella Artois. Jaques D`Azur no puede ir a Cannes.
  26. 26. Los Nuevos Modelos de Marketing y publicidad. Facebook: Aplicación dentro de sitio que le regalarías.com con FB Connect. Qué le regalarías.com – Aplicación que permite armar lista de regalos para que te compren en tu cumple tus amigos y publicarlo en Facebook.
  27. 27. Los Nuevos Modelos de Marketing y publicidad. Facebook: Aplicación dentro de sitio y dentro de Facebook con FB Connect. Facebook.com/queleregalarías: Aplicación que permite armar la lista de regalos directamente en Fb dentro de mi perfil, ver que otros amigos la usan y el calendario de cumpleaños de mis contactos. Armar la lista directamente en facebook.
  28. 28. Los Nuevos Modelos de Marketing y publicidad. Facebook: Aplicación dentro de sitio con FB Connect. Sedal 7 expertos – Hotsite de Experts salon México. Widget de posteos de Facebook y twitter. 2010 – Agencia: Circus Marketing
  29. 29. Los Nuevos Modelos de Marketing y publicidad. Facebook: Fan page Fb y Aplicación dentro de sitio con FB Connect. Sedal 7 expertos – Fan page para comunicar los eventos de los diferentes salones de belleza en donde van a estar los expertos.
  30. 30. Los Nuevos Modelos de Marketing y publicidad. Twitter: Canal de expert salón para difusión. Sedal 7 expertos –los usuarios pueden seguir los eventos de los salones vía twitter. Canal de twitter.
  31. 31. Los Nuevos Modelos de Marketing y publicidad. Twitter: Lookeo de fondos como espacios de diseño y comunicación. Tips para el lookeo: * Aprovechar los styles que vienen predeterminados. * Utilizar un fondo a modo inspirativo. * Utilizar el fondo como espacio de difusión de un evento. * Utilizar el fondo como espacio de información de contacto. * Hacer una prueba crossbrowser/monitores.
  32. 32. Los Nuevos Modelos de Marketing y publicidad. Twitter: Lookeo de fondos como espacios de diseño y comunicación.
  33. 33. Los Nuevos Modelos de Marketing y publicidad. Twitter: Lookeo de fondos como espacios de diseño y comunicación.
  34. 34. Los Nuevos Modelos de Marketing y publicidad. Twitter: Lookeo de fondos como espacios de diseño y comunicación.
  35. 35. Los Nuevos Modelos de Marketing y publicidad. Twitter: Lookeo de fondos como espacios de diseño y comunicación.
  36. 36. Los Nuevos Modelos de Marketing y publicidad. Twitter: Lookeo de fondos como espacios de diseño y comunicación.
  37. 37. Los Nuevos Modelos de Marketing y publicidad. Twittlevel: Informe sobre los twitteros.
  38. 38. Los Nuevos Modelos de Marketing y publicidad. Youtube: Lookeo de un canal personalizado. El cavernicola.
  39. 39. Los Nuevos Modelos de Marketing y publicidad. Banners Rich media con medición de estadísticas: * Publicidad como instrumento de medición de target. * Permiten identificar tiempo de permanencia en el banner. * Permiten medir selección de preferencias de productos. * Permiten cargar info por Rss, audio y video. * Tienen 3 años de crecimiento en expansión. * IAB (Interactive Advertising Bureau) afirmó que este formato el año pasado se superó la cifra de 1,5 millones de dólares de inversiónes de MKT. 1/3 del capital invertido en estas campañas.
  40. 40. Los Nuevos Modelos de Marketing y publicidad. Otras herramientas de la 2.0: Slide Share – publicar presentaciones.
  41. 41. Los Nuevos Modelos de Marketing y publicidad. Otras herramientas de la 2.0: ISSU – Catálogos online
  42. 42. Los Nuevos Modelos de Marketing y publicidad. Otras herramientas de la 2.0: Colour Lovers
  43. 43. Los Nuevos Modelos de Marketing y publicidad. Otro sitio de la 2.0: Justbought.it
  44. 44. Interfaces 2.0: look & feel
  45. 45. Interfaces 2.0 Características gráficas y estéticas de la web 2.0: * Colores saturados y brillantes * Bordes redondeados * Brillo y volumen de los elementos * Formas redondeadas - iconografía * Entorno de espacio suspendido * Sombra inferior esfumada * Fondos claros de interfaces * Degradados suaves * Estructuras contenedoras modulares
  46. 46. Interfaces 2.0 Caracteristicas gráficas y estéticas de la web 2.0:
  47. 47. Interfaces 2.0 Características gráficas y estéticas de la web 2.0:
  48. 48. Interfaces 2.0 Características gráficas y estéticas de la web 2.0:
  49. 49. Interfaces 2.0 Diseño modular y dinámico:
  50. 50. Interfaces 2.0 Diseño modular y dinámico.
  51. 51. Interfaces 2.0 Diseño modular y dinámico.
  52. 52. Interfaces 2.0 Diseño modular y dinámico.
  53. 53. Interfaces 2.0 Aplicaciones integradas en el diseño de un site. (Flickr- Nubes de tags- Rss)
  54. 54. Interfaces 2.0 Controladores de contenido. CMS Word Press
  55. 55. Interfaces 2.0 Controladores de contenido. Word Press
  56. 56. Interfaces 2.0 Controladores de contenido. Getsense CMS Joomla-
  57. 57. Interfaces 2.0 Controladores de contenido. Joomla-
  58. 58. Interfaces 2.0 Controladores de contenido. Drupal
  59. 59. Referencias e inspiración: http://creativezone.eyeblaster.com Galería de banners http://www.bannerblog.com.au/ Banners premiados http://es-es.colourlovers.com/ Galerías de paletas cromáticas http://issuu.com/ Publicación de catálogos online – Flip page. http://justbought.it/ Comprar por twitter http://entrecreativos.com/site/content/view/217/45/ Nota sobre banners rich media. FWA - http://www.thefwa.com/ http://www.graphic-exchange.com/ Blog de diseño por categorías
  60. 60. Ejemplos de banners ¡¡Muchas Gracias!! www.slideshare.net/vanesaID vgambirazio@id4you.com www.id4you.com @vaneid http://ar.linkedin.com/in/vanesagambirazio

×