A continuación, se presentaun análisis del sitio web eustyle.es

Índice:a. SEOb. UX Best Practicesc. UX Ideas

a. SEO:Recomendaciones en materiade codificación y posicionamiento.

a. SEO

.W3C

W3C es un estándar web para el desarrollo de sitios, lo recomendable es cumplir con estos estándares para obtener un corrector funcionamiento y posicionamiento.Hoy se han detectado alrededor de 40 errores, deberíamos corregirlos.

.METADESCRITPION

Una descripción optima debería contener entre 70 y 160 caracteres, esta nos permite describir el sitio en los resultados de búsqueda.

Actual: “Eustyle, Eugenia Silva, La primera tienda on-line de un estilo propio”Propuesta: “Eustyle x Eugenia Silva, La primera tienda on-line de un estilo propio. Podrás encontrar productos seleccionados de las mejores marcas que define nuestro estilo”.

.METAKEYWORDS

Nos sirven para hacer referencia al contenido del sitio, son de utilidad para el cambio de enlaces relevantes. Las meta-keywords son palabras o frases que deben estar en cada sección del sitio.

a. SEO

.JERARQUIA DE HTML

Se debe realizar una restructuración del sitio en cuanto a la jerarquía de los textos. Hoy por hoy están todos al mismo nivel y esto perjudica al posicionamiento.

Así como en el diseño el sitio contiene títulos y bajadas, como también frases, esto se tiene que ver reflejado en el código utilizando los tags html para cada caso.

En cada una de las secciones del sitio debería haber un <h1> (título) y <h2> (bajada).

.TEXTOS / CODIGOS

En lo que respecta al posicionamiento SEO se recomienda que el sitio tenga un mayor % de texto en el sitio sobre el código de programación. En este caso al ser un sitio e-commerce es un gran desafio, pero de igual manera deberíamos trabajar en esto y contemplar agregar textos al sitio.

Al tener un porcentaje tan bajo los buscadores penalizan el sitio.

a. SEO

.IMAGENES (ALT)

Los robots que se encargan de la calificación de sitios para su posicionamiento obviamente no pueden ver las imágenes y para eso se utiliza un código html “ALT” en el tag <image> lo que permite que sea legible para estos robots.

Por esto deberíamos asegurarnos que todas las imágenes tengan el código html “ALT” completo y que además sean referenciales.

Ej: HOME: Video. (ALT dice “video”)HOME: TOP VENTAS. (No tiene ALT)

.FRAMES

Es una herramienta que se utiliza en el desarrollo de sitios, pero no es recomendable ya que los buscadores tienen dificultad para leer el contenidos de los mismos. Esto perjudica al posicionamiento.

Deberíamos eliminar el iframe.

a. SEO

.TITLE

Google recomienda que el Title no tenga más de 70 caracteres ya que ahí realiza un corto y en los resultados puede aparecer mal.

Actual:” Eugenia Silva, la primera tienda on-line de un estilo propio - EUSTYLE”.

Recomendado: “EUSTYLE, Eugenia Silva, La primera tienda on-line de un estilo propio”

.WEBMASTERTOOL

Google tiene una herramienta que permite cargar el sitio para optimizarlo según sus recomendaciones.

b. UX / UI Best PracticesRecomendaciones en materiade usabilidad y experienciadel usuario.

b.1. Guidelines

No se refleja una identidad propia de marca.Si bien esto es posible por la utilización de unpre-armado, creemos clave lograr mostrarel concepto de Estilo Único.

Recomendamos realizar un diseño más personal,con juegos tipográficos, y colores que denotenla marca.

b. UX / UI

b.2. Botón comprar

Es importante el uso de botones, que despejendudas e incentiven el call to action.Importante también, evitar pasos innecesariospara realizar la compra.

Recomendamos agregar un botón de compraren cada preview de producto.

b. UX / UI

b.3. Fotos de personas

Si bien en algunas secciones se utilizan,en foco del sitio está puesto en el productode forma impersonalizada.

Recomendamos unificar y utilizar más fotosde modelos utilizando los productos.

b. UX / UI

b.4. Atención al cliente

Es importante despejar dudas y generar seguridada la hora de comprar online. A su vez, transmitir un trato personalizado y único.

Recomendamos incluir un chat online,o un plus visible que sirva de atención al clienteen su defecto por otros medios.

b. UX / UI

b.5. Estado de producto

En caso de que haya productos discontinuoso agotados, no se debe poder llegar hastala instancia de comprar.

Evitar distracciones y poner foco en convertir.

b. UX / UI

b.6. Formulario de compra

Es importante evitar formularios largos y engorrosos.

Recomendamos dividir el proceso en pasos claros y simples, con un diseño amigable.

b. UX / UI

b.7. Carrito peview

Hoy se puede ver solo un número en el carrito, sin ninguna especificación ni relevancia.

Recomendamos cambiar el color, de forma que se vea claro que se agregó algún item. Y a su vez, poner cantidad y valor.

b. UX / UI

b.8. Menú navegabilidad

El menú permite volver a clickear sobre la sección que ya se encuentra, a su vez que no la marca.

Recomendamos distinguir la sección en la que se encuentra, agregando un rollover incluso para el call to action!. A su vez, que se debe eliminar la posibilidad de cargar de nuevo la sección desde el menú.

A su vez, recomendamos que el menú permanezca siempre visible al scrollear el site.

b. UX / UI

NUEVO

b.9. Blog

El nuevo blog que se ha lanzado, contiene contenido interesante pero un formato “comunicado”.

Recomendamos NO utilizarlo y quitarlo de la web, evitando fugas; y manejar este contenido con un tono de comunicación mas amigable y de diálogo en las redes sociales.

b. UX / UI

b.11. Links

Hay secciones que no existen como Conócenos.

Acá se desprenden dos recomendaciones:

En principio, sabiendo la relevancia de Eugenia Silva, no es súper importante, sería bueno contar con una sección institucional de empresa.Y en segundo lugar, chequear todos los links que no llevan a ningún lado.

b. UX / UI

b.12. Contenidos secundarios

Hoy todos los links llevan a una interna, incluso por ejemplo el login.

Recomendamos trabajar estos contenidos secundarios con formato Lightbox, evitando que el usuario se disperse de lo que estaba haciendo.

b. UX / UI

b.13. Ortografía

Chequear todos los textos con un corrector ortográfico antes de cargarlos en el gestor de contenidos; suele pasar muchas veces que los gestores no distinguen el 100% del lenguaje.

b. UX / UI

b.14. Faqs

Generar una sección con preguntas frecuentes de las usuarios, de forma tal que facilite la atención y agilice los procesos de compra.

Recomendamos UNIFICAR toda la info de proceso de compra, incluso agregando una infografía.

b. UX / UI

FAQ

PREGUNTAS

b.15. Buscador

El buscador es una herramienta importante para un ecommerce.

Recomendamos generar un buscador predictivo, que ayude al usuario a encontrar lo que busca.

b. UX / UI

BOLSO ELINABOLSO ALMUDENABOLSO NEGROBOLSO BOMBONERO

b.16. Iconos

Hoy no se encuentran los call to actions ni hay ayudas visuales para la navegación.

Recomendamos generar un ícono para cada sección, y agregar simbología en los botones para la navegación. (atrás, adelante, comprar, etc.)

b. UX / UI

b.17. Tipografías

Todas las tipografías mantienen una línea, por demás similar.

Recomendamos trabajar el nivel de lectura, diferenciando relevancia y caracterírticas.

b. UX / UI

Inicio > Nuevo

NUEVO

< volver

b.19. Interactividad

El sitio se encuentra muy estático, haciendo aburrido el proceso de compra.

Proponemos generar pequeñas interacciones, como por ej. roll overs con vistas distintas.

b. UX / UI

b.20. Banners

Hoy el sitio navega de sección a sección, contando con único menú y una única posibilidad de re-navegación.

Recomendamos colocar un espacio para banners en las secciones, que permitan promocionar o comunicar diferentes contenidos importantes.

b. UX / UI

ZAPATOS

b.21. Buscador total

Hoy el buscador funciona como un complemento,muy especifico, lo mismo que los filtros.

Recomendamos generar un buscador total sobre todos los productos, pudiendo filtrar por estilo, color, precio, etc. Brindando a las usuarios otra herramienta para encontrar su producto adecuado. Además deberías ser parte del proceso de compra.

b. UX / UI

b.22. Relacionamiento de contenidos

Hoy los contenidos tienen poca relación unos con otros.

Recomendamos potenciar esto, combinando la ubicación de los productos en relación a los otros contenidos del sitio. Ej. Si el video tiene un vestido, poner ese vestido como producto destacado.

b. UX / UI

b.23. Textos linkeales

Como ya vimos, si bien no hay niveles de lectura;en algunos casos tampoco hay vínculos sobre los textos.

Recomendamos hacer linkeable los textos que así lo sean, como nombres de marca, productos, etc.

b. UX / UI

c. UX UI Ideas!A continuación, algunas ideascreativas en materia de experienciade compra.

c.1. Música

Agregar música al site es una tendencia.

Permitir que las usuarias puedan elegir con quemúsica navegar, permite que el cliente se dejellevar por emociones y aumente la efectividad de conversión.

c. UX / UI Ideas!

c.2. Sección Instagram

Las redes sociales son claves, y en el caso de Eustyle Instagram es la que mejor funciona.

Proponemos una sección que conecte el sitio con esta red, donde la imagen de ciertos productos estén como oportunidades, donde la foto de estos sea un post de Instagram directamente.

c. UX / UI Ideas!

c.3. Looks personalizados

El concepto de look propio, combina con la marca. Hoy se ve este en algunas notas de prensa de Eugenia. Recomendamos que los productos estén siempre relacionados con otras prendas que terminen de combinar “un look”.

c. UX / UI Ideas!

c.4. Conexión Facebook amigas

Permitir el acceso con Facebook es tendencia a nivel mundial.

Esto permitiría ver en el sitio “productos más vistos por tus amigas”, “más vendidos”, etc.

c. UX / UI Ideas!

Muchas gracias.Argentina: Bonpland 1282 of 101, Capital Federal. +5411 4872 818 España: Orellana 5 of 1 Izq., Madrid. +3491 761 0291México: Monterrey 323, Ciudad de México.  +5255 4739 2233Web: www.caviarmkt.com