SlideShare une entreprise Scribd logo
1  sur  42
[object Object],Vanesa Gambirazio Senior Web Designer ID4YOU  Partner | Creative and Art Director  @vaneid
¿qué es? ¿cómo reconocerla? ¿cómo le sirve a mi negocio?
Interfaces 2.0 Características funcionales de la web 2.0
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
(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
Sitios a medida Ejemplo:  www.apsot.com Diseño a medida para sitio institucional programación a medida en ASP.net
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
Ejemplo: Template de Wordpress –  Integración de Flickr, Nubes de tags, Redes  Facebook, Twitter CMSs - Wordpress
Ejemplo: Template de Wordpress CMSs - Wordpress
Ejemplo: Template de Wordpress de Id4you CMSs - Wordpress
Ejemplo: Urban Station CMSs - Wordpress Se puede esconder la estructura modular del template
Ejemplo: Template de Joomla CMSs - Joomla
Ejemplo: Template de Joomla CMSs - Joomla
Ejemplo: Paw Accesorios CMSs - Joomla El cliente buscaba comunicar su tarjeta de beneficio.
Ejemplo: Sitio realizado Drupal para MTV CMSs - Drupal
¿cómo funciona? ¿qué opciones tengo? ¿qué necesito para implementarlo?
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
E commerce  online y Tiendas en Rede Sociales 1 Sistemas desarrollados a medida Ejemplo:  www.ladrillosnorte.com.ar
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
E commerce  online y Tiendas en Rede Sociales 2 Sistemas desarrollados a medida Ejemplo: Virtuemart: carrito para integrar a sitio Joomla
E commerce  online y Tiendas en Rede Sociales 2 Sistemas desarrollados a medida Ejemplo: Desarrollado en Joomla
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
E commerce  online y Tiendas en Rede Sociales 3 LinkedStore Diseño a medida para  tienda online .
E commerce  online y Tiendas en Rede Sociales 3 LinkedStore Tienda online sobre plataforma  Facebook
¿cómo interactuar con las redes? ¿qué puedo conseguir?
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.
Evolución de las marcas al mundo 2.0 Branding en Redes sociales Canal de Facebook de Pinturerías Rex
Evolución de las marcas al mundo 2.0 Branding en Redes sociales Canal de Twitter de Pinturerías Rex
Evolución de las marcas al mundo 2.0 Branding en Redes sociales Sedal 7 expertos - Aplicación dentro de sitio con FB Connect
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
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
¿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
[object Object],[object Object],[object Object],[object Object],[object Object],Evolución de las marcas al mundo 2.0
Facebook - Fanpages y aplicaciones Ejemplo de Fanpage de Facebook
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.
Ejemplo de Twitter Ejemplo de cómo utilizar el fondo de Twitter como herramienta de diseño y comunicación
Ejemplo de Twitter Ejemplo de cómo utilizar el fondo de Twitter como herramienta de diseño y comunicación
Ejemplo de Twitter Ejemplo de cómo utilizar el fondo de Twitter como herramienta de diseño y comunicación
Ejemplo de Twitter Ejemplo de cómo utilizar el fondo de Twitter como herramienta de diseño y comunicación
Ejemplo de Twitter Youtube  – ejemplo de lookeo de canal personalizado para El Cavernícola
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.
Ejemplos de banners  www.id4you.com @latanamonaco ¡¡Muchas Gracias!! www.slideshare.net/lulimonaco [email_address]

Contenu connexe

Similaire à Diseño pymes 2.0

Diseño: ideas creativas que ayudan a vender
Diseño: ideas creativas que ayudan a venderDiseño: ideas creativas que ayudan a vender
Diseño: ideas creativas que ayudan a venderPymes 2.0
 
Diseño: ideas creativas que ayudan a vender
Diseño: ideas creativas que ayudan a venderDiseño: ideas creativas que ayudan a vender
Diseño: ideas creativas que ayudan a venderPymes 2.0
 
Nextant web site_040111(final)
Nextant web site_040111(final)Nextant web site_040111(final)
Nextant web site_040111(final)Nextant
 
Diseño pymes 2 0
Diseño pymes 2 0Diseño pymes 2 0
Diseño pymes 2 0ID4you
 
Importancia de los Negocios Electronicos - Cursostech
Importancia de los Negocios Electronicos  - CursostechImportancia de los Negocios Electronicos  - Cursostech
Importancia de los Negocios Electronicos - CursostechPedro Pachas Suárez
 
Presentacion Sesion1 Pablo De Castro Uc Transcom 0809 V2003
Presentacion Sesion1 Pablo De Castro Uc Transcom 0809 V2003Presentacion Sesion1 Pablo De Castro Uc Transcom 0809 V2003
Presentacion Sesion1 Pablo De Castro Uc Transcom 0809 V2003Pablo De Castro
 
Community Manager - Funciones y buenas prácticas
Community Manager - Funciones y buenas prácticasCommunity Manager - Funciones y buenas prácticas
Community Manager - Funciones y buenas prácticasAngel Armas Valdivia
 
Conferencia Comercio Electronico - Implementación de tiendas virtuales
Conferencia Comercio Electronico - Implementación de tiendas virtualesConferencia Comercio Electronico - Implementación de tiendas virtuales
Conferencia Comercio Electronico - Implementación de tiendas virtualesPedro Pachas Suárez
 
Presentacion Sesion1 Pablo De Castro Ceu Mpa V2003
Presentacion Sesion1 Pablo De Castro Ceu Mpa V2003Presentacion Sesion1 Pablo De Castro Ceu Mpa V2003
Presentacion Sesion1 Pablo De Castro Ceu Mpa V2003Pablo De Castro
 
Creación de tiendas woo commerce y páginas web - Ender, Factoría de Software
Creación de tiendas woo commerce y páginas web - Ender, Factoría de SoftwareCreación de tiendas woo commerce y páginas web - Ender, Factoría de Software
Creación de tiendas woo commerce y páginas web - Ender, Factoría de SoftwareJonathan Estrella
 
Comunicación Interactiva. Actividad 12 Proyecto web. Fernando Pérez.
Comunicación Interactiva. Actividad 12 Proyecto web. Fernando Pérez.Comunicación Interactiva. Actividad 12 Proyecto web. Fernando Pérez.
Comunicación Interactiva. Actividad 12 Proyecto web. Fernando Pérez.Fernando Perez
 
Caso de estudio 6: Nuevas tendencias en los negocios electrónicos. Marketing 2.0
Caso de estudio 6: Nuevas tendencias en los negocios electrónicos. Marketing 2.0Caso de estudio 6: Nuevas tendencias en los negocios electrónicos. Marketing 2.0
Caso de estudio 6: Nuevas tendencias en los negocios electrónicos. Marketing 2.0Angela Rivas
 
Taller Facebook #SMUHU parte 2
Taller Facebook #SMUHU parte 2Taller Facebook #SMUHU parte 2
Taller Facebook #SMUHU parte 2Manuel de la Villa
 
Del papel a la pantalla
Del papel a la pantallaDel papel a la pantalla
Del papel a la pantallaPaulo Saavedra
 
DBAccess Ingenieria De Software En La Web 2.0
DBAccess Ingenieria De Software En La Web 2.0DBAccess Ingenieria De Software En La Web 2.0
DBAccess Ingenieria De Software En La Web 2.0La Red DBAccess
 
WordPress y Medios: diseñando la editorialización
WordPress y Medios: diseñando la editorializaciónWordPress y Medios: diseñando la editorialización
WordPress y Medios: diseñando la editorializaciónAbel Sutilo
 
Como beneficiar a tu empresa con las Redes Sociales
Como beneficiar a tu empresa con las Redes SocialesComo beneficiar a tu empresa con las Redes Sociales
Como beneficiar a tu empresa con las Redes SocialesAntoni Febrer Barber
 

Similaire à Diseño pymes 2.0 (20)

Diseño: ideas creativas que ayudan a vender
Diseño: ideas creativas que ayudan a venderDiseño: ideas creativas que ayudan a vender
Diseño: ideas creativas que ayudan a vender
 
Diseño: ideas creativas que ayudan a vender
Diseño: ideas creativas que ayudan a venderDiseño: ideas creativas que ayudan a vender
Diseño: ideas creativas que ayudan a vender
 
Nextant web site_040111(final)
Nextant web site_040111(final)Nextant web site_040111(final)
Nextant web site_040111(final)
 
Diseño pymes 2 0
Diseño pymes 2 0Diseño pymes 2 0
Diseño pymes 2 0
 
Importancia de los Negocios Electronicos - Cursostech
Importancia de los Negocios Electronicos  - CursostechImportancia de los Negocios Electronicos  - Cursostech
Importancia de los Negocios Electronicos - Cursostech
 
Presentacion Sesion1 Pablo De Castro Uc Transcom 0809 V2003
Presentacion Sesion1 Pablo De Castro Uc Transcom 0809 V2003Presentacion Sesion1 Pablo De Castro Uc Transcom 0809 V2003
Presentacion Sesion1 Pablo De Castro Uc Transcom 0809 V2003
 
Community Manager - Funciones y buenas prácticas
Community Manager - Funciones y buenas prácticasCommunity Manager - Funciones y buenas prácticas
Community Manager - Funciones y buenas prácticas
 
Conferencia Comercio Electronico - Implementación de tiendas virtuales
Conferencia Comercio Electronico - Implementación de tiendas virtualesConferencia Comercio Electronico - Implementación de tiendas virtuales
Conferencia Comercio Electronico - Implementación de tiendas virtuales
 
Presentacion Sesion1 Pablo De Castro Ceu Mpa V2003
Presentacion Sesion1 Pablo De Castro Ceu Mpa V2003Presentacion Sesion1 Pablo De Castro Ceu Mpa V2003
Presentacion Sesion1 Pablo De Castro Ceu Mpa V2003
 
Creación de tiendas woo commerce y páginas web - Ender, Factoría de Software
Creación de tiendas woo commerce y páginas web - Ender, Factoría de SoftwareCreación de tiendas woo commerce y páginas web - Ender, Factoría de Software
Creación de tiendas woo commerce y páginas web - Ender, Factoría de Software
 
Ecommerce y marketing digital
Ecommerce y marketing digitalEcommerce y marketing digital
Ecommerce y marketing digital
 
Presentación connexis 2014
Presentación connexis 2014Presentación connexis 2014
Presentación connexis 2014
 
Comunicación Interactiva. Actividad 12 Proyecto web. Fernando Pérez.
Comunicación Interactiva. Actividad 12 Proyecto web. Fernando Pérez.Comunicación Interactiva. Actividad 12 Proyecto web. Fernando Pérez.
Comunicación Interactiva. Actividad 12 Proyecto web. Fernando Pérez.
 
Caso de estudio 6: Nuevas tendencias en los negocios electrónicos. Marketing 2.0
Caso de estudio 6: Nuevas tendencias en los negocios electrónicos. Marketing 2.0Caso de estudio 6: Nuevas tendencias en los negocios electrónicos. Marketing 2.0
Caso de estudio 6: Nuevas tendencias en los negocios electrónicos. Marketing 2.0
 
Taller Facebook #SMUHU parte 2
Taller Facebook #SMUHU parte 2Taller Facebook #SMUHU parte 2
Taller Facebook #SMUHU parte 2
 
Del papel a la pantalla
Del papel a la pantallaDel papel a la pantalla
Del papel a la pantalla
 
DBAccess Ingenieria De Software En La Web 2.0
DBAccess Ingenieria De Software En La Web 2.0DBAccess Ingenieria De Software En La Web 2.0
DBAccess Ingenieria De Software En La Web 2.0
 
WordPress y Medios: diseñando la editorialización
WordPress y Medios: diseñando la editorializaciónWordPress y Medios: diseñando la editorialización
WordPress y Medios: diseñando la editorialización
 
Como beneficiar a tu empresa con las Redes Sociales
Como beneficiar a tu empresa con las Redes SocialesComo beneficiar a tu empresa con las Redes Sociales
Como beneficiar a tu empresa con las Redes Sociales
 
Guía Community Manager
Guía Community ManagerGuía Community Manager
Guía Community Manager
 

Diseño pymes 2.0

  • 1.
  • 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.
  • 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]