arriba
Septiembre 2016

Mejoras en UI/UX para ecommerce: Socias & Rossello


# Lectura 4 min de tu tiempo

Hace unos días, desde Grdar, publicamos la nueva versión de Socías y Rosselló. El foco de esta renovación pasa por 2 ejes: por un lado, un nuevo diseño más visual; por el otro, grandes mejoras en cuanto a usabilidad. En conjunto, estamos convencidos que va a suponer un antes y un después en el ecommerce. Veamos cada una de estas mejoras una por una.


Una home visual y adaptada a criterios de usabilidad.


Comenzamos por el restyling a la página principal de www.sociasyrossello.es. En primera instancia, destaca la nueva estructura de la cabecera. Si bien la imagen corporativa no se ha modificado, sí que ha ganado protagonismo, al resultar más directo su visionado al acceder a la home. Junto a la imagen corporativa queremos llamar la atención sobre la ubicación del buscador.

Somos conscientes de las necesidades de los usuarios y, por ello, hemos reafirmado la estrategia de catalogación de los productos en web sumando un potente buscador visible en la parte inicial de la navegación web.

sr1


Frente a la abundante información que presentaba la antigua web, en esta nueva etapa hemos optado por priorizar los contenidos visuales e informativos en un primer impacto, lo que nos permite presentar al usuario productos y ofertas más adaptados a sus búsquedas.


Menús responsive y por categorías.


Lejos ha quedado el menú corporativo o de catálogo de la antigua web. Con el objetivo de mejorar la experiencia de nuestros usuarios, hemos diferenciado entre la información corporativa y de producto.

sr2


Ambos menús se han adaptado a los dispositivos predominantes entre los usuarios de la web, de tal forma que se presentan replegados. Con esta iniciativa damos protagonismo al usuario, que será quien elija qué quiere ver en cada visita a la web.

Asimismo, concentrar la cabecera en la parte superior de la web hace posible que podamos mostrar el contenido de interés para el usuario de una forma más directa, lo que redunda en menos clics para llegar a la información de producto y, por lo tanto, una experiencia de usuario más ágil.


En definitiva, hemos primado la funcionalidad y utilidad de la búsqueda por categorías y las aunamos con un diseño visual ligero.


Menú corporativo replegado.


Si en la antigua web de Socías y Rosselló dábamos una posición dominante a los canales directos de atención al usuario (¿Quiénes somos?, Catálogo, etc.) para esta nueva etapa hemos querido marcar una gran diferencia con otras páginas del sector y priorizar la experiencia del usuario.


Búsqueda en catálogo: una experiencia de usabilidad completamente mejorada.


A todas las mejoras enumeradas en los párrafos precedentes (home visual e informativa, diseño adaptado y predominio del binomio UI/UX), se añade un avance importante en la consecución de los objetivos del ecommerce: el buscador.



sr3


Frente al buscador anterior, limitado, el nuevo ha añadido filtros de gran utilidad para el usuario, como las marcas o el precio. Estos avances y la estructuración de la web en categorías conforman una web adaptada a las exigencias en diseño web y accesibilidad.


Fichas de productos más atractivas.


En el ámbito de las fichas de productos, las mejoras implementadas se han basado en criterios de accesibilidad a la información. Las imágenes de cada producto, en ficha y cada categoría o sección, son más amplias y la información es más visual y directa, por lo que el usuario obtiene, de un vistazo, la información que necesita.

sr4


 

 

 



¿CONOCES TODO LO QUE SE PUEDE LLEGAR A HACER EN DESARROLLO WEB PARA TU NEGOCIO?

Noticias Relacionadas

Qué son los beacons

Los beacons son unos dispositivos de un tamaño reducido que tienen la capacidad de emitir señales que pueden ser interpretadas por dispositivos inteligentes (generalmente smartPhones) [...]

Leer más
# Lectura 2 min de tu tiempo
Akinator, el genio de la web

Internet es un lugar donde a veces ocurren cosas mágicas y prueba de ello son los programas o aplicaciones que circulan por la red, un ejemplo de ello es la web de Akinator, en la que el juego [...]

Leer más
# Lectura menor a 1 min de tu tiempo
Casos de éxito: Mejorando la experiencia de usuario de Lopesan.com

Hoy queremos compartir con vosotros uno e nuestros últimos proyectos para la web de Lopesan, un restyling del diseño de su cabecera y el cajetín de su motor de reservas. Lopesan nos planteó la [...]

Leer más
# Lectura 2 min de tu tiempo
¿Cómo saber si estamos haciendo email marketing responsive?

El diseño responsive en el email marketing se ha convertido en uno de los pilares fundamentales de las estrategias de marketing de todo tipo de empresas. El hecho de adaptar nuestros [...]

Leer más
# Lectura 2 min de tu tiempo
10 cosas que debes tener en cuenta a la hora de diseñar el logo de tu empresa (II)

Para los que hayáis leído nuestra publicación del día 23 de Octubre: 10 cosas que debes tener en cuenta a la hora de diseñar el logo de tu empresa.  No, No nos hemos vuelto locos [...]

Leer más
# Lectura 1 min de tu tiempo
7 Errores típicos de las empresas en las redes sociales

Las redes sociales se caracterizan por ser dinámicas y cambiantes, por eso en el trabajo de un Community Manager cada día es un reto, debe estar en continuo aprendizaje para ir evolucionando. Hoy en [...]

Leer más
# Lectura 2 min de tu tiempo
El Tribunal Supremo del Reino Unido emite una orden a través de Twitter

El Tribunal Supremo británico emitió esta semana su primer mandato a través de Twitter, indicando que la página, que hace de red social y servicio de 'microblogs', es el mejor modo de contactar [...]

Leer más
# Lectura 2 min de tu tiempo
Próximamente nos trasladamos al Parc Bit

Próximamente trasladamos nuestra empresa, a la nueva sede del Parc Bit, Edificio Ntic. En breve les informaremos de la fecha exacta del traslado y la nueva dirección.¿Quieres venir a vernos?¡Más [...]

Leer más
# Lectura menor a 1 min de tu tiempo
¿En qué consiste el marketing de guerrilla?

Antes nos bastaba con poner un anuncio en cualquier medio de masas (todos eran medios de masas), para que el consumidor nos viera. Hay que tener en cuenta, que antaño había pocos medios y a la gente [...]

Leer más
# Lectura 2 min de tu tiempo
Lopesan estrena página web

Lopesan Hotel Group estrena página web, www.lopesan.com. Desde ella puede accederse a información de la compañía y sus instalaciones, no sólo a través de contenidos escritos, sino de imágenes, [...]

Leer más
# Lectura 2 min de tu tiempo



¿Empezamos?

Info Cookies

Usamos cookies, creemos que ayuda a tener mejores experiencias web. Pulsa aquí para mas información.
Rechazar Aceptar