Analizamos y replanteamos el diseño

En este módulo hemos analizado y replanteado el diseño de ViveBarcelona.com, como cierre de las fases de análisis, propuesta de pantallas y test con usuarios. En este último módulo hemos pretendido mantener y reforzar las necesidades planteadas por el cliente, así como potenciar los puntos fuertes de ViveBarcelona.com frente a sus competidores.

El objetivo de los test fue analizar, revisar y diseñar una interfaz amigable para el usuario, que le facilite dos cosas:

• Contactar con ViveBarcelona
• Solicitar la reserva de un apartamento

A través del diseño, hemos planteado una revisión y mejora de las soluciones propuestas en el prototipo tales como:

• Mejora de la usabilidad, arquitectura de información del sitio y elementos de navegación. Hemos buscado la homogeneidad y simplificación de la navegación, tanto a nivel de iconografía como de funcionalidad, respetando la coherencia a lo largo de todas las páginas interiores.

• Diseño basado en un estilo “one page” que facilita mucho la navegación al usuario. Debido al contenido limitado de la web, una navegación con muchos niveles complicaba de manera innecesaria la navegación.

• Recurrencia, permanencia en el sitio y aumento de la presencia de las redes sociales. A través de tonos cromáticos elegantes y neutros, el usuario tiende a pasar más tiempo en la página, navegando y explorando a través de las diferentes opciones. Nos hemos planteado que sería muy positiva la incorporación de un perfil de usuario dónde el usuario puede guardar sus apartamentos favoritos, datos de pago y valoraciones emitidas más relevantes para otros usuarios.
• Simplificación de la lista de apartamentos, a través del diseño renovado de las fichas de los mismos y la mejora de los filtros.

La segunda parte de la propuesta se ha centrado en crear una guía de estilo que fuese acorde con nuestro nuevo planteamiento flat y más moderno:

• Hemos adaptado la tipografía utilizando fuentes que sean SEO frendly para Google y estableciendo un tamaño de 12px como mínimo.
• La gama cromática mantendrá la esencia actual de la web, pero hemos incorporado algún color gris para ayudar a algunos nuevos recursos que hemos implementado.
• La parte que más hemos modificado de la guía de estilo ha sido la iconografía, ya que nos parecía poco homogénea en cuanto a estilo y tamaños. Hemos incorporado iconos nuevos con aspecto más profesional y hemos adaptado tamaños y estilos de toda la web. Ahora tienen el protagonismo necesario sin desviar innecesariamente la atención del usuario.