3. 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.
4. 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.
8. 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
23. TENDENCIAS DEL MERCADO ONLINE « Argentina »
FUENTE: Estudio de Google sobre el consumo en Argentina « Consumer Barometer »
24. Todas las estadísticas me ayudan a saber desde qué dispositivos
son consumidos mis contenidos
Testeo desde diferentes dispositivos y plataformas
Dispositivos Navegadores
27. Web Adaptive Foot Locker Una versión con estructura adaptada para
el celular.
28. Web Adaptive Buenas Vibras - Una versión con estructura adaptada
para el celular.
29. 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)
30. 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.
32. Buenas prácticas – page optimization
URL friendly
Page Title
Image file name
Keywords
Body Text
Bold / Italic text
33. 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
35. Buenas prácticas: mapa de sitio y links
Inclusión de un
mapa de sitio
Sitelinks XML en Google
36. 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.
37. Principios Básicos de Usabilidad y buenas prácticas
Lista de espera para falta de stock
38. Necesitamos que el usuario no cierre la
ventana sino siga navegando el website.
Buenas prácticas: diseñar el time out