A Shopify storefront built around the range: product structure, content, merchandising, desktop and mobile journeys, integrations and ongoing store management.
ClientCourts Sport
My roleShopify implementation, theme customization, product architecture, content, merchandising, integrations and store management
Implemented and customized an acquired Shopify theme.
Structured categories, products, SKUs, attributes and variants.
Prepared and refined product content, imagery and merchandising.
Coordinated product-data and stock checks with the responsible teams.
Configured apps and integrated the TAB payment gateway.
Managed launch preparation and ongoing store updates.
A sportswear brand, built to shop.
The work joined brand communication with the practical detail of an online store: how customers find a collection, compare products, select a variant and move toward purchase.
The structure behind the storefront.
PRODUCT ARCHITECTURE
I organized the store around Men, Women, Kids and Essentials, with category and product structures that supported navigation, merchandising and filtering. SKU logic connected product type, colour and size, with later barcode use considered in the structure.
DATA & INVENTORY COORDINATION
Working from product and inventory information supplied by the responsible teams, I reviewed descriptions, attributes, variants, pricing, imagery, search content and quantities. Stock accuracy involved cross-checking with the people responsible for the physical inventory; this was coordinated store preparation, not sole ownership of company inventory.
The full browsing journey.
Explore the complete archived homepage and collection pages. Each screen can be opened to inspect its full length. These captures document the supplied version; the current live site may differ.
Navigation that exposes the range.
Separate mega-menus make each audience and its product families visible. These are real interface captures, not a newly invented sitemap or proposed redesign.
Product information and brand context.
Product imagery, garment details, colour and size choices, related products and brand content were part of one connected browsing experience.
A clear next step.
The cart drawer keeps the chosen product, quantity and order controls together. Theme customization and app configuration supported the storefront; my wider implementation role also included TAB payment-gateway integration. No customer or payment-account information is displayed.
Working with the product attributes.
These historical recording frames show the filter panel and a filtered result state. Attribute and variant organization supported this browsing layer. They are snapshots of the recorded version, not a claim that every live filter remains unchanged.
A real mobile journey.
Seven frames from the mobile walkthrough show the homepage, navigation, nested menu, brand story, collection, product grid and filters.
Implementation beyond the screen.
THEME, APPS & CONTENT
I implemented and customized an acquired Shopify theme, configured supporting apps and connected the catalogue to the store presentation. Content preparation and merchandising linked campaign assets, product information and collection placement.
LAUNCH & ONGOING MANAGEMENT
My role included launch preparation and ongoing store management, alongside payment integration and product-data coordination.
Desktop walkthrough.
An archived screen recording of the public storefront.
Video link coming soon
Courts — Desktop Storefront Walkthrough
Desktop walkthrough of the Shopify storefront.
Mosab Abu Khaled: Shopify implementation and acquired-theme customization, category and product structure, SKU and attribute organization, content, merchandising, app and TAB payment-gateway integration, launch and ongoing management. Product and stock data were coordinated with the responsible teams. Not a wholly custom-coded commerce engine or a claim to sole authorship of every product photograph.
Collection and filtering.
A supplied recording of collection browsing and filtering.
Video link coming soon
Courts — Collection & Filter Walkthrough
Collection browsing and filtering in the Shopify storefront.
Mosab Abu Khaled: Shopify implementation and acquired-theme customization, category and product structure, SKU and attribute organization, content, merchandising, app and TAB payment-gateway integration, launch and ongoing management. Product and stock data were coordinated with the responsible teams. Not a wholly custom-coded commerce engine or a claim to sole authorship of every product photograph.
Mobile navigation.
A mobile walkthrough of the store's navigation and collections.
Video link coming soon
Courts — Mobile Storefront Walkthrough
Mobile navigation and collection browsing.
Mosab Abu Khaled: Shopify implementation and acquired-theme customization, category and product structure, SKU and attribute organization, content, merchandising, app and TAB payment-gateway integration, launch and ongoing management. Product and stock data were coordinated with the responsible teams. Not a wholly custom-coded commerce engine or a claim to sole authorship of every product photograph.
Mosab Abu Khaled: Shopify implementation and acquired-theme customization, category and product structure, SKU and attribute organization, content, merchandising, app and TAB payment-gateway integration, launch and ongoing management. Product and stock data were coordinated with the responsible teams. Not a wholly custom-coded commerce engine or a claim to sole authorship of every product photograph.
Shopify
Video link coming soon
