PLUSHOLIDAYS WEB
Cuando se acabó por definir el prototipo de la ERP de nuestro cliente, decidieron realizar un rediseño de la página web para que todo guardase una coherencia. Para ello recibimos un nuevo briefing con todas las indicaciones y requisitos que Plusholidays quería para su nueva web.
DESIGN THINKING
Este proyecto se realizó durante 2 meses en conjunto con el diseño del ERP utilizando la metodología DESIGN THINKING: Comprender, Idear, Decidir, Prototipar y Testear. Mi trabajo en este proyecto ha constado en el diseño UI/UX de toda la aplicación ERP y web, el diseño de un dossier corporativo y el diseño de unas tarjetas de visita. En este artículo vamos a encontrar la explicación y el desarrollo de la WEB.
COMPRENDER
Para realizar el rediseño de la web recibimos por parte del cliente toda la información con la que quería componer la web. En este documento incluía lo que creían que era necesario en cada página. Gracias a este documento pudimos realizar un esquema para organizar mucho mejor la información y anotar posibles dudas y acciones que a posteriori preguntaríamos a Plusholidays.
DEFINIR
Con todas las especificaciones acordadas con el cliente, se pasó al análisis de los referentes que nos pasaron para poder sacar puntos buenos y malos de cada uno de estos y crear un rediseño de la web perfecta para nuestros clientes.
IDEAR Y DECIDIR
En esta fase de la web al ya tener como referencia la web original fue mucho más fluido llegar a una ideación correcta y tomar decisiones ya que gracias al cliente lo teníamos ya todo muy bien descrito, así que enseguida nos pusimos con los wireframes para poder validarlos.
PROTOTIPAR
El sistema de diseño utilizado fue exactamente el mismo que en el ERP para que guarde una coherencia todo en conjunto, a continuación puedes ver los primeros wireframes de baja fidelidad: https://www.figma.com/proto/UFtTUWJUrlofMvuU9gvS8j/web_ph_wireframe?page-id=239%3A18114&node-id=242%3A47&viewport=438%2C319%2C0.02660994790494442&scaling=scale-down-width&starting-point-node-id=242%3A47
Y a continuación primeros pasos dados en los wireframes de alta fidelidad: https://www.figma.com/proto/ceySC7Q7KilfvAzqVnEr7L/Web-PlusHolidays?page-id=681%3A2&node-id=681%3A6&viewport=732%2C779%2C0.015625&scaling=scale-down-width&starting-point-node-id=681%3A6
Siguiendo el mismo procedimiento cuando ya tuvimos el visto bueno fue el momento de realizar el prototipo final que se encuentra aquí:
Con todo ya entregado y validado se procedió a su adaptación en smartphones: https://www.figma.com/proto/zREhXkqUQUAK9FmpsYDtB3/PlusHolidays-Web-Mobile?page-id=1%3A182&node-id=1%3A198&viewport=382%2C173%2C0.11747973412275314&scaling=scale-down&starting-point-node-id=1%3A198