E-commerce / Apparel
Wooter Apparel — Custom Team Uniforms
Custom sportswear e-commerce for US teams: sublimated uniform ordering across 20+ sports, with roster-level sizing and team order management.
- JavaScript (ES6+)
- HTML5
- CSS3
- jQuery
- Squarespace
- E-commerce Integrations
- SEO
- Client
- Wooter Apparel
- Duration
- Sep 2020 — Dec 2020
- Category
- E-commerce / Apparel
Wooter Apparel makes custom sublimated uniforms and team gear for basketball, football, baseball, soccer, volleyball, cricket, hockey, esports and a dozen other sports across the US. The storefront covers team uniforms, custom apparel, spirit wear, design templates and a team order management flow.
Custom team apparel is not a normal product catalogue. A single order is a roster — twenty players, each with a name, number and size, on one design — so the ordering flow has to collect per-player detail without becoming a spreadsheet, and the design surface has to show a customer what their team will actually look like before anything is manufactured.
Note: the site has since been migrated to Squarespace, so the current live stack does not reflect the platform as originally built.
Key features
Custom uniform ordering across 20+ sports and apparel categories
Roster-level ordering with per-player name, number and size
Design template and colour swatch browsing before order
Team order management and group ordering flow
Sizing charts, sizing kits and free sample request journeys
Fan shop, wholesale and spirit wear commercial surfaces
My role
Frontend developer on the storefront and ordering experience.
Built catalogue, design gallery and product presentation templates
Implemented roster-level ordering interactions and sizing flows
Built responsive layouts across the sport and apparel category surfaces
Handled SEO fundamentals across a large category and design catalogue
Challenges & solutions
One order, twenty people. A standard cart assumes one buyer picking one size. Roster entry had to stay fast for a coach filling in twenty players while remaining accurate enough for manufacturing.
Selling something that does not exist yet. Every order is manufactured to spec, so the design and swatch surfaces carry the whole burden of confidence — the customer is buying a rendering, not a photograph.
Related projects
E-commerce / MarketplaceAmanoon — Multi-Vendor Marketplace & Seller Portal
Dubai's multi-vendor electronics and IT marketplace: a Next.js storefront plus a separate seller portal where vendors run their own catalogue and orders.
- Next.js
- React.js
- Node.js
- MongoDB
- +3
E-commerce / GroceryMyCart.pk — Online Grocery Store
Magento grocery storefront for Karachi: seven top-level departments, daily-deal merchandising and same-city delivery with market-rate pricing at fulfilment.
- Magento
- PHP
- MySQL
- jQuery
- +3