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
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
Tools Used
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 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
01Difficulty finding reliable suppliers
PROBLEM
02Inconsistent product quality
PROBLEM
03Delayed deliveries
PROBLEM
04Time-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.
RESEARCH
Research & Discovery
Conducted stakeholder interviews, field visits, and market analysis to map B2B procurement pain points.
DEFINE
Problem Definition
Synthesized findings to define core problems and opportunities in the packaging procurement process.
IDEATE
Ideation
Brainstormed solutions focused on creating an intuitive digital marketplace for packaging materials.
PROTOTYPE
Wireframing & Prototyping
Developed low-fidelity wireframes and interactive prototypes to validate structure and core flows.
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
- 01CEO emphasized the need for a digital platform to streamline the currently offline ordering process.
- 02COO highlighted the importance of incorporating real-time inventory updates and order tracking features in the app.
- 03Field sales team reported that businesses struggle to efficiently browse and find specific packaging materials in the current offline system.
- 04Customer success team noted frequent inquiries about order status and delivery timelines, suggesting a need for in-app notifications.
- 05Both management and sales team observed that smaller businesses need an intuitive, user-friendly interface to easily transition from offline to online ordering.
- 06Sales 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.
- 01The solution should be intuitive and user-friendly, catering to B2B customers with varying levels of tech literacy.
- 02The app's features should be easily discoverable for busy business owners and procurement managers.
- 03The 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
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.
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.
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
11View Design File
Wireframes, visual design, and UI screens across core procurement flows.
Open in Figma12Conclusion
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.