View
173
Download
0
Category
Preview:
Citation preview
Vanesa Gambirazio
Senior Web Designer
ID4YOU Partner | Creative and Art Director
@vaneidDiseño para
¿qué es?¿cómo reconocerla?
¿cómo le sirve a mi negocio?
Interfaces 2.0Características funcionales de la web 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
(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
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 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 medidaEjemplo: 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 medidaEjemplo: Virtuemart: carrito para integrar a sitio Joomla
E commerce online y Tiendas en Rede Sociales
2 Sistemas desarrollados a medidaEjemplo: 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 LinkedStoreDiseño a medida para tienda online.
E commerce online y Tiendas en Rede Sociales
3 LinkedStoreTienda 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 socialesPinturerí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 socialesCanal de Facebook de Pinturerías Rex
Evolución de las marcas al mundo 2.0
Branding en Redes socialesCanal de Twitter de Pinturerías Rex
Evolución de las marcas al mundo 2.0
Branding en Redes socialesSedal 7 expertos - Aplicación dentro de sitio con FB Connect
Evolución de las marcas al mundo 2.0
Branding en Redes socialesSedal 7 expertos – Fanpage en Facebook para comunicar eventos del día
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
¿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
¿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
Facebook - Fanpages y aplicaciones
Ejemplo de Fanpage de Facebook
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 Ejemplos de banners
www.id4you.com
@latanamonaco
¡¡Muchas Gracias!!www.slideshare.net/lulimonaco
lulimonaco@id4you.com
Recommended