Yoga Studio

DISEÑO WEB

Descripción del proyecto

El proyecto consistió en el diseño y desarrollo de un sitio web para un negocio de clases de yoga. El objetivo principal del sitio web es proporcionar información clara y atractiva sobre las clases de yoga, permitir la compra de productos relacionados con el yoga a través de una tienda en línea, y ofrecer una visión de la filosofía y el equipo detrás del negocio. El proceso comenzó a través de un prototipo detallado en Figma y culminó con el desarrollo del sitio web en WordPress, utilizando Elementor para la construcción de páginas, Custom Post Types y campos personalizados para la gestión de contenido específico, y WooCommerce para la integración de la tienda en línea.

Desarrollo

El proceso comenzó con el prototipo de Figma. Este prototipo incluyó todas las páginas clave del sitio web:

Sobre Nosotras: Página que presenta al equipo de instructoras y la filosofía del negocio.

Clases: Sección detallada con información sobre las diferentes clases de yoga, horarios y opciones de inscripción.

Contacto: Formulario de contacto y detalles de ubicación.

Tienda: Página de e-commerce para la venta de productos relacionados con el yoga.

Una vez analizado el prototipo en Figma, se procedió al desarrollo del sitio en WordPress utilizando Elementor como constructor de páginas. Elementor permitió una personalización detallada de cada sección, replicando fielmente el diseño del prototipo y asegurando que el sitio fuera responsivo y visualmente atractivo en todos los dispositivos (móvil, tablet y portátil).

Para gestionar la información específica de las clases de yoga, se utilizaron Custom Post Types (CPT) y campos personalizados con ACF (Advanced Custom Fields). Cada clase de yoga se gestionó como un post personalizado, con campos específicos para la descripción de la clase, el nombre de la profesora, el material necesario un video introductorio y el nivel de dificultad.

Esto permitió una gestión eficiente y organizada de la información, haciendo más fácil la actualización y mantenimiento del contenido relacionado con las clases de yoga.

La tienda en línea se desarrolló utilizando WooCommerce. Esta integración permitió la venta de productos relacionados con el yoga. WooCommerce se integró perfectamente con el diseño de Elementor, asegurando una experiencia de compra fluida y coherente con el resto del sitio web. La tienda incluyó funcionalidades como la gestión de inventario, métodos de pago seguros y opciones de envío, mejorando la experiencia del usuario y facilitando la compra de productos.

Para ampliar el alcance del sitio web y atraer a una audiencia de otros países, se utilizó el plugin PolyLang para traducir toda la página web al inglés. Este plugin facilitó la creación de una versión bilingüe del sitio, permitiendo a los usuarios cambiar de idioma fácilmente y acceder a la misma información y funcionalidades en inglés.

 

Resultado