The challenge
Philips Avent is a global baby-care brand, and its Pakistan store had to feel native to local shoppers, not like a dumped international catalog. Three problems stood in the way.
- Noisy product discovery. Categories followed internal SKU logic, so a parent looking for a bottle or a breast pump had to work out how the catalog was organized before they could find anything.
- Navigation that fought mobile shoppers. Most parents shop on their phones. Menus and product cards that work on a desktop screen turned into pinching, zooming and backtracking on a small one.
- Slow pages on everyday phones. Heavy templates, unoptimized images and blocking scripts punished anyone browsing on a mid-range device, which is exactly the audience a local store needs to serve.
The solution
I rebuilt the site structure and UX around how parents actually search and buy, then made the pages lighter so that structure could load quickly.
- Categories built around the shopper. I restructured categories and product templates by age, need and product line instead of internal SKU logic, so the path from "what do I need?" to the right product is short and obvious.
- Mobile-first navigation and product cards. Navigation and cards were designed for thumbs first, so a shopper can scan products without pinch-zooming and move from listing to product page with fewer taps.
- A performance pass on the templates. Lighter templates, disciplined image handling and fewer blocking scripts on listing pages, the pages parents browse most, so the store stays usable on a mid-range phone.
The results
The result is a cleaner buying journey with less friction for parents shopping on mobile. Product discovery is organized around real needs, the store reads as a local storefront rather than a generic catalog, and listing pages load faster than they did on the old templates. The store is live in production, so you can judge it yourself rather than taking a staging mockup on trust.
If you run a store where most visitors arrive on phones, the same approach applies: structure the catalog around how customers search, design for thumbs first, and keep listing pages light. See my e-commerce and Shopify development service, read my Shopify vs WooCommerce comparison, or compare this with the Kaizer Leather Dubai PrestaShop-to-WooCommerce migration and the rest of my web development portfolio.