SlideShare una empresa de Scribd logo
1 de 52
Identidad de Marca y
Marketing Online
Vanesa Gambirazio
Estrategia
de marca e
Identidad
online
Colores saturados y degradados.
Formas redondeadas.
Iconografía con planos.
Tendencia y estilos gráficos online
Colores desaturados, plenos.
Formas rectas y simples.
Iconografía con volumen.
ANTES AHORA 2014 - 2015
Animación con flash e imágenes. Animaciones y estilos mediante código.
Marca – Aplicaciones y variantes de logo según formato
Un logo tiene que poder mantener su personalidad e identificación en
tamaños muy diferentes. Al igual que las webs, adaptan y modifican su
composición en función del ancho de las pantallas de los dispositivos.
Marca e Identidad – Sumar colores secundarios
Harrods » Primavera 2015 | Gráfica offline
Harrods » Primavera 2015 | Redes sociales
Plataformas y piezas propias
Sitio web
Blog
Plataformas externas en donde va a estar mi marca
Mailing, Newsletter, notas.
Redes Sociales
Banners, Facebook Ads, Google Adwords.
Canales y piezas en donde tengo que diseñar mi imagen
Juanita Jo | Imagen offline
Juanita Jo | Imagen Institucional
Juanita Jo | Estilos Gráficos estacionales
INVIERNO VERANO
Juanita Jo | Tienda online
Juanita Jo | Email Marketing
Juanita Jo | Redes Sociales imágenes de muro
La fotografía es
clave en la
construcción de
imagen
CLICK
La fotografía importa (y mucho)
La fotografía importa (y mucho)
La fotografía importa (y mucho)
La fotografía importa (y mucho)
La fotografía importa (y mucho)
Y para ecommerce también.
Estructuras
Multiplataformas
Una persona por día…
TENDENCIAS DEL MERCADO ONLINE « Argentina »
FUENTE: Estudio de Google sobre el consumo en Argentina « Consumer Barometer »
Todas las estadísticas me ayudan a saber desde qué dispositivos
son consumidos mis contenidos
Testeo desde diferentes dispositivos y plataformas
Dispositivos Navegadores
Web Responsive B+D Estructura de tienda y optimización para celulares
Web Responsive HOTSALE by CACE
Web Adaptive Foot Locker Una versión con estructura adaptada para
el celular.
Web Adaptive Buenas Vibras - Una versión con estructura adaptada
para el celular.
Cant. de visitantes
¿Qué podemos medir?
Desde qué dispositivos
Horarios
Nuevos visitantes
Visitantes que retornanTiempo de estadía
De Dónde vienen
(sitio, redes sociales)
Temas y aspectos de diseño a considerar
Tendencia y estilos en vigencia.
Logotipo y adaptaciones.
Paleta cromática amplia con primarios y secundarios.
Tramas, iconos y recursos gráficos estacionales (SALE)
Fotografías, producción propia y banco de imágenes.
Canales y piezas que hay que diseñar.
Estructuras de la página de la tienda.
Buenas prácticas
en diseño de
interfaces
Buenas prácticas – page optimization
URL friendly
Page Title
Image file name
Keywords
Body Text
Bold / Italic text
Buenas prácticas: niveles de lectura y legibilidad
Acceso poco visibleSolo puede comprarse desde desktop y no hay
aclaraciones al respecto
Parece más importante que el call to action
y no es clickeable
Espacios desperdiciados
Buenas prácticas: contenidos que no se corten en el alto de pantalla.
Sin hacer scroll no se ve el producto
Buenas prácticas: mapa de sitio y links
Inclusión de un
mapa de sitio
Sitelinks XML en Google
Necesitamos que el usuario no cierre la
ventana sino siga navegando el website.
Buenas prácticas: diseñar la página 404 y sin Stock
Oportunidad de mejora.
Principios Básicos de Usabilidad y buenas prácticas
Lista de espera para falta de stock
Necesitamos que el usuario no cierre la
ventana sino siga navegando el website.
Buenas prácticas: diseñar el time out
Buenas prácticas en ecommerce
Buenas prácticas en ecommerce
Descripciones del producto Amo Muito
Buenas prácticas en ecommerce
Detalle (zoom) en foto de producto Viamo
Buenas prácticas en ecommerce
Inclusión de tabla de talles UFO
Buenas prácticas en ecommerce
Módulo de artículos recomendados Net Shoes
Certificados de Seguridad en compra online Avenida
Buenas prácticas en ecommerce
Testimonios de compradores
Buenas prácticas en ecommerce
Mi marca en redes
Cómo se ve un vínculo compartido de mi sitio en las redes
Compartiendo la página interna de un destino:
Botones de compartir para ofertas o productos
Opción para compartir en redes
Área Segura
Imágenes para Facebook – portada y perfil
Facebook Diseñar las imágenes que acompañan los post
Diseño creativo de los posteos de las redes.
Caso: Vestido azul y negro - creatividad en posteos
VANESA GAMBIRAZIO
Muchas Gracias!!!
@vaneid
vanesa@id4you.com
www.id4you.com

Más contenido relacionado

Más de ID4you

Análisis de tendencias mobile 2013
Análisis de tendencias mobile 2013Análisis de tendencias mobile 2013
Análisis de tendencias mobile 2013ID4you
 
Tendencias de maquetacion
Tendencias de maquetacionTendencias de maquetacion
Tendencias de maquetacionID4you
 
Redes sociales mitos-y-verdades-3
Redes sociales mitos-y-verdades-3Redes sociales mitos-y-verdades-3
Redes sociales mitos-y-verdades-3ID4you
 
Reporte consolidado fundacion leer mnl2012
Reporte consolidado fundacion leer mnl2012Reporte consolidado fundacion leer mnl2012
Reporte consolidado fundacion leer mnl2012ID4you
 
Marcas: del amor al odio en un click
Marcas: del amor al odio en un clickMarcas: del amor al odio en un click
Marcas: del amor al odio en un clickID4you
 
Presentación ID4YOU 2012
Presentación ID4YOU 2012Presentación ID4YOU 2012
Presentación ID4YOU 2012ID4you
 
Diseño pymes 2 0
Diseño pymes 2 0Diseño pymes 2 0
Diseño pymes 2 0ID4you
 
Nuevos modelos de comunicacion y diseño 2 0 - universidad de belgrano
Nuevos modelos de comunicacion y diseño 2 0 - universidad de belgranoNuevos modelos de comunicacion y diseño 2 0 - universidad de belgrano
Nuevos modelos de comunicacion y diseño 2 0 - universidad de belgranoID4you
 
Diseño sitios 2 0- Charla UP 05-2010
Diseño sitios 2 0- Charla UP 05-2010Diseño sitios 2 0- Charla UP 05-2010
Diseño sitios 2 0- Charla UP 05-2010ID4you
 

Más de ID4you (9)

Análisis de tendencias mobile 2013
Análisis de tendencias mobile 2013Análisis de tendencias mobile 2013
Análisis de tendencias mobile 2013
 
Tendencias de maquetacion
Tendencias de maquetacionTendencias de maquetacion
Tendencias de maquetacion
 
Redes sociales mitos-y-verdades-3
Redes sociales mitos-y-verdades-3Redes sociales mitos-y-verdades-3
Redes sociales mitos-y-verdades-3
 
Reporte consolidado fundacion leer mnl2012
Reporte consolidado fundacion leer mnl2012Reporte consolidado fundacion leer mnl2012
Reporte consolidado fundacion leer mnl2012
 
Marcas: del amor al odio en un click
Marcas: del amor al odio en un clickMarcas: del amor al odio en un click
Marcas: del amor al odio en un click
 
Presentación ID4YOU 2012
Presentación ID4YOU 2012Presentación ID4YOU 2012
Presentación ID4YOU 2012
 
Diseño pymes 2 0
Diseño pymes 2 0Diseño pymes 2 0
Diseño pymes 2 0
 
Nuevos modelos de comunicacion y diseño 2 0 - universidad de belgrano
Nuevos modelos de comunicacion y diseño 2 0 - universidad de belgranoNuevos modelos de comunicacion y diseño 2 0 - universidad de belgrano
Nuevos modelos de comunicacion y diseño 2 0 - universidad de belgrano
 
Diseño sitios 2 0- Charla UP 05-2010
Diseño sitios 2 0- Charla UP 05-2010Diseño sitios 2 0- Charla UP 05-2010
Diseño sitios 2 0- Charla UP 05-2010
 

Último

Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdflauradbernals
 
TIPOS DE LA PSICOPATOLOGÍA DE LA PERCEPCIÓN.pdf
TIPOS DE LA PSICOPATOLOGÍA DE LA PERCEPCIÓN.pdfTIPOS DE LA PSICOPATOLOGÍA DE LA PERCEPCIÓN.pdf
TIPOS DE LA PSICOPATOLOGÍA DE LA PERCEPCIÓN.pdfLUZMARIAAYALALOPEZ
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdfedwinmelgarschlink2
 
PPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjj
PPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjjPPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjj
PPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjjNachisRamos
 
Unidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disolucionesUnidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disolucioneschorantina325
 
Las redes sociales en el mercado digital
Las redes sociales en el mercado digitalLas redes sociales en el mercado digital
Las redes sociales en el mercado digitalNayaniJulietaRamosRa
 
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señorkkte210207
 

Último (7)

Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdf
 
TIPOS DE LA PSICOPATOLOGÍA DE LA PERCEPCIÓN.pdf
TIPOS DE LA PSICOPATOLOGÍA DE LA PERCEPCIÓN.pdfTIPOS DE LA PSICOPATOLOGÍA DE LA PERCEPCIÓN.pdf
TIPOS DE LA PSICOPATOLOGÍA DE LA PERCEPCIÓN.pdf
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf
 
PPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjj
PPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjjPPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjj
PPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjj
 
Unidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disolucionesUnidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disoluciones
 
Las redes sociales en el mercado digital
Las redes sociales en el mercado digitalLas redes sociales en el mercado digital
Las redes sociales en el mercado digital
 
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
 

CACE Identidad y marketing online Vanesa Gambirazio