Gyan%
Portfolio ยท 2026
5 MIN READ

B2B Marketplace

BazaarNXT: B2B Procurement Platform

Moved B2B packaging procurement from offline chaos to a structured digital marketplace, eliminating supplier discovery friction and order tracking blind spots.

Problem & Solution

Problem Statement: Currently, B2B customers in the packaging materials industry rely on traditional offline methods for procurement, leading to inefficiencies, quality inconsistencies, and time-consuming processes. The BazaarNXT App aims to address these challenges by providing a digital solution. How Might We Statement: How might we design the BazaarNXT App's interface to be intuitive, user-friendly, and efficient for B2B customers with varying tech literacy levels and industry-specific needs, while streamlining the online product discovery and purchasing process for packaging materials?

Impact

As Product Designer, I led the end-to-end design of BazaarNXT's B2B ecommerce app for packaging materials, from stakeholder interviews and field visits to high-fidelity UI and prototype testing with buyers of varying tech literacy levels.

Focus Areas

B2B ProcurementLogisticsOrder ManagementSupply Chain Mgmt

Tools Used

Adobe After EffectsFigmaGoogle Docs

About BazaarNXT App

BazaarNXT is a B2B digital marketplace for packaging materials, built to replace the slow, fragmented offline procurement process that most businesses in the industry still rely on. The platform connects buyers directly with verified suppliers, offers real-time inventory visibility, and streamlines ordering and delivery tracking, all through a mobile app designed to work for buyers at any level of tech literacy.

01About BazaarNXT

BazaarNXT merchant showing the app
BazaarNXT buyer using the app in store

BazaarNXT set out to move B2B packaging procurement online, fixing the friction points that made offline sourcing slow and unreliable. Businesses were losing time chasing suppliers, second-guessing product quality, and working blind on delivery timelines. The platform was built to solve all three.

02Problems in the current landscape

PROBLEM

01

Difficulty finding reliable suppliers

PROBLEM

02

Inconsistent product quality

PROBLEM

03

Delayed deliveries

PROBLEM

04

Time-consuming procurement processes

03Design Process

We ran a five-stage design process grounded in field research and B2B-specific constraints, making sure every decision traced back to something a real buyer actually needed.

01

RESEARCH

Research & Discovery

Conducted stakeholder interviews, field visits, and market analysis to map B2B procurement pain points.

02

DEFINE

Problem Definition

Synthesized findings to define core problems and opportunities in the packaging procurement process.

03

IDEATE

Ideation

Brainstormed solutions focused on creating an intuitive digital marketplace for packaging materials.

04

PROTOTYPE

Wireframing & Prototyping

Developed low-fidelity wireframes and interactive prototypes to validate structure and core flows.

05

DESIGN

Visual Design

Created high-fidelity designs aligned with BazaarNXT's brand, accessible to buyers of all tech literacy levels.

04Stakeholder Interviews

I conducted stakeholder interviews with the CEO, COO, field sales team, and customer success team at BazaarNXT. Alongside internal interviews, the sales team facilitated direct access to B2B buyers in the field. These sessions gave us a ground-level view of how procurement actually worked, and where it consistently broke down. Every finding fed directly into the design goals.

05Key findings from stakeholder interviews

  • 01
    CEO emphasized the need for a digital platform to streamline the currently offline ordering process.
  • 02
    COO highlighted the importance of incorporating real-time inventory updates and order tracking features in the app.
  • 03
    Field sales team reported that businesses struggle to efficiently browse and find specific packaging materials in the current offline system.
  • 04
    Customer success team noted frequent inquiries about order status and delivery timelines, suggesting a need for in-app notifications.
  • 05
    Both management and sales team observed that smaller businesses need an intuitive, user-friendly interface to easily transition from offline to online ordering.
  • 06
    Sales representatives stressed the importance of designing a simple, accessible app interface to attract and retain less tech-savvy business owners.

06Ideation & Goals

Field visits and stakeholder interviews confirmed the problem was real, widespread, and worth solving. With that clarity, we defined what a good solution had to do.

  • 01
    The solution should be intuitive and user-friendly, catering to B2B customers with varying levels of tech literacy.
  • 02
    The app's features should be easily discoverable for busy business owners and procurement managers.
  • 03
    The design should be consistent with BazaarNXT's brand identity and existing digital platforms.

07Wireframes

After finalizing the information architecture, I created wireframes keeping our target persona front and center: the less tech-savvy but time-pressed B2B buyer. The wireframes mapped out five core flows: supplier browsing and discovery, product search and filtering, product detail and comparison, cart and order placement, and order tracking. Intuitive navigation and fast product discovery were the two non-negotiables at every stage. Once the structure was approved, I moved on to the visual design.

Information architecture and wireframe layout for core procurement flows
CLICK TO VIEW

Information architecture and wireframe layout for core procurement flows

08Colours

The palette was chosen to balance professionalism with approachability. Bold and muted tones sit together so the interface feels credible without being cold. Blue and orange carry the weight of trust, reliability, and energy, which are the right associations for a platform where buyers are committing real procurement budgets.

01#E64430
02#1F8300
03#6553E6
04#000000
#595959
#979797
#C4C4C4
#F9F9F9

09Visual Design

With wireframes signed off, I moved into high-fidelity design. Each mockup translated the structural decisions into real UI: components, color, and typography working together to feel credible to a B2B buyer without adding friction for less tech-savvy users.

Typography

Gilroy

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1234567890!@#$%^&*()_+-=

Designed by Radomir Tinkov

Designed with powerful OpenType features in mind, each weight includes extended language support (+ Cyrillic), fractions, tabular figures, arrows, ligatures and more. Perfectly suited for graphic design and any display use, Gilroy could easily work for web, signage, corporate as well as for editorial design.

Aa

Regular, Medium, Bold, Black

10UI Design

The UI was built around three decisions that came directly from research. First, a persistent search bar at the top of every screen, because buyers often know what material they need but not how it is categorized. Second, products organized by material type rather than supplier, so buyers could orient themselves without needing insider knowledge of the catalog. Third, a status-driven order management view with clear labels for open, pending, and delivered orders, so procurement managers could scan their pipeline at a glance. Large tap targets and a minimal step-count on the checkout flow made the experience accessible to business owners who are not regular app users.

Final UI screens across key procurement flows
CLICK TO VIEW

Final UI screens across key procurement flows

11View Design File

Wireframes, visual design, and UI screens across core procurement flows.

Open in Figma

12Conclusion

The BazaarNXT App replaced a fragmented offline process with a structured digital marketplace built around how B2B buyers actually work. From the five-stage design process to the research-backed UI decisions, every detail was grounded in something a real buyer told us. The result was a platform businesses could adopt without training, regardless of tech literacy. For BazaarNXT, it marked the shift from a traditional sales operation to a scalable digital product.