+ All Categories
Home > Design > Diseño sitios 2 0- Charla UP 05-2010

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

Date post: 18-Dec-2014
Category:
Upload: vanesa-gambirazio-id4you
View: 1,002 times
Download: 0 times
Share this document with a friend
Description:
 
60
Diseño de una imagen 2.0 Vanesa Gambirazio Senior Web designer ID4you Founder | Project and Account Director @vaneid
Transcript
Page 1: Diseño sitios 2 0- Charla UP 05-2010

Diseño de una imagen 2.0

Vanesa Gambirazio

Senior Web designer

ID4you Founder | Project and Account Director

@vaneid

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

Las marcas en un contexto de mayor exposición.

Page 3: Diseño sitios 2 0- Charla UP 05-2010

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.

Las marcas en un contexto de mayor exposición.

Page 4: Diseño sitios 2 0- Charla UP 05-2010

Evolución de las marcas al mundo 2.0:

Las marcas fueron evolucionando y mutando para acompañar este crecimiento.

Las marcas en un contexto de mayor exposición.

:: Re-diseño de logos de empresas de tecnología. Fuente: Neatorama

Page 5: Diseño sitios 2 0- Charla UP 05-2010

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.

Las marcas en un contexto de mayor exposición.

Page 6: Diseño sitios 2 0- Charla UP 05-2010

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

Las marcas en un contexto de mayor exposición.

Page 7: Diseño sitios 2 0- Charla UP 05-2010

Branding en Redes sociales:

Campaña We are chusmas! para Personal: Agencia Santo - Redes sociales y chusmerío por celular!

Las marcas en un contexto de mayor exposición.

Page 9: Diseño sitios 2 0- Charla UP 05-2010

Branding en Redes sociales:

Las marcas en un contexto de mayor exposición.

Page 10: Diseño sitios 2 0- Charla UP 05-2010

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

*) Idea creativa

*) estrategia y difusión

*) ESPACIO PARA LA CREATIVIDAD DEL USUARIO

Ej: Coca Cola Interactive music. Con el tema “Hoy quiero que me mires” Enero 2009.

Las marcas en un contexto de mayor exposición.

= VIRALIDADProvocación a la respuesta.

Page 11: Diseño sitios 2 0- Charla UP 05-2010

La búsqueda de experiencias vivenciales.

Page 12: Diseño sitios 2 0- Charla UP 05-2010

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

La búsqueda de experiencias vivenciales.

Page 13: Diseño sitios 2 0- Charla UP 05-2010

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).

La búsqueda de experiencias vivenciales.

México 2009 - Agencia Circus Marketing

Page 14: Diseño sitios 2 0- Charla UP 05-2010

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.

La búsqueda de experiencias vivenciales.

Telecom Arnet 2009 - Agencia Id4you

Page 15: Diseño sitios 2 0- Charla UP 05-2010

* 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.

La búsqueda de experiencias vivenciales.

Page 16: Diseño sitios 2 0- Charla UP 05-2010

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

La búsqueda de experiencias vivenciales.

Banner rich media expansible L`Oreal - Fuente: Eyeblaster

Banner rich media expansible con Video.Telecom Olímpico 2008 - Agencia: ID4you

Page 17: Diseño sitios 2 0- Charla UP 05-2010

Usuario dentro de los espacios publicitarios: Rich media banners con utilización de Web cam. Realidad aumentada.

La búsqueda de experiencias vivenciales.

Banner rich media expansible con integración de juego con webcam. CHOCAPIC Fuente: Eyeblaster

Page 18: Diseño sitios 2 0- Charla UP 05-2010

Del universo on-line al off-line: Videomensaje

La búsqueda de experiencias vivenciales.

Saludo de fin de año de la agencia ID4youMailing personalizado que invitaba a ver un video. Al ver el video se disparaba un SMS al celular del usuario completando el saludo.

Page 19: Diseño sitios 2 0- Charla UP 05-2010

Los Nuevos Modelos de Marketing y publicidad.

Page 20: Diseño sitios 2 0- Charla UP 05-2010

De consumidor a prosumidor: Dove Hair minimising

Inclusión de las redes sociales como estrategia de imagen. Sitio de Embajadoras DOVE.

Los Nuevos Modelos de Marketing y publicidad.

Page 21: Diseño sitios 2 0- Charla UP 05-2010

Facebook: Fan pages

Coca cola.

Los Nuevos Modelos de Marketing y publicidad.

Page 22: Diseño sitios 2 0- Charla UP 05-2010

Facebook: Fan pages

Dell Outlet. Publicación de Ofertas.

Los Nuevos Modelos de Marketing y publicidad.

Page 23: Diseño sitios 2 0- Charla UP 05-2010

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

Stella Artois. Jaques D`Azur no puede ir a Cannes.

Los Nuevos Modelos de Marketing y publicidad.

Page 25: Diseño sitios 2 0- Charla UP 05-2010

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

Stella Artois. Jaques D`Azur no puede ir a Cannes.

Los Nuevos Modelos de Marketing y publicidad.

Page 26: Diseño sitios 2 0- Charla UP 05-2010

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.

Los Nuevos Modelos de Marketing y publicidad.

Page 27: Diseño sitios 2 0- Charla UP 05-2010

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 Fbdentro de mi perfil, ver que otros amigos la usan y el calendario de cumpleaños de mis contactos. Armar la lista directamente en facebook.

Los Nuevos Modelos de Marketing y publicidad.

Page 28: Diseño sitios 2 0- Charla UP 05-2010

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.

Los Nuevos Modelos de Marketing y publicidad.

2010 – Agencia: Circus Marketing

Page 29: Diseño sitios 2 0- Charla UP 05-2010

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.

Los Nuevos Modelos de Marketing y publicidad.

Page 30: Diseño sitios 2 0- Charla UP 05-2010

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.

Los Nuevos Modelos de Marketing y publicidad.

Page 31: Diseño sitios 2 0- Charla UP 05-2010

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.

Los Nuevos Modelos de Marketing y publicidad.

Page 32: Diseño sitios 2 0- Charla UP 05-2010

Twitter: Lookeo de fondos como espacios de diseño y comunicación.

Los Nuevos Modelos de Marketing y publicidad.

Page 33: Diseño sitios 2 0- Charla UP 05-2010

Twitter: Lookeo de fondos como espacios de diseño y comunicación.

Los Nuevos Modelos de Marketing y publicidad.

Page 34: Diseño sitios 2 0- Charla UP 05-2010

Twitter: Lookeo de fondos como espacios de diseño y comunicación.

Los Nuevos Modelos de Marketing y publicidad.

Page 35: Diseño sitios 2 0- Charla UP 05-2010

Twitter: Lookeo de fondos como espacios de diseño y comunicación.

Los Nuevos Modelos de Marketing y publicidad.

Page 36: Diseño sitios 2 0- Charla UP 05-2010

Twitter: Lookeo de fondos como espacios de diseño y comunicación.

Los Nuevos Modelos de Marketing y publicidad.

Page 37: Diseño sitios 2 0- Charla UP 05-2010

Twittlevel: Informe sobre los twitteros.

Los Nuevos Modelos de Marketing y publicidad.

Page 38: Diseño sitios 2 0- Charla UP 05-2010

Youtube: Lookeo de un canal personalizado. El cavernicola.

Los Nuevos Modelos de Marketing y publicidad.

Page 39: Diseño sitios 2 0- Charla UP 05-2010

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.

Los Nuevos Modelos de Marketing y publicidad.

Page 40: Diseño sitios 2 0- Charla UP 05-2010

Otras herramientas de la 2.0: Slide Share – publicar presentaciones.

Los Nuevos Modelos de Marketing y publicidad.

Page 41: Diseño sitios 2 0- Charla UP 05-2010

Otras herramientas de la 2.0: ISSU – Catálogos online

Los Nuevos Modelos de Marketing y publicidad.

Page 42: Diseño sitios 2 0- Charla UP 05-2010

Otras herramientas de la 2.0: Colour Lovers

Los Nuevos Modelos de Marketing y publicidad.

Page 43: Diseño sitios 2 0- Charla UP 05-2010

Otro sitio de la 2.0: Justbought.it

Los Nuevos Modelos de Marketing y publicidad.

Page 44: Diseño sitios 2 0- Charla UP 05-2010

Interfaces 2.0: look & feel

Page 45: Diseño sitios 2 0- Charla UP 05-2010

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

Interfaces 2.0

Page 46: Diseño sitios 2 0- Charla UP 05-2010

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

Interfaces 2.0

Page 47: Diseño sitios 2 0- Charla UP 05-2010

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

Interfaces 2.0

Page 48: Diseño sitios 2 0- Charla UP 05-2010

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

Interfaces 2.0

Page 49: Diseño sitios 2 0- Charla UP 05-2010

Diseño modular y dinámico:

Interfaces 2.0

Page 50: Diseño sitios 2 0- Charla UP 05-2010

Diseño modular y dinámico.

Interfaces 2.0

Page 51: Diseño sitios 2 0- Charla UP 05-2010

Diseño modular y dinámico.

Interfaces 2.0

Page 52: Diseño sitios 2 0- Charla UP 05-2010

Diseño modular y dinámico.

Interfaces 2.0

Page 53: Diseño sitios 2 0- Charla UP 05-2010

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

Interfaces 2.0

Page 54: Diseño sitios 2 0- Charla UP 05-2010

Controladores de contenido. CMS Word Press

Interfaces 2.0

Page 55: Diseño sitios 2 0- Charla UP 05-2010

Controladores de contenido. Word Press

Interfaces 2.0

Page 56: Diseño sitios 2 0- Charla UP 05-2010

Controladores de contenido. Getsense CMS Joomla-

Interfaces 2.0

Page 57: Diseño sitios 2 0- Charla UP 05-2010

Controladores de contenido. Joomla-

Interfaces 2.0

Page 58: Diseño sitios 2 0- Charla UP 05-2010

Controladores de contenido. Drupal

Interfaces 2.0

Page 59: Diseño sitios 2 0- Charla UP 05-2010

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

Page 60: Diseño sitios 2 0- Charla UP 05-2010

Ejemplos de banners

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

[email protected]

www.id4you.com

@vaneid

http://ar.linkedin.com/in/vanesagambirazio


Recommended