Diseño pymes 2.0
-
Upload
lucianamonaco -
Category
Technology
-
view
336 -
download
0
Transcript of Diseño pymes 2.0
![Page 1: Diseño pymes 2.0](https://reader034.fdocuments.ec/reader034/viewer/2022052623/559d6d261a28abdd2b8b4625/html5/thumbnails/1.jpg)
Vanesa Gambirazio
Senior Web Designer
ID4YOU Partner | Creative and Art Director
@vaneidDiseño para
![Page 2: Diseño pymes 2.0](https://reader034.fdocuments.ec/reader034/viewer/2022052623/559d6d261a28abdd2b8b4625/html5/thumbnails/2.jpg)
¿qué es?¿cómo reconocerla?
¿cómo le sirve a mi negocio?
![Page 3: Diseño pymes 2.0](https://reader034.fdocuments.ec/reader034/viewer/2022052623/559d6d261a28abdd2b8b4625/html5/thumbnails/3.jpg)
Interfaces 2.0Características funcionales de la web 2.0
![Page 4: Diseño pymes 2.0](https://reader034.fdocuments.ec/reader034/viewer/2022052623/559d6d261a28abdd2b8b4625/html5/thumbnails/4.jpg)
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](https://reader034.fdocuments.ec/reader034/viewer/2022052623/559d6d261a28abdd2b8b4625/html5/thumbnails/5.jpg)
(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](https://reader034.fdocuments.ec/reader034/viewer/2022052623/559d6d261a28abdd2b8b4625/html5/thumbnails/6.jpg)
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](https://reader034.fdocuments.ec/reader034/viewer/2022052623/559d6d261a28abdd2b8b4625/html5/thumbnails/7.jpg)
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](https://reader034.fdocuments.ec/reader034/viewer/2022052623/559d6d261a28abdd2b8b4625/html5/thumbnails/8.jpg)
Ejemplo: Template de Wordpress – Integración de Flickr, Nubes de tags, Redes Facebook, Twitter
CMSs - Wordpress
![Page 10: Diseño pymes 2.0](https://reader034.fdocuments.ec/reader034/viewer/2022052623/559d6d261a28abdd2b8b4625/html5/thumbnails/10.jpg)
Ejemplo: Template de Wordpress de Id4you
CMSs - Wordpress
![Page 11: Diseño pymes 2.0](https://reader034.fdocuments.ec/reader034/viewer/2022052623/559d6d261a28abdd2b8b4625/html5/thumbnails/11.jpg)
Ejemplo: Urban Station
CMSs - Wordpress
Se puede esconder la estructura modular del template
![Page 12: Diseño pymes 2.0](https://reader034.fdocuments.ec/reader034/viewer/2022052623/559d6d261a28abdd2b8b4625/html5/thumbnails/12.jpg)
Ejemplo: Template de Joomla
CMSs - Joomla
![Page 13: Diseño pymes 2.0](https://reader034.fdocuments.ec/reader034/viewer/2022052623/559d6d261a28abdd2b8b4625/html5/thumbnails/13.jpg)
Ejemplo: Template de Joomla
CMSs - Joomla
![Page 14: Diseño pymes 2.0](https://reader034.fdocuments.ec/reader034/viewer/2022052623/559d6d261a28abdd2b8b4625/html5/thumbnails/14.jpg)
Ejemplo: Paw Accesorios
CMSs - Joomla
El cliente buscaba comunicar su tarjeta de beneficio.
![Page 15: Diseño pymes 2.0](https://reader034.fdocuments.ec/reader034/viewer/2022052623/559d6d261a28abdd2b8b4625/html5/thumbnails/15.jpg)
Ejemplo: Template de Joomla
CMSs - Drupal
![Page 16: Diseño pymes 2.0](https://reader034.fdocuments.ec/reader034/viewer/2022052623/559d6d261a28abdd2b8b4625/html5/thumbnails/16.jpg)
Ejemplo: Sitio realizado Drupal para MTV
CMSs - Drupal
![Page 17: Diseño pymes 2.0](https://reader034.fdocuments.ec/reader034/viewer/2022052623/559d6d261a28abdd2b8b4625/html5/thumbnails/17.jpg)
¿cómo funciona?¿qué opciones tengo?
¿qué necesito para implementarlo?
![Page 18: Diseño pymes 2.0](https://reader034.fdocuments.ec/reader034/viewer/2022052623/559d6d261a28abdd2b8b4625/html5/thumbnails/18.jpg)
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](https://reader034.fdocuments.ec/reader034/viewer/2022052623/559d6d261a28abdd2b8b4625/html5/thumbnails/19.jpg)
E commerce online y Tiendas en Rede Sociales
1 Sistemas desarrollados a medidaEjemplo: www.ladrillosnorte.com.ar
![Page 20: Diseño pymes 2.0](https://reader034.fdocuments.ec/reader034/viewer/2022052623/559d6d261a28abdd2b8b4625/html5/thumbnails/20.jpg)
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](https://reader034.fdocuments.ec/reader034/viewer/2022052623/559d6d261a28abdd2b8b4625/html5/thumbnails/21.jpg)
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](https://reader034.fdocuments.ec/reader034/viewer/2022052623/559d6d261a28abdd2b8b4625/html5/thumbnails/22.jpg)
E commerce online y Tiendas en Rede Sociales
2 Sistemas desarrollados a medidaEjemplo: Desarrollado en Joomla
![Page 23: Diseño pymes 2.0](https://reader034.fdocuments.ec/reader034/viewer/2022052623/559d6d261a28abdd2b8b4625/html5/thumbnails/23.jpg)
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](https://reader034.fdocuments.ec/reader034/viewer/2022052623/559d6d261a28abdd2b8b4625/html5/thumbnails/24.jpg)
E commerce online y Tiendas en Rede Sociales
3 LinkedStoreDiseño a medida para tienda online.
![Page 25: Diseño pymes 2.0](https://reader034.fdocuments.ec/reader034/viewer/2022052623/559d6d261a28abdd2b8b4625/html5/thumbnails/25.jpg)
E commerce online y Tiendas en Rede Sociales
3 LinkedStoreTienda online sobre plataforma Facebook
![Page 26: Diseño pymes 2.0](https://reader034.fdocuments.ec/reader034/viewer/2022052623/559d6d261a28abdd2b8b4625/html5/thumbnails/26.jpg)
¿cómo interactuar con las redes?
¿qué puedo conseguir?
![Page 27: Diseño pymes 2.0](https://reader034.fdocuments.ec/reader034/viewer/2022052623/559d6d261a28abdd2b8b4625/html5/thumbnails/27.jpg)
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](https://reader034.fdocuments.ec/reader034/viewer/2022052623/559d6d261a28abdd2b8b4625/html5/thumbnails/28.jpg)
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](https://reader034.fdocuments.ec/reader034/viewer/2022052623/559d6d261a28abdd2b8b4625/html5/thumbnails/29.jpg)
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](https://reader034.fdocuments.ec/reader034/viewer/2022052623/559d6d261a28abdd2b8b4625/html5/thumbnails/30.jpg)
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](https://reader034.fdocuments.ec/reader034/viewer/2022052623/559d6d261a28abdd2b8b4625/html5/thumbnails/31.jpg)
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](https://reader034.fdocuments.ec/reader034/viewer/2022052623/559d6d261a28abdd2b8b4625/html5/thumbnails/32.jpg)
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](https://reader034.fdocuments.ec/reader034/viewer/2022052623/559d6d261a28abdd2b8b4625/html5/thumbnails/33.jpg)
¿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](https://reader034.fdocuments.ec/reader034/viewer/2022052623/559d6d261a28abdd2b8b4625/html5/thumbnails/34.jpg)
¿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](https://reader034.fdocuments.ec/reader034/viewer/2022052623/559d6d261a28abdd2b8b4625/html5/thumbnails/35.jpg)
Facebook - Fanpages y aplicaciones
Ejemplo de Fanpage de Facebook
![Page 36: Diseño pymes 2.0](https://reader034.fdocuments.ec/reader034/viewer/2022052623/559d6d261a28abdd2b8b4625/html5/thumbnails/36.jpg)
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](https://reader034.fdocuments.ec/reader034/viewer/2022052623/559d6d261a28abdd2b8b4625/html5/thumbnails/37.jpg)
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](https://reader034.fdocuments.ec/reader034/viewer/2022052623/559d6d261a28abdd2b8b4625/html5/thumbnails/38.jpg)
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](https://reader034.fdocuments.ec/reader034/viewer/2022052623/559d6d261a28abdd2b8b4625/html5/thumbnails/39.jpg)
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](https://reader034.fdocuments.ec/reader034/viewer/2022052623/559d6d261a28abdd2b8b4625/html5/thumbnails/40.jpg)
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](https://reader034.fdocuments.ec/reader034/viewer/2022052623/559d6d261a28abdd2b8b4625/html5/thumbnails/41.jpg)
Ejemplo de Twitter
Youtube – ejemplo de lookeo de canal personalizado para El Cavernícola
![Page 42: Diseño pymes 2.0](https://reader034.fdocuments.ec/reader034/viewer/2022052623/559d6d261a28abdd2b8b4625/html5/thumbnails/42.jpg)
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](https://reader034.fdocuments.ec/reader034/viewer/2022052623/559d6d261a28abdd2b8b4625/html5/thumbnails/43.jpg)
Ejemplos de banners Ejemplos de banners
www.id4you.com
@latanamonaco
¡¡Muchas Gracias!!www.slideshare.net/lulimonaco