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

FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdfFLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdfYuriFuentesMartinez2
 
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdfFernandaHernandez312615
 
libro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdflibro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdfFAUSTODANILOCRUZCAST
 
Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenadanielaerazok
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenajuniorcuellargomez
 
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptxPRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptxRodriguezLucero
 
Producto académico 03 - Habilidades Comunicativas.pptx
Producto académico 03 - Habilidades Comunicativas.pptxProducto académico 03 - Habilidades Comunicativas.pptx
Producto académico 03 - Habilidades Comunicativas.pptx46828205
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAdanielaerazok
 
Fisica General.pdf ESCUELA D QUIMICA E INGENIERIA
Fisica General.pdf ESCUELA D QUIMICA E INGENIERIAFisica General.pdf ESCUELA D QUIMICA E INGENIERIA
Fisica General.pdf ESCUELA D QUIMICA E INGENIERIAcoloncopias5
 
GRUPO 5 Software en el campo de la salud.pptx
GRUPO 5 Software en el campo de la salud.pptxGRUPO 5 Software en el campo de la salud.pptx
GRUPO 5 Software en el campo de la salud.pptxNicolas Villarroel
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webDecaunlz
 
GRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULD
GRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULDGRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULD
GRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULDLeslie Villar
 
El uso de las tic en la vida continúa , ambiente positivo y negativo.
El uso de las tic  en la vida continúa , ambiente positivo y negativo.El uso de las tic  en la vida continúa , ambiente positivo y negativo.
El uso de las tic en la vida continúa , ambiente positivo y negativo.ayalayenifer617
 
COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfOscarBlas6
 
Tema 1 - Fundamentos de gestión contable.pptx
Tema 1 - Fundamentos de gestión contable.pptxTema 1 - Fundamentos de gestión contable.pptx
Tema 1 - Fundamentos de gestión contable.pptxchinojosa17
 
CamposGarcia_MariaMagdalena_M1S3AI6.pptx
CamposGarcia_MariaMagdalena_M1S3AI6.pptxCamposGarcia_MariaMagdalena_M1S3AI6.pptx
CamposGarcia_MariaMagdalena_M1S3AI6.pptx241518192
 
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxrodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxssuser61dda7
 
3Mayo2023 Taller construcción de Prototipos.pptx
3Mayo2023 Taller construcción de Prototipos.pptx3Mayo2023 Taller construcción de Prototipos.pptx
3Mayo2023 Taller construcción de Prototipos.pptxadso2024sena
 
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsxactividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx241532171
 

Último (19)

FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdfFLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
 
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
 
libro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdflibro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdf
 
Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalena
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalena
 
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptxPRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
 
Producto académico 03 - Habilidades Comunicativas.pptx
Producto académico 03 - Habilidades Comunicativas.pptxProducto académico 03 - Habilidades Comunicativas.pptx
Producto académico 03 - Habilidades Comunicativas.pptx
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
 
Fisica General.pdf ESCUELA D QUIMICA E INGENIERIA
Fisica General.pdf ESCUELA D QUIMICA E INGENIERIAFisica General.pdf ESCUELA D QUIMICA E INGENIERIA
Fisica General.pdf ESCUELA D QUIMICA E INGENIERIA
 
GRUPO 5 Software en el campo de la salud.pptx
GRUPO 5 Software en el campo de la salud.pptxGRUPO 5 Software en el campo de la salud.pptx
GRUPO 5 Software en el campo de la salud.pptx
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la web
 
GRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULD
GRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULDGRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULD
GRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULD
 
El uso de las tic en la vida continúa , ambiente positivo y negativo.
El uso de las tic  en la vida continúa , ambiente positivo y negativo.El uso de las tic  en la vida continúa , ambiente positivo y negativo.
El uso de las tic en la vida continúa , ambiente positivo y negativo.
 
COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdf
 
Tema 1 - Fundamentos de gestión contable.pptx
Tema 1 - Fundamentos de gestión contable.pptxTema 1 - Fundamentos de gestión contable.pptx
Tema 1 - Fundamentos de gestión contable.pptx
 
CamposGarcia_MariaMagdalena_M1S3AI6.pptx
CamposGarcia_MariaMagdalena_M1S3AI6.pptxCamposGarcia_MariaMagdalena_M1S3AI6.pptx
CamposGarcia_MariaMagdalena_M1S3AI6.pptx
 
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxrodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
 
3Mayo2023 Taller construcción de Prototipos.pptx
3Mayo2023 Taller construcción de Prototipos.pptx3Mayo2023 Taller construcción de Prototipos.pptx
3Mayo2023 Taller construcción de Prototipos.pptx
 
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsxactividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
 

CACE Identidad y marketing online Vanesa Gambirazio