ABC Fitness needed to bring its women's and men's sportswear collections into a digital store. Our work focused on designing and developing an e-commerce website with WordPress and WooCommerce, with a structure for exploring collections and reviewing individual garments before moving towards a purchase.
This case uses archived captures of the project. They document the store's design and visible features at the time; any prices or promotions shown belong to that archive. The original store interface is in Spanish.
The challenge: organizing a sportswear range
A clothing collection needs more than a grid of photographs. Navigation had to distinguish the audience, activity and product type. We organized women's and men's sections, with training and cycling collections alongside garment categories.
The journey moves from a collection to a listing and then to a product page. This hierarchy gives visitors a way to move from a broad interest, such as training apparel, to a specific item.
Brand identity and catalog navigation
The design combined light backgrounds, red and black accents, product photography and a distinct typographic hierarchy. Collections and primary navigation shared a consistent interface, connecting brand presentation with catalog browsing.
Listings displayed product names, categories, prices and photographs. The archived captures also show sorting controls and thumbnails for viewing garments from different angles.
Product pages and size guidance
Product pages brought together enlarged photographs, descriptions, prices, quantity selection and access to the cart. The size guide added measurement instructions and reference tables within the product exploration journey.
A WhatsApp enquiry link was included on the product page. It connected the item being viewed with the commercial support channel when a visitor needed help with a garment.
Mobile browsing and purchase continuity
The mobile version reorganized menus, categories and product pages for a vertical screen. The archived recording shows the expanded menu, collection browsing and product image exploration.
The project included cart and checkout interfaces. The gallery documents the visual journey; it does not represent a payment transaction or a real customer order.
Content and contact points
The store included a blog for sports-related content and a newsletter signup form with consent options. Contact links and business information complemented the catalog navigation.
These elements provided space for content and an ongoing relationship with the brand. Form delivery and campaign sending depend on operational configuration that cannot be evaluated from a screen capture.
The development outcome and case scope
The documented outcome is a sportswear store with an organized catalog, product pages, size guidance and a mobile layout. The case shows how brand design can support concrete browsing and product enquiry decisions.
It remains a historical reference for the work delivered. The images document the visual implementation without attributing sales figures, conversion rates or Google rankings to it.
If your business needs a structured catalog and shopping journey, explore our website design packages, see the Yonpatri website case or discuss your project with us.
