Uploaded on

 

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
144
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
0
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1.
    • Dise ño para
    Vanesa Gambirazio Senior Web Designer ID4YOU Partner | Creative and Art Director @vaneid
  • 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 Colores saturados y brillantes Bordes redondeados Formas redondeadas Espacialidad horizontal Estructura modular Iconografía con volúmen
  • 5. (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 Sitios a medida
  • 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 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
  • 8. Ejemplo: Template de Wordpress – Integración de Flickr, Nubes de tags, Redes Facebook, Twitter CMSs - Wordpress
  • 9. Ejemplo: Template de Wordpress CMSs - Wordpress
  • 10. Ejemplo: Template de Wordpress de Id4you CMSs - Wordpress
  • 11. Ejemplo: Urban Station CMSs - Wordpress Se puede esconder la estructura modular del template
  • 12. Ejemplo: Template de Joomla CMSs - Joomla
  • 13. Ejemplo: Template de Joomla CMSs - Joomla
  • 14. Ejemplo: Paw Accesorios CMSs - Joomla El cliente buscaba comunicar su tarjeta de beneficio.
  • 15. Ejemplo: Sitio realizado Drupal para MTV CMSs - Drupal
  • 16. ¿cómo funciona? ¿qué opciones tengo? ¿qué necesito para implementarlo?
  • 17. 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
  • 18. E commerce online y Tiendas en Rede Sociales 1 Sistemas desarrollados a medida Ejemplo: www.ladrillosnorte.com.ar
  • 19. 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
  • 20. E commerce online y Tiendas en Rede Sociales 2 Sistemas desarrollados a medida Ejemplo: Virtuemart: carrito para integrar a sitio Joomla
  • 21. E commerce online y Tiendas en Rede Sociales 2 Sistemas desarrollados a medida Ejemplo: Desarrollado en Joomla
  • 22. 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
  • 23. E commerce online y Tiendas en Rede Sociales 3 LinkedStore Diseño a medida para tienda online .
  • 24. E commerce online y Tiendas en Rede Sociales 3 LinkedStore Tienda online sobre plataforma Facebook
  • 25. ¿cómo interactuar con las redes? ¿qué puedo conseguir?
  • 26. 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.
  • 27. Evolución de las marcas al mundo 2.0 Branding en Redes sociales Canal de Facebook de Pinturerías Rex
  • 28. Evolución de las marcas al mundo 2.0 Branding en Redes sociales Canal de Twitter de Pinturerías Rex
  • 29. Evolución de las marcas al mundo 2.0 Branding en Redes sociales Sedal 7 expertos - Aplicación dentro de sitio con FB Connect
  • 30. 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
  • 31. 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
  • 32. ¿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 = VIRALIDAD Provocación a la respuesta. Evolución de las marcas al mundo 2.0
  • 33.
    • ¿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
  • 34. Facebook - Fanpages y aplicaciones Ejemplo de Fanpage de Facebook
  • 35. 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.
  • 36. Ejemplo de Twitter Ejemplo de cómo utilizar el fondo de Twitter como herramienta de diseño y comunicación
  • 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 Youtube – ejemplo de lookeo de canal personalizado para El Cavernícola
  • 41. 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.
  • 42. Ejemplos de banners www.id4you.com @latanamonaco ¡¡Muchas Gracias!! www.slideshare.net/lulimonaco [email_address]