Multi-brand e-commerce web design

  • Role: UI Lead Conversion Designer
  • Contribution: UI Execution Accessibility implementation Dev handoff
  • Tools: Mockflow Figma
  • Country: USA

Project overview

Soccer Wearhouse's catalog spans dozens of clubs and leagues, but the site struggled to bring that scale together coherently. My focus was on the homepage, navigation, and PDP, bringing structure to a genuinely multi-brand catalog.

Home page & product page design

Quick-shop by club (Barça, Arsenal, Argentina) right below the hero, cutting straight to purchase intent for the most-searched teams. Trust signlas sits avobe the fold. All interactive elements stay consistent, maintaining the brand style throughout.

Mobile view of the Soccer Warehouse home page and product detail page, shown on two phone mockups.

Home and product detail page mobile version

Home page
Soccer Warehouse home page: hero banner, quick-shop by club, shop by category, and customer testimonials.

Results during one month of testing

Session conversion
rate increased

+3.16%

Orders lifted

+11.64%

How I helped achieve these results

For visitors who already know what they want — a specific club or kit — the site gets them there fast, without digging through a huge catalog. Trust signals are visible from the start, and consistent design across the whole site keeps things predictable no matter what team or category someone is shopping for.