Site corporativo y catálogo de producto. Proyecto responsive basado en HTML5.

Contexto

Durante el año 2013 se realizan los primeros wireframes del proyecto junto con los departamentos de Marketing e IT Roca. Durante la realización de este poyecto se trabajó conjuntamente con las empresas Multiplo:x Creative e-Business (estrategia) y Azalpen (consultor SEO).

Reto

El objetivo principal del proyecto es visualizar de forma coherente un entorno que contiene un gran volumen de información. La ausencia de un proyecto válido similar para la marca Roca no permitía establecer puntos de partida.

La estrategia debe permitir la convivencia entre el universo de valores de marca y un entorno de catálogo de producto.

A nivel de dirección de arte, el reto es mantener la guía de estilo de la marca, aportando conceptos de innovación web.

Solución

A nivel conceptual, se ha buscado un entorno claro, legible y ordenado que permita al usuario, por encima de todo, entender siempre donde está.

A nivel de estructura visual, se ha trabajado con una retícula de 12 columnas que permite modular el espacio de forma idéntica en todas las pantallas.

A nivel tipográfico, se ha trabajado con fuentes de palo seco, Helvética y Swiss Condensed, y se ha usado el blanco y negro como colores principales.

A nivel de usabilidad, se han creado unos menús desplegables espaciosos y muy visuales. La idea es poder navegar por todo el site, desde cualquier punto.

Para la solución front-end, se han usado técnicas HTML5, CSS3 y jQuery, para mostrar los contenidos de forma coherente con los distintos navegadores y dispositivos.