diseño pymes 2.0

43
Senior Web Designer ID4YOU Partner | Creative and Art Director @vaneid Diseño para Luciana Monaco

Upload: lucianamonaco

Post on 09-Jul-2015

324 views

Category:

Technology


0 download

TRANSCRIPT

Page 1: Diseño pymes 2.0

Senior Web Designer

ID4YOU Partner | Creative and Art Director

@vaneidDiseño para

Luciana Monaco

Page 2: Diseño pymes 2.0

¿qué es?¿cómo reconocerla?

¿cómo le sirve a mi negocio?

Page 3: Diseño pymes 2.0

Interfaces 2.0Características funcionales de la web 2.0

Page 4: Diseño pymes 2.0

Interfaces 2.0Características gráficas de la web 2.0

Colores saturados y brillantesBordes redondeados

Formas redondeadas

Espacialidad horizontal Estructura modular

Iconografía con volúmen

Page 5: Diseño pymes 2.0

(a medida)

Diseño y Programación ÚnicosCosto elevado al principio

Los update requieren más tiempo

Es menos flexible a los cambios de programación y diseño

Sitios a medida

Page 6: Diseño pymes 2.0

Sitios a medida

Ejemplo: www.apsot.com

Diseño a medida para sitio institucional programación a medida en ASP.net

Page 7: Diseño pymes 2.0

CMSs - Administradores de Contenidos

(código abierto)

Es más flexible a los cambios

Requiere updates de versiones

Conlleva una menor cantidad de horas de diseño

Compatibles con redes

Al principio es más económico

El diseño se trabaja sobre la estructura de un template

Page 8: Diseño pymes 2.0

Ejemplo: Template de Wordpress – Integración de Flickr, Nubes de tags, Redes Facebook, Twitter

CMSs - Wordpress

Page 9: Diseño pymes 2.0

Ejemplo: Template de Wordpress

CMSs - Wordpress

Page 10: Diseño pymes 2.0

Ejemplo: Template de Wordpress de Id4you

CMSs - Wordpress

Page 11: Diseño pymes 2.0

Ejemplo: Urban Station

CMSs - Wordpress

Se puede esconder la estructura modular del template

Page 12: Diseño pymes 2.0

Ejemplo: Template de Joomla

CMSs - Joomla

Page 13: Diseño pymes 2.0

Ejemplo: Template de Joomla

CMSs - Joomla

Page 14: Diseño pymes 2.0

Ejemplo: Paw Accesorios

CMSs - Joomla

El cliente buscaba comunicar su tarjeta de beneficio.

Page 15: Diseño pymes 2.0

Ejemplo: Template de Joomla

CMSs - Drupal

Page 16: Diseño pymes 2.0

Ejemplo: Sitio realizado Drupal para MTV

CMSs - Drupal

Page 17: Diseño pymes 2.0

¿cómo funciona?¿qué opciones tengo?

¿qué necesito para implementarlo?

Page 18: Diseño pymes 2.0

E commerce online y Tiendas en Rede Sociales

1 Sistemas desarrollados a medida

Alojadas y desarrolladas en los servidores del cliente

Desarrollado sobre la solución que venga dada

Se administra desde un backoffice y de bases de datos

Se integra con medios de pago de cualquier tipo

Más tiempo e inversión iniciales

Page 19: Diseño pymes 2.0

E commerce online y Tiendas en Rede Sociales

1 Sistemas desarrollados a medidaEjemplo: www.ladrillosnorte.com.ar

Page 20: Diseño pymes 2.0

E commerce online y Tiendas en Rede Sociales

2 Sistemas desarrollados de código abierto

Alojadas y desarrolladas en los servidores del cliente

Permiten actualizar productos o servicios a diario

Se administra desde un backoffice y de bases de datos

Los medios de pago vienen establecidos en general

Menos costoso pero con más limitaciones de contenido

Algunos comisionan por cada transacción realizada

Page 21: Diseño pymes 2.0

E commerce online y Tiendas en Rede Sociales

2 Sistemas desarrollados a medidaEjemplo: Virtuemart: carrito para integrar a sitio Joomla

Page 22: Diseño pymes 2.0

E commerce online y Tiendas en Rede Sociales

2 Sistemas desarrollados a medidaEjemplo: Desarrollado en Joomla

Page 23: Diseño pymes 2.0

E commerce online y Tiendas en Rede Sociales

3 Sistemas desarrollados de código abierto y costo fijo mensual

Alojadas en el servidor del cliente para la tiendaweb

Se puede utilizar un diseño a medida o un template

Permite replicar la tienda sobre Facebook

Se administra a través de un backoffice

Comisiona por transacciones y tiene un costo mensual

Algunos comisionan por cada transacción realizada

Page 24: Diseño pymes 2.0

E commerce online y Tiendas en Rede Sociales

3 LinkedStoreDiseño a medida para tienda online.

Page 25: Diseño pymes 2.0

E commerce online y Tiendas en Rede Sociales

3 LinkedStoreTienda online sobre plataforma Facebook

Page 26: Diseño pymes 2.0

¿cómo interactuar con las redes?

¿qué puedo conseguir?

Page 27: Diseño pymes 2.0

Evolución de las marcas al mundo 2.0

Branding en Redes socialesPinturerías Rex suma su canal de Facebook y Twwitter para promocionar descuentos y beneficios especiales a través de las redes sociales.

Page 28: Diseño pymes 2.0

Evolución de las marcas al mundo 2.0

Branding en Redes socialesCanal de Facebook de Pinturerías Rex

Page 29: Diseño pymes 2.0

Evolución de las marcas al mundo 2.0

Branding en Redes socialesCanal de Twitter de Pinturerías Rex

Page 30: Diseño pymes 2.0

Evolución de las marcas al mundo 2.0

Branding en Redes socialesSedal 7 expertos - Aplicación dentro de sitio con FB Connect

Page 31: Diseño pymes 2.0

Evolución de las marcas al mundo 2.0

Branding en Redes socialesSedal 7 expertos – Fanpage en Facebook para comunicar eventos del día

Page 32: Diseño pymes 2.0

Evolución de las marcas al mundo 2.0

Branding en Redes socialesSedal 7 expertos – Canal de Twitter para seguir los eventos minuto a minuto

Page 33: Diseño pymes 2.0

¿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

= VIRALIDADProvocación a la respuesta.

Evolución de las marcas al mundo 2.0

Page 34: Diseño pymes 2.0

¿Cómo podemos difundir un producto o servicio?

• Campañas SEO Adsense y adwords

• Difusión a traves de Facebook ads

• Landing pages:

(Diseño y armado de una página de llegada de una promo. Puede estar aparte

del sitio institucional promoviendo un concurso, o descuento especial)

Evolución de las marcas al mundo 2.0

Page 35: Diseño pymes 2.0

Facebook - Fanpages y aplicaciones

Ejemplo de Fanpage de Facebook

Page 36: Diseño pymes 2.0

Twitter

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.

Page 37: Diseño pymes 2.0

Ejemplo de Twitter

Ejemplo de cómo utilizar el fondo de Twitter como herramienta de diseño y comunicación

Page 38: Diseño pymes 2.0

Ejemplo de Twitter

Ejemplo de cómo utilizar el fondo de Twitter como herramienta de diseño y comunicación

Page 39: Diseño pymes 2.0

Ejemplo de Twitter

Ejemplo de cómo utilizar el fondo de Twitter como herramienta de diseño y comunicación

Page 40: Diseño pymes 2.0

Ejemplo de Twitter

Ejemplo de cómo utilizar el fondo de Twitter como herramienta de diseño y comunicación

Page 41: Diseño pymes 2.0

Ejemplo de Twitter

Youtube – ejemplo de lookeo de canal personalizado para El Cavernícola

Page 42: Diseño pymes 2.0

Campañas de Banners

Banners y rich media banners 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.

Page 43: Diseño pymes 2.0

Ejemplos de banners Ejemplos de banners

www.id4you.com

@latanamonaco

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

[email protected]