03 — Product Development
Bazaar
Ecommerce & Financial Services
What They Do
Bazaar is Pakistan's leading e-commerce and financial services platform, offering competitive pricing on everyday necessities, fast next-day delivery, and flexible payment plans through its mobile app.
How I Collaborated
I designed and developed their website with a minimal aesthetic and seamless functionality, ensuring a smooth, responsive experience across every device.
- Client
- Bazaar
- Services
- Website Design, Animation
- Year
- 2026
- Timeline
- 5 Weeks
- Tools
- Figma, Photoshop, ChatGPT
(01)
Overview
Bazaar’s website was redesigned to evolve from a B2B platform into a broader B2C and business ecosystem. The goal was a modern, minimal experience that clearly communicates what Bazaar offers, on every device.
- 30+
- Product categories to make easy to explore
- 2
- Audiences served by one experience
- 5
- Weeks from first question to launch
(02)
The Challenge
One website had to speak to shoppers and to businesses — without making either feel like an afterthought.
- 01
Two Audiences, One Experience
The website needed to serve both consumers and businesses without making either feel like an afterthought.
- 02
Complex Offering to Communicate
With multiple services, benefits, and 30+ product categories, users needed a faster way to understand what Bazaar offers and what is relevant to them.
- 03
Unclear Paths to Action
Users needed clearer navigation and content hierarchy to quickly move from discovering Bazaar to shopping, exploring Bazaar Pro, or contacting the business team.
(03)
The Approach
A clear, content-led experience with separate B2C and B2B journeys, bold typography, strong product visuals and simple navigation.
- 01
Separate Journeys
Dedicated B2C and B2B paths so shoppers and businesses each reach what is relevant to them quickly.
- 02
Bold Typography
Confident type and strong product visuals keep a large catalogue easy to scan and understand.
- 03
Simple Navigation
A clearer hierarchy and navigation move people from discovery to shopping, Bazaar Pro, or the business team.
- 04
Responsive Layouts
A mobile-first experience that stays consistent between desktop and mobile.
Selected Screens
(04)
Process
Design Process
- 01
Empathise
Interviews · User Research · Competitor Analysis · Observation
- 02
Define
Design Strategy · Problem Statement · User Persona · Empathy
- 03
Ideate
Brainstorming · User Flow · Information Architecture
- 04
Prototype
Sketch · Wireframe · UI Design · Prototype
- 05
Test
Usability Testing · Implement Feedback
Timeline
- Week 1
Understand
Problem and Goals
- Week 2
User Research
Benchmarking, User Interviews, Online Survey
- Week 3
Ideation
Userflow, Sketches, Wireframes
- Week 4
Design
UI Design, Prototype
- Week 5
Launch
Feedback, Reviews
(05)
Audience
Primary Persona
Ayesha Khan
Marketing Manager
Ayesha, a busy professional, manages shopping around a demanding job. She uses digital platforms for groceries, valuing quick, reliable, and easy experiences. She prefers clear categories, simple info, and a mobile experience that streamlines purchases.
Goals
- 01Find required products quickly
- 02Easily understand Bazaar’s different offerings
- 03Complete shopping with minimum effort
- 04Access a smooth mobile-first experience
- 05Quickly identify relevant categories and services
- 06Feel confident about where to go and what action to take
Pain Points
- 01Difficulty navigating through too many products and categories
- 02Unclear distinction between consumer and business offerings
- 03Spending too much time searching for everyday essentials
- 04Cluttered interfaces that make decision-making harder
- 05Inconsistent experiences across desktop and mobile
- 06Unclear next steps when exploring unfamiliar services
(06)
Design System
Colour
Bazaar Blue
#02A3FD
Ink
#0C0C0C
Slate
#2B4656
Mist
#DFE3E8
Typography
- Lemon MilkPrimary typography
- GothamSecondary typography
One Bazaar. Two journeys.