ABC Fitness necesitaba llevar su oferta de ropa deportiva para mujeres y hombres a una tienda digital. El trabajo consistió en diseñar y desarrollar un comercio electrónico con WordPress y WooCommerce, con una estructura que permitiera explorar las colecciones y consultar cada prenda antes de avanzar hacia la compra.
El proyecto se presenta mediante capturas conservadas del desarrollo. Estas imágenes documentan el diseño y las funciones visibles de la tienda en su momento; los precios y promociones que aparecen pertenecen a ese archivo.
El reto: organizar una oferta de ropa deportiva
Una colección de prendas necesita algo más que una cuadrícula de fotografías. La navegación debía ayudar a distinguir el público, la actividad y el tipo de producto. Organizamos accesos para mujer y hombre, con secciones de entrenamiento y ciclismo, además de categorías de prendas.
El recorrido parte de la colección, continúa en el listado y llega a la ficha de producto. Esta jerarquía permite pasar de una búsqueda amplia, como ropa para entrenar, a una referencia concreta.
Identidad de marca y navegación del catálogo
El diseño combinó fondos claros, acentos rojos y negros, fotografías de producto y una jerarquía tipográfica marcada. Las colecciones y los accesos principales se integraron en una misma interfaz para conectar la presentación de la marca con la exploración del catálogo.
Los listados mostraban nombre, categoría, precio y fotografías. Las capturas también conservan controles de ordenación y miniaturas para consultar diferentes vistas de las prendas.
Fichas de producto y guía de tallas
La ficha reunía fotografías ampliables, descripción, precio, selector de cantidad y acceso a la canasta. La guía de tallas añadía instrucciones de medición y tablas de referencia dentro del recorrido de consulta.
También se incluyó un acceso para preguntar por el producto mediante WhatsApp. Esta opción conectaba la ficha con la atención comercial cuando la persona necesitaba resolver una duda sobre la prenda.
Consulta desde el móvil y continuidad de compra
La versión móvil reorganizaba el menú, las categorías y las fichas para una pantalla vertical. El registro conservado muestra el despliegue del menú, la navegación por colecciones y la consulta de imágenes de producto.
El trabajo contempló la interfaz de canasta y finalización de compra. La galería documenta el recorrido visual; no representa una transacción de pago ni un pedido real.
Contenido y puntos de contacto
La tienda incorporó un blog para contenidos vinculados con el deporte y un formulario de suscripción con opciones de consentimiento. Los accesos a contacto y la información comercial complementaban la navegación del catálogo.
Estas piezas daban espacio al contenido y a la continuidad de la relación con la marca. La recepción de formularios y el envío de campañas requieren una configuración operativa que no se evalúa a partir de una captura.
Resultado del desarrollo y alcance del caso
El resultado documentado es una tienda de ropa deportiva con catálogo organizado, fichas de producto, guía de tallas y adaptación móvil. El caso muestra cómo el diseño de marca puede acompañar decisiones concretas de navegación y consulta.
Se conserva como referencia histórica del trabajo realizado. Las imágenes permiten revisar la implementación visual, sin atribuirle cifras de ventas, conversión o posiciones en Google.
Si tu negocio necesita organizar su catálogo y el recorrido de compra, puedes revisar nuestros paquetes de diseño web, conocer el caso web de Yonpatri o conversar sobre tu proyecto.
