MakroClick
Designing the online grocery shopping experience for Thailand's leading wholesale retailer.
Bringing Makro's wholesale catalog online.
Makro is Thailand's largest B2B wholesale retailer, operating large-format stores stocked with bulk goods for businesses and restaurants. MakroClick brought that catalog online, allowing customers to browse, purchase, and receive products through a digital channel.
The design challenge was translating a warehouse-scale product range into a browsable, promotion-driven shopping experience that worked equally well on desktop, tablet, and mobile. Shoppers needed to find products quickly, understand bulk versus unit pricing, and complete checkout without friction.
Selected screens from the MakroClick platform.
Homepage featuring a hero promotion banner, category navigation, and product grid, alongside the product listing page with sidebar category filters, product cards, and add-to-cart actions.
Account order history displaying past orders with product thumbnails and status, alongside a promotion-led category listing with a campaign hero and product grid.
Member registration form supporting both manual sign-up and Facebook login, alongside the account order history page showing past orders with product thumbnails, delivery details, and one-tap reorder actions.
Mobile views of the four primary shopping flows: homepage with search and promotions, product detail with pricing and add-to-cart, favorites list, and cart with item summary and checkout actions.
How we solved them.
Promotion-Driven Catalog
Campaigns and discounts were deeply integrated into browsing, not just the homepage. Category pages needed to carry promotion context without losing product clarity.
Bulk and Wholesale Pricing
Products were sold in bulk pack sizes with wholesale pricing. The detail page needed to communicate pack size, unit count, and price in a way that made sense to both business and household buyers.
Repeat Purchase Behavior
Many customers were businesses buying the same items regularly. The buying list feature needed to support repeat ordering across categories while keeping the summary and totals immediately visible.
Multi-Step Checkout Flow
Checkout required users to choose a fulfillment method, select a delivery time slot, and confirm address or store location, all within a single modal. The UI needed to adapt conditionally based on each choice without losing context across steps.
What I worked on.
This project covered UI design across all major platform surfaces, with an emphasis on creating a consistent, promotionally engaging experience that scaled across screen sizes.
End-to-End Experience
Designed core customer journeys across desktop, tablet, and mobile.
Product Discovery
Built navigation, categories, filters, and product browsing patterns.
Commerce Flows
Designed cart, checkout, favorites, and order tracking experiences.
Campaign & Promotion UX
Integrated promotional content and retail marketing patterns throughout the experience.
What people are saying about the project.
MakroClick was covered by media outlets and reviewed by users at launch, reflecting the demand for online grocery delivery during a period when in-store shopping became difficult.