Diseño elaborado para la agencia Creativebiz.
Luego de haber culminado mis estudios de diseño UI/UX se presentó la oportunidad para poder aplicar todos los conocimientos adquiridos, este proyecto se trabajó con mucho entusiasmo y esmero, aplicando las diferencias técnicas de investigación de usuario y test de usabilidad.
Requerimiento
El encargo inicial del cliente era rediseñar el sitio web para su uso optimo en dispositivos móviles, ya que el diseño anterior no estaba optimizado para dichos dispositivos, además se deseaba implementar algunas nuevas secciones, nueva información y actualización del catálogo de productos.
Proceso
Lo primero que se hizo, fue definir la paleta de colores con códigos pantone RGB, ya que la marca no contaba con pantones definidos.
Luego se procedió a elaborar y aplicar tests con los usuarios para identificar las carencias del site anterior, verificar los puntos flojos a nivel técnico y descubrir lo que los usuarios necesitaban, para tener la certeza de que los cambios a implementar eran los correctos.
En el camino descubrimos que se tenía que redefinir el camino del mapa de sitio, así que se desarrollaron varios mapas de navegación para lograr organizar el contenido del site.
También se identificó que el contenido proporcionado debería ser diferente, ya que se tiene dos tipos de usuarios técnicamente diferentes por lo que el lenguaje y tipo de información que cada uno busca es diferente.
Por otro lado se identifico que una de las nuevas secciones (blog) que el cliente deseaba implementar, aun no tenia el soporte detrás por lo que se descartó y se dio prioridad a otro (suscripción a newsletter).
Dentro de las pruebas del site anterior estuvieron los mapas de calor y test, donde se identifico que algunas secciones del site eran muy extensas y que una de las ideas base de dicha versión del site era bien recibida por los usuarios, la cual consistía en que la navegación del catálogo de productos se muestre a través de esquemas gráficos (partes del cuerpo humano) la cual es más fácil y atractiva para el usuario.
Luego de recabar toda la información necesaria, se procedió a elaborar los primeros wireframes, con la ayuda de Sketch App. Poco a poco se fue mejorando, según los test con los usuarios que se reclutaron.
Finalmente antes del proceso de desarrollo y maquetación del site, se hicieron los prototipos en InVision App para poder tener una mejor impresión y test de usabilidad.
El proyecto aun se sigue trabajando y esperamos poder terminarlo para poder testear las impresiones y data de usabilidad de esta nueva versión 🙂