Atria: Catálogo

Publicado / 30/03/2011 / Cliente: Renacimiento

• css
• diseño
• e-commerce
• javascript
• ux
• xhtml

La segunda parte del proyecto Atria requería diseñar y crear la parte de client-side del Catálogo, o tienda on-line.

Basándonos en técnicas de user experience sobre e-commerce y diseños de formularios, realizamos los diseños de todo el catálogo de productos de Atria (la web sobre material educativo digital de la Generalitat de Catalunya, proyecto de Aventia Renacimiento).

Este incluía un listado de productos, con buscador básico/avanzado (desplegable), el detalle del producto, con muy variada información y acciones a realizar (con tabs de info, comentarios, etc), la cesta de la compra y el proceso de compra, así como los elementos más propios del back-end, para gestionar los productos, que requería diseño de formularios, mensajes, etc.

En el sidebar pueden haber varios bloques con info adicional, pero este se puede esconder, haciendo más ancha la parte central, con lo que podemos ver más contenido o más formulario y resulta más fácil la edición. Al guardarse el estado del sidebar en cookies, este se mantendrá igual (de escondido o no) durante toda la navegación.

Des del punto de vista de la maquetación, no sólo se realizó un html+css+js estándar y accesible, sinó que se ofreció una guía de estructuras de formularios, para poder plasmar en el site todas las estructuras de forms necesarias, que eran muchas y muy variadas, como puede verse en una de las capturas.