A continuación, se presenta un análisis del sitio web eustyle.es eustyle.es Índice: a.SEO b.UX Best Practices c.UX Ideas.

Slides:



Advertisements
Presentaciones similares
Posicionamiento Web Campaña de posicionamiento para páginas web
Advertisements

Diferencia Entre Blogs y Websites Christian O. Rodríguez Méndez 8 de abril de 2010.
Webquest Diseño IU: Wix.com permite un control total del diseño de la web, pudiendo elegir en cualquier momento que punto modificar o que.
Contenidos 1.Cómo ingresar 2.Cómo crear un nuevo sitio 3.Editar plantilla de página principal 4.Edición de páginas 5.Crear página nueva 6.Estructura del.
Un esquema de Wordpress
Expositores: Rubiños, Oscar Mejia Alexis Cunivertti Capcha, Kattia.
Diplomado de diseño Web Nivel I Ingeniero: Alexander Henao M. Cel.:
Cabecera  Exceso de espacio de banners. El resultado es una cabecera excesiva que tapa el foco de la página: la pantalla de televisión (en resoluciones.
Webquest Diseño IU: Wix.com permite un control total del diseño de la web, pudiendo elegir en cualquier momento que punto modificar o que.
Publicación del sitio web en internet
Personalización en diseño visual y comportamiento de la plantilla
Buscador Es un sistema informático que busca archivos almacenados en servidores web HERRAMIENTAS DE COMPUTACION I.
Comunicación en la web  Buscador: Página web en la cual se ofrece al usuario consultar una base de datos en la que.
TIPOS DE WEB.
2015, 10ª edición de los Premios eventoplus Criterios globales de valoración: ESTRATEGIA: Aportación estratégica del evento, adecuación al cliente y a.
1 Search Engine Optimization. 22 Objetivo Adquirir conceptos básicos de SEO y herramientas de uso.
SITIOS WEB EN INTERNET COLEGIO CAFÉ MADRID ¿ QUÉ ES UNA PAGINA WEB? Se conoce como página web al documento que forma parte de un sitio web y que.
2015, 10ª edición de los Premios eventoplus Criterios globales de valoración: ESTRATEGIA: Aportación estratégica del evento, adecuación al cliente y a.
SEO Los términos posicionamiento en buscadores, posicionamiento web u optimización de motores de búsqueda engloban todos los procesos que se encargan de.
Estudio de accesibilidad de la tienda online de adolfodominguez.com
ANÁLISIS DE PÁGINAS WEBS CRISTIAN AMAURI GONZÁLEZ GARCÍA SHIOMARA CELINA ESQUIVEL RAMÍREZ.
JOHAN ALEJANDRO SALAZAR MANUELA OCHOA 11 C  Una página web es un documento electrónico diseñado para el World Wide Web (Internet) que contiene.
Periodismo en internet Docente: Sergio Palay
PROGRAMA DE CAPACITACIÓN EN MARKETING DIGITAL PARA EL SECTOR TURÍSTICO Bienvenidos:
CREAR UNA WEB Documento extraído de Sector PC On Line
Resumen Ejecutivo Somos Arpa Tigre, una agencia de mercadotecnia dedicada al desarrollo e investigación de la ciencia mercadológica. Generando productos.
GUTIÉRREZ GRANADOS HÉCTOR DANIEL
Análisis de Usabilidad de página web : cartoonnetwork. com
HERRAMIENTAS WEB 2.0 Camila Tavera Salas 11B Profesor: Orlando Vaca.
¿Qué es yahoo marketing? En yahoo marketing contamos con planes de publicidad! y en los principales buscadores de México asociados a Yahoo!. Conozca nuestros.
LA IDEA DE NEGOCIO Se basa en un servicio ofrecido a las empresas o persona que tiene un negocio, y quieren vender su producto por internet, nosotros.
UNIVERSIDAD TECNOLÓGICA ECOTEC. ISO 9001:2008 Taller Utilice Power Point para elaborar una presentación y responder las siguientes preguntas: 1) ¿Qué es.
Cristian Fonnegra Marin. DISEÑO WEB.
TALLER # 5 LUIS XAVIER ROMERO CORAL. No le agregues demasiado contenido animado (como animaciones, imágenes muy pesadas, reproductores: Real - WindowsMedia,
M ANUAL DE U SUARIO DE W ORDPRESS Nombre: Diana Selena Puglla P. Curso y Paralelo: Primero “B”
Eustyle: Redes Sociales POST PRODUCTO DESTACADO Caviar. Eustyle. Propuesta Verano. Junio 2015.
Estructuras web De navegación Y Visual. Investigación de requerimientos ¿Qué es lo que quiere el cliente? – ¿Qué desea comunicar?, y ¿Cómo? – ¿Qué información.
Caviar. Eustyle. Propuesta Comunicación SM. Junio ES Comunicación Redes Sociales.
Caviar. Eustyle. Propuesta Comunicación SM. Junio ES Comunicación Redes Sociales.
Anexo accesibilidad | SENADIS y Centro de Sistemas Públicos Observaciones Generales Este es un documento de evaluación de la accesibilidad del Sitio Web.
Anexo accesibilidad | SENADIS y Centro de Sistemas Públicos Observaciones Generales Este es un documento de evaluación de la accesibilidad del Sitio Web.
Anexo accesibilidad | SENADIS y Centro de Sistemas Públicos Observaciones Generales Este es un documento de evaluación de la accesibilidad del Sitio Web.
Anexo accesibilidad | SENADIS y Centro de Sistemas Públicos Observaciones Generales Este es un documento de evaluación de la accesibilidad del Sitio Web.
Anexo accesibilidad | SENADIS y Centro de Sistemas Públicos Observaciones Generales Este es un documento de evaluación de la accesibilidad del Sitio Web.
Anexo accesibilidad | SENADIS y Centro de Sistemas Públicos Observaciones Generales Este es un documento de evaluación de la accesibilidad del Sitio Web.
Anexo accesibilidad | SENADIS y Centro de Sistemas Públicos Observaciones Generales Este es un documento de evaluación de la accesibilidad del Sitio Web.
Anexo accesibilidad | SENADIS y Centro de Sistemas Públicos Observaciones Generales Este es un documento de evaluación de la accesibilidad del Sitio Web.
Anexo accesibilidad | SENADIS y Centro de Sistemas Públicos Observaciones Generales Este es un documento de evaluación de la accesibilidad del Sitio Web.
Nombre de la Institución evaluada: Serviu Atacama URL de su sitio web: Evaluador: Tomás Gómez Fecha y hora inicio de Evaluación:
Nombre de la Institución evaluada: Becas y créditos URL de su sitio web: l=74# Evaluador: Rodrigo Astudillo.
Nombre de la Institución evaluada: Observatorio urbano - MINVU URL de su sitio web: Evaluador: Tomás Gómez Fecha.
Anexo accesibilidad | SENADIS y Centro de Sistemas Públicos Observaciones Generales Este es un documento de evaluación de la accesibilidad del Sitio Web.
Nombre de la Institución evaluada:Gobierno Regional de Tarapacá URL de su sitio web: Evaluador:Héctor Monsalve Fecha y hora.
Ricardo Ovalle Navarro Isi Suriel Ponce Misael Arvizu Monserrate Contreras.
Anexo accesibilidad | SENADIS y Centro de Sistemas Públicos Observaciones Generales Este es un documento de evaluación de la accesibilidad del Sitio Web.
Anexo accesibilidad | SENADIS y Centro de Sistemas Públicos Observaciones Generales Este es un documento de evaluación de la accesibilidad del Sitio Web.
Uso de los programas: Screengrab Youtube Redes Sociales (Facebook) Firebug.
Anexo accesibilidad | SENADIS y Centro de Sistemas Públicos Observaciones Generales Este es un documento de evaluación de la accesibilidad del Sitio Web.
Nombre de la Institución evaluada: Servicio de Salud Magallanes URL de su sitio web: Evaluador: Rodrigo Astudillo Fecha.
Posicionamiento Web Campaña de posicionamiento para páginas web. SEO/SEM
Nombre de la Institución evaluada:Conaf URL de su sitio web: Evaluador:Héctor Monsalve Fecha y hora inicio de Evaluación:16 Febrero.
SEM... Buscadores. 2 Objetivo El participante adquiere conocimientos sobre esta forma de hacer publicidad.
Repasando… Mi perfil en wordpress Personal Settings.
Web y Multimedia II Integrantes: Piero Álvarez Mayra Atience Jhonney Bermeo Johanna Cabrera Gabriela Cango.
En Internet: Los datos se transforman en información cuando una persona los lee, los comprende y los usa con algún fin: para estudiar, para trabajar,
Anexo accesibilidad | SENADIS y Centro de Sistemas Públicos Observaciones Generales Este es un documento de evaluación de la accesibilidad del Sitio Web.
Una de las características de un sitio Web eficaz es mostrar sus contenidos de manera accesible y vincular de manera fácil a documentos de diferentes.
Anexo accesibilidad | SENADIS y Centro de Sistemas Públicos Observaciones Generales Este es un documento de evaluación de la accesibilidad del Sitio Web.
Qué es Mall506.com ?. Funciona de una manera simple. Qué es Mall506.com ?
PÁGINA WEB, SITIO WEB Y PORTAL WEB Una página web tradicionalmente hace relación a un documento en el internet, disponible para ser leído, con información.
Transcripción de la presentación:

A continuación, se presenta un análisis del sitio web eustyle.es eustyle.es Índice: a.SEO b.UX Best Practices c.UX Ideas

a.SEO: Recomendaciones en materia de 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 (título) y (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 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 Practices Recomendaciones en materia de usabilidad y experiencia del usuario.

b.1. Guidelines No se refleja una identidad propia de marca. Si bien esto es posible por la utilización de un pre-armado, creemos clave lograr mostrar el concepto de Estilo Único. Recomendamos realizar un diseño más personal, con juegos tipográficos, y colores que denoten la marca. b. UX / UI

b.2. Botón comprar Es importante el uso de botones, que despejen dudas e incentiven el call to action. Importante también, evitar pasos innecesarios para realizar la compra. Recomendamos agregar un botón de comprar en 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 producto de forma impersonalizada. Recomendamos unificar y utilizar más fotos de modelos utilizando los productos. b. UX / UI

b.4. Atención al cliente Es importante despejar dudas y generar seguridad a 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 cliente en su defecto por otros medios. b. UX / UI

b.5. Estado de producto En caso de que haya productos discontinuos o agotados, no se debe poder llegar hasta la 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 ELINA BOLSO ALMUDENA BOLSO NEGRO BOLSO 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 ideas creativas en materia de experiencia de compra.

c.1. Música Agregar música al site es una tendencia. Permitir que las usuarias puedan elegir con que música navegar, permite que el cliente se deje llevar 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 España: Orellana 5 of 1 Izq., Madrid México: Monterrey 323, Ciudad de México Web: