Saltar al contenido
Mujer practicando yoga

Yogi Omniverse

El centro de Yoga y Pilates situado en Vicálvaro necesitaba actualizar su página web.

Con la idea de poder diseñar algo que encajase con la identidad del centro se analizó tanto el establecimiento como a los trabajadores y clientes. 

Tras una serie de entrevistas se pudo deducir cuáles eran los apartados más necesarios dentro de la página web.

Mujer practicando yoga

Colores y estilos

Los colores que tenía en un principio la página web, eran tonos morados y verdes, los cuales combinaban con los colores que tenía el centro.

Se realizó un largo estudio sobre cómo trabajar con distintos tonos, para continuar con lo misma línea.

Tras una primera propuesta, la gama de colores se descartó ya que la imagen del centro estaba evolucionando y estos, se habían quedado obsoletos. 

Finalmente, estudiando diferentes opciones, se consideró que la más adecuada con el negocio eran los colores tierra, que unen al centro con la parte más terrenal y el color verde, que lo une a la naturaleza.

Boceto y prototipado funcional

Para la realización del boceto se tuvieron en cuenta los diferentes apartados necesarios dentro de la página web, dándole especial importancia la página de «clase de prueba».

Para realizar el prototipado funcional se utilizó Adobe XD, se realizaron diferentes versiones, modificándolas y adaptándolas a la mejor usabilidad de la web.

Fotografías diseño en adobe XD de Yogi Omniverse

Herramientas

Una vez realizado el diseño, se realizó la maquetación en WordPress, utilizando Elementor como maquetador principal.

Durante el mes posterior, se comprobó la interacción de los usuarios con la página Web tanto a través de Google Analytics como con Clarity.

Con Clarity se analizó el comportamiento de los usuarios a través de vídeos interactivos, que permiten observar el comportamiento completo de los usuarios dentro de la página web.

Una vez recabada la información necesaria, se realizaron las modificaciones correspondientes consiguiendo una mejora en la experiencia del usuario.

Adobe XD logo
Google Analytics logo
Clarity Logo

¡Echa un vistazo a la web!

Aquí te dejo el enlace para que puedas visualizar la web .

Continuar viendo el portfolio

es_ESES