<

B2B Procurement Portal

Overview

We built a procurement portal with RFQ workflows, multi-level approvals, a vendor dashboard, a document center, and real-time audit trails for every...

Type

Website & App

Role

Product Strategy, UX/UI Design, Frontend Development

Tools

Next.js, NestJS, PostgreSQL, Redis

Skills

UX Writing, Wireframing, Responsive Design, System Thinking

Color Palette

Ink

#0F172A

Signal Blue

#315EFB

Mist

#E8EEFF

Paper

#F8FAFC

Infrastructure

1

Home

2

Overview

3

Features

4

Workflow

5

Dashboard

6

Detail

7

Mobile

8

CTA

1
B2B Procurement Portal page 1
2
B2B Procurement Portal page 2
3
B2B Procurement Portal page 3
4
B2B Procurement Portal page 4
5
B2B Procurement Portal page 5
6
B2B Procurement Portal page 6
7
B2B Procurement Portal page 7
8
B2B Procurement Portal page 8

Design

The chosen theme for this project is modern product system. This theme was chosen so the product feels professional, clear, and ready for business use. The selected style is minimal, modular, and image-forward. This style keeps the focus on structure, creates breathing room, and makes the experience feel modern.

1

Home

The home page is designed to present key information clearly, keep the visual rhythm clean, and help users understand the project flow quickly.

2

Overview

The overview page is designed to present key information clearly, keep the visual rhythm clean, and help users understand the project flow quickly.

3

Features

The features page is designed to present key information clearly, keep the visual rhythm clean, and help users understand the project flow quickly.

4

Workflow

The workflow page is designed to present key information clearly, keep the visual rhythm clean, and help users understand the project flow quickly.

5

Dashboard

The dashboard page is designed to present key information clearly, keep the visual rhythm clean, and help users understand the project flow quickly.

6

Detail

The detail page is designed to present key information clearly, keep the visual rhythm clean, and help users understand the project flow quickly.

7

Mobile

The mobile page is designed to present key information clearly, keep the visual rhythm clean, and help users understand the project flow quickly.

8

CTA

The cta page is designed to present key information clearly, keep the visual rhythm clean, and help users understand the project flow quickly.