"Mejorando mi sitio web" Diseño: ideas creativas que ayudan a vender Presentación de Luciana Mónaco

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

2. ¿qué es?
¿cómo reconocerla?
¿cómo le sirve a mi negocio?

3. Interfaces 2.0
Características funcionales de la web 2.0

4. Interfaces 2.0
Características gráficas de la web 2.0
Bordes redondeados
Colores saturados y brillantes
Formas redondeadas
Iconografía con volúmen
Estructura modular Espacialidad horizontal

5. Sitios a medida
(a medida)
Diseño y Programación Únicos
Costo elevado al principio
Los update requieren más tiempo
Es menos flexible a los cambios de programación y diseño

6. Sitios a medida
Ejemplo: www.apsot.com
Diseño a medida para sitio institucional programación a medida en ASP.net

7. CMSs - Administradores de Contenidos
(código abierto)
Es más flexible a los cambios
Al principio es más económico
Requiere updates de versiones
Compatibles con redes
El diseño se trabaja sobre la estructura de un template
Conlleva una menor cantidad de horas de diseño

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

9. CMSs - Wordpress
Ejemplo: Template de Wordpress

10. CMSs - Wordpress
Ejemplo: Template de Wordpress de Id4you

11. CMSs - Wordpress
Ejemplo: Urban Station
Se puede esconder la estructura modular del template

12. CMSs - Joomla
Ejemplo: Template de Joomla

13. CMSs - Joomla
Ejemplo: Template de Joomla

14. CMSs - Joomla
Ejemplo: Paw Accesorios
El cliente buscaba comunicar su tarjeta de beneficio.

15. CMSs - Drupal
Ejemplo: Template de Joomla

16. CMSs - Drupal
Ejemplo: Sitio realizado Drupal para MTV

17. ¿cómo funciona?
¿qué opciones tengo?
¿qué necesito para implementarlo?

18. E commerce online y Tiendas en Rede Sociales
1 Sistemas desarrollados a medida
Desarrollado sobre la solución que venga dada
Alojadas y desarrolladas en los servidores del cliente
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

19. E commerce online y Tiendas en Rede Sociales
1 Sistemas desarrollados a medida
Ejemplo: www.ladrillosnorte.com.ar

20. E commerce online y Tiendas en Rede Sociales
2 Sistemas desarrollados de código abierto
Permiten actualizar productos o servicios a diario
Alojadas y desarrolladas en los servidores del cliente
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

21. E commerce online y Tiendas en Rede Sociales
2 Sistemas desarrollados a medida
Ejemplo: Virtuemart: carrito para integrar a sitio Joomla

22. E commerce online y Tiendas en Rede Sociales
2 Sistemas desarrollados a medida
Ejemplo: Desarrollado en Joomla

23. E commerce online y Tiendas en Rede Sociales
3 Sistemas desarrollados de código abierto y costo fijo mensual
Se puede utilizar un diseño a medida o un template
Alojadas en el servidor del cliente para la tiendaweb
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

24. E commerce online y Tiendas en Rede Sociales
3 LinkedStore
Diseño a medida para tienda online.

25. E commerce online y Tiendas en Rede Sociales
3 LinkedStore
Tienda online sobre plataforma Facebook

26. ¿cómo interactuar con las redes?
¿qué puedo conseguir?

27. Evolución de las marcas al mundo 2.0
Branding en Redes sociales
Pinturerías Rex suma su canal de Facebook y Twwitter para promocionar
descuentos y beneficios especiales a través de las redes sociales.

28. Evolución de las marcas al mundo 2.0
Branding en Redes sociales
Canal de Facebook de Pinturerías Rex

29. Evolución de las marcas al mundo 2.0
Branding en Redes sociales
Canal de Twitter de Pinturerías Rex

30. Evolución de las marcas al mundo 2.0
Branding en Redes sociales
Sedal 7 expertos ‐ Aplicación dentro de sitio con FB Connect

31. Evolución de las marcas al mundo 2.0
Branding en Redes sociales
Sedal 7 expertos – Fanpage en Facebook para comunicar eventos del día

32. Evolución de las marcas al mundo 2.0
Branding en Redes sociales
Sedal 7 expertos – Canal de Twitter para seguir los eventos minuto a minuto

33. Evolución de las marcas al mundo 2.0
¿Cual es la clave para que funcione una
campaña con redes sociales?
*) Idea creativa
*) estrategia y difusión = VIRALIDAD
Provocación a la respuesta.
*) ESPACIO PARA LA CREATIVIDAD DEL
USUARIO

34. Evolución de las marcas al mundo 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)

35. Facebook - Fanpages y aplicaciones
Ejemplo de Fanpage de Facebook

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

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

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

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

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

41. Ejemplo de Twitter
Youtube – ejemplo de lookeo de canal personalizado para El
Cavernícola

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

43. Ejemplos de banners
¡¡Muchas Gracias!!
www.slideshare.net/lulimonaco
lulimonaco@id4you.com
www.id4you.com
@latanamonaco