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

Lopesan Hotels es premiada por TUI &Thomas Cook

Dos de los consorcios más importantes de Europa, TUI y Thomas Cook, acaban de conceder a Lopesan Hotel Group sus galardones más preciados en los mercados alemán y británico, en reconocimiento a la [...]

Leer más
# Lectura 1 min de tu tiempo
Clasificación empresarial de Grdar Diseño

Grdar Diseño, logró el pasado 30 de julio la clasificación empresarial autonómica ante la Junta Consultiva de Contratación Administrativa de la Conselleria d'Economia i Hisenda del Govern Balear. [...]

Leer más
# Lectura menor a 1 min de tu tiempo
¡Es Navidad!

Este año, Grdar ha promovido la campaña ¡Es Navidad! Grdar se ha empeñado en regalar una sonrisa esta Navidad. Por eso está enviando piruletas a todos sus clientes, colaboradores, socios y [...]

Leer más
# Lectura menor a 1 min de tu tiempo
El famoso y esperado vídeo de Grdar

Ha tardado un poquito en llegar, pero ya está aquí el nuevo video de Grdar que grabó akitu.es el pasado mes de diciembre. ¿Recordáis el making of ? ¡Qué bien que nos lo pasamos durante el [...]

Leer más
# Lectura menor a 1 min de tu tiempo
El 'making of'

Como ya sabréis, si habéis estado atentos a nuestro Twitter o Facebook, ayer estuvimos grabando un vídeo corporativo para la Televisión de Baleares. Se trata de un vídeo sobre Grdar, su historia, [...]

Leer más
# Lectura 2 min de tu tiempo
Grdar colabora en la 'Monografía 8, Un comerç electrònic a Balears, com muntar una botiga online'

Ayer, Miquel Bernat, Director-Gerente de la Fundació Bit, Antoni Mateos, Director General de Innovación y Desarrollo Tecnológico, y Joaquín García, conseller de Economía y Competitivitat del [...]

Leer más
# Lectura 2 min de tu tiempo
Las ventajas del marketing interno para una empresa

En el presente artículo, veremos la importancia que puede tener para una empresa o negocio el marketing interno con el trabajador como actor principal, así como los beneficios de [...]

Leer más
# Lectura 2 min de tu tiempo
Grandes razones por las qué adaptarte a una Web Mobile

Ser o tener una web adaptable a todos los dispositivos móviles se ha convertido en una necesidad para todas las empresas con presencia online. Hoy en día hay más móviles vendidos en el mundo que [...]

Leer más
# Lectura 3 min de tu tiempo
Bluehouse: un Facebook para empresas

Las redes sociales se van abriendo paso poco a poco en el mundo real. Lo que comenzó siendo pequeños sitios webs en los que los internautas más avezados ponían al día su registro de ex [...]

Leer más
# Lectura 2 min de tu tiempo
Consejos de eye-tracking a la hora de diseñar una web

Una de las recomendaciones para lograr un óptimo diseño es tener en cuenta en qué se fija primero el usuario cuando entra en una página. A la hora de elaborar una página web, en lo que más [...]

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