E-commerce / Grocery
MyCart.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
- Knockout.js
- Custom Magento Theme
- Cloudflare
- Client
- MyCart.pk
- Duration
- Jan 2021 — Apr 2021
- Category
- E-commerce / Grocery
MyCart.pk is an online grocery store serving Karachi — groceries, fresh and dairy, beverages, bakery and snacks, baby and kids, personal care and home essentials, with free delivery inside the city. It is a Magento build behind Cloudflare with a custom theme.
Grocery is a different e-commerce problem to most. Basket sizes are large and item counts are high, so category navigation and add-to-cart have to be fast enough to survive a forty-item shop. The catalogue spans seven departments and dozens of sub-categories, and merchandising — bundle offers, offers of the month, daily deals — changes constantly.
Pakistan's grocery pricing adds a further wrinkle: prices fluctuate enough that the store charges the market price prevailing at delivery, so the storefront has to communicate that clearly at every step without eroding trust in the displayed price.
Key features
Seven-department grocery catalogue with deep sub-category navigation
Fast repeat add-to-cart flow tuned for large grocery baskets
Bundle offers, offers of the month and daily deal merchandising slots
Market-rate-at-delivery pricing communicated clearly through checkout
Karachi-scoped delivery with free-delivery thresholds
Custom Magento theme with account, cart and order management
My role
Magento frontend developer.
- Built and customised the Magento theme, category and product templates
- Implemented merchandising blocks for bundles, monthly offers and daily deals
- Optimised the add-to-cart and checkout flow for large grocery baskets
- Handled responsive layout and storefront performance behind Cloudflare
Challenges & solutions
Forty items in one basket. A checkout flow tuned for two-item orders falls apart at grocery scale. Inline quantity controls and add-to-cart without leaving the listing kept a full weekly shop from becoming forty page loads.
Prices that move between order and delivery. Charging the prevailing market rate is normal locally but reads as a bait-and-switch if it appears only at the end, so the disclosure runs from the category page through to checkout.
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-commerceUAEDubai.ae — Amanoon UAE Electronics Store
WooCommerce storefront for the UAE and GCC market: laptops, PCs, servers and components across a deep multi-level category tree, priced in AED.
- WordPress
- WooCommerce
- PHP
- MySQL
- +3