Project Overview

NUESTRA is a dual-brand e-commerce platform that combines streetwear fashion with youth football equipment under a unified digital ecosystem. The platform embodies the philosophy of "la nuestra" from Argentinian football culture, creating two distinct brand experiences: "The Street is Ours" for streetwear and "The Game is Ours" for sports equipment.

The project involved designing and developing two complete shopping experiences within a single Next.js application, each with its own visual identity, navigation, product catalog, and design system while sharing a common technical foundation.

• Dual Brand Architecture: Two complete brand experiences in one application: a dark-themed streetwear shop (nuestra.com) and a light-themed sports equipment store (sport.nuestra.com), each with independent headers, footers, product catalogs, and color palettes.
• Product Experience: Full e-commerce product pages with image galleries, size and color selectors, quantity controls, wishlist functionality, product detail accordions, and related product recommendations.
• Advanced Filtering: Category-based filtering (Hoodies, T-Shirts, Jackets, etc.), collection filters, price range sorting, age group filters for sports products (U8-U16+), and mobile-responsive filter drawers.
• SEO Architecture: Dynamic JSON-LD structured data for Organization, WebSite, Store, Product, Breadcrumb, FAQ, and Collection schemas, with dynamic sitemap generation and comprehensive Open Graph metadata.

Technical Details

Built with Next.js 16 and React 19 using the App Router, the platform leverages TypeScript for type safety and Tailwind CSS 4 for styling. The dual-brand architecture uses nested layouts with route groups: the main brand occupies root routes (/, /shop, /product/[id]) while the sports brand lives under /sport/ with its own layout, header, and footer components. Performance optimization includes AVIF/WebP image formats, responsive srcset, compression headers, and memoized ProductCard components.

The design system establishes distinct visual identities: the streetwear brand uses black (#0a0a0a) with burgundy (#722F37) accents, Oswald and Barlow font families, and a "//"-marked visual identity. The sports brand uses lighter tones with green accents. Both share common animation patterns (fade-in-up, marquee) and button styles. Security headers include X-Content-Type-Options, Referrer-Policy, and disabled poweredByHeader.

The platform architecture is designed for scalable e-commerce with planned integrations including Supabase for product data management, Stripe for payment processing, and a multi-tenant fan page system where sports clubs and athletes can create and manage their own branded pages under the NUESTRA umbrella.

Results

The NUESTRA platform establishes a strong digital foundation for both the streetwear and sports equipment brands, with 12 streetwear products and 6 sports products showcasing the full shopping experience. The dual-brand approach within a single application demonstrates efficient code sharing while maintaining completely distinct brand identities. The comprehensive SEO implementation with structured data positions both brands for search visibility, while the prepared architecture enables rapid backend integration and payment processing when ready for launch.