Darya Seregina

Senior Product Designer

Main page

SaaS

SaaS

B2B

B2B

Flagman Oil Expert

Flagman Oil Expert

Flagman Oil Expert

One system, three admin panels: designing role-based UX for complex operations

One system, three admin panels: designing role-based UX for complex operations

One system, three admin panels: designing role-based UX for complex operations

Overview

Overview

Overview

Flagman Oil Expert is a B2B platform that brings suppliers, distributors, and retailers together in one system. The platform covers the full supply chain flow

— from product assortment and pricing to order management, delivery, documents, and analytics. The main goal of the project is to remove gaps between participants, reduce manual work, and make complex

B2B processes transparent and manageable even

as the business scales.

Flagman Oil Expert is a B2B platform that brings suppliers, distributors, and retailers together in one system. The platform covers the full supply chain flow — from product assortment and pricing to order management, delivery, documents, and analytics. The main goal of the project is to remove gaps between participants, reduce manual work, and make complex B2B processes transparent and manageable even as the business scales.

Flagman Oil Expert is a B2B platform that brings suppliers, distributors, and retailers together in one system. The platform covers the full supply chain flow — from product assortment and pricing to order management, delivery, documents, and analytics. The main goal of the project is to remove gaps between participants, reduce manual work, and make complex B2B processes transparent and manageable even as the business scales.

Sphere

Sphere

Role

Role

Team

Team

Supply Chain & Distribution, B2B Platform

Supply Chain & Distribution, B2B Platform

Lead Product Designer

Lead Product Designer

2 marketers, 2 designers, 1 developer

2 marketers, 2 designers, 1 developer

Problems & Tasks

Problems & Tasks

Problems & Tasks

Low automation

Low automation

Low automation

Processes depend on manual actions

Processes depend on manual actions

Processes depend on manual actions

Pricing chaos

Pricing chaos

Pricing chaos

Unstable

and unclear pricing rules

Unstable

and unclear pricing rules

Unstable

and unclear pricing rules

Errors

Errors

Errors

Mistakes in orders and inventory

Mistakes in orders and inventory

Mistakes in orders and inventory

Lack of visibility

Lack of visibility

Lack of visibility

No shared view of the supply chain

No shared view of the supply chain

No shared view of the supply chain

Market

Market

Market

Prevent errors through system logic

Why?

The system should restrict invalid actions and guide users through correct workflows by design

The system should restrict invalid actions and guide users through correct workflows by design

Error prevention = stable processes and scalable operations

Error prevention = stable processes and scalable operations

Error prevention = stable processes and scalable operations

Scalability

Scalability

Error prevention

Error prevention

Reduce time to action (TTA)

Why?

Access to product cards, contact information, documents and orders in one click

Faster access to data = faster decisions

Decision-making

Decision-making

Efficiency

Efficiency

Make complex workflows easy to use

Why?

Interface should help users quickly understand what’s happening and what they need to do at each step

Lower cognitive load = fewer mistakes and faster daily work

Lower cognitive load = fewer mistakes and faster daily work

Usability

Usability

Reliability 

Reliability 

User-Flow

User-Flow

User-Flow

Prototyping

Prototyping

Prototyping

A new look at B2B

process automation

A new look at B2B

process automation

A new look at B2B

process automation

The system is designed as a single workspace for the entire supply chain — suppliers, distributors, and retailers

The system is designed as a single workspace for

the entire supply chain — suppliers, distributors,

and retailers

Each role sees only what is relevant, while everyone works with the same up-to-date data

Each role sees only what is relevant, while everyone works with the same up-to-date data

Pricing, statuses and process steps are defined at the system level and do not depend on manual coordination

Pricing, statuses and process steps are defined at the system level and do not depend on manual coordination

Process automation help prevent mistakes before they happen

Process automation help prevent mistakes before they happen

Clear statuses, fixed totals, and a full change history make processes predictable for all sides

Clear statuses, fixed totals, and a full change history make processes predictable for all sides

Inventory automation — Manage products in one click

Inventory automation — Manage products in one click

Inventory automation — Manage products in one click

All products, stock levels, and statuses are shown in one place. Filters and period-based sorting make it easy to work with large data sets without extra screens or manual checks

All products, stock levels, and statuses are shown in one place. Filters and period-based sorting make it easy to work with large data sets without extra screens or manual checks

All product details in one view

All product details in one view

All product details in one view

Name, brand, stock level, and description are structured into clear sections. Instead of spreading actions across multiple screens, the card keeps decisions close to the data, making product management faster and more reliable

Name, brand, stock level, and description are structured into clear sections. Instead of spreading actions across multiple screens, the card keeps decisions close to the data, making product management faster and more reliable

Orders as a Controlled Process

Orders as a Controlled Process

Orders as a Controlled Process

A complex multi-role workflow turns into a structured and transparent system. Clear statuses, fixed totals, and a full change history allow suppliers, distributors, and retailers to work within one shared process — without manual coordination or constant clarifications

A complex multi-role workflow turns into a structured and transparent system. Clear statuses, fixed totals, and a full change history allow suppliers, distributors, and retailers to work within one shared process — without manual coordination or constant clarifications

Review-first order flow

Review-first order flow

Review-first order flow

When a request comes in, the manager checks real stock availability

and conditions before approving or rejecting it. This prevents over-selling, stock conflicts, and broken expectations between partners

When a request comes in, the manager checks real stock availability

and conditions before approving or rejecting it. This prevents over-selling, stock conflicts, and broken expectations between partners

Track every order — from creation to delivery

Track every order — from creation to delivery

Track every order — from creation to delivery

All active and completed orders are grouped by status and shown in a single view.

Managers can instantly see what’s being prepared, approved, delivered, or already completed — without opening each order one by one

All active and completed orders are grouped by status and shown in a single view.

Managers can instantly see what’s being prepared, approved, delivered, or already completed — without opening each order one by one

One system instead of fragmented tools

One system instead of fragmented tools

One system instead of fragmented tools

No more juggling tools and files — everything is now in one place. Products, orders, documents, analytics, and communication are connected into one transparent flow for suppliers, distributors, and stores

No more juggling tools and files — everything is now in one place. Products, orders, documents, analytics, and communication are connected into one transparent flow for suppliers, distributors, and stores

No more juggling tools and files — everything is now in one place. Products, orders, documents, analytics, and communication are connected into one transparent flow for suppliers, distributors, and stores

Documents without chaos

Documents without chaos

Documents without chaos

All operational documents are stored in one structured space and linked to real clients and orders. Invoices, receipts, acceptance acts and the database of all customers are always easy to find and download the necessary document

All operational documents are stored in one structured space and linked to real clients and orders. Invoices, receipts, acceptance acts and the database of all customers are always easy to find and download the necessary document

Why it works?

Why it works?

I designed Flagman Oil Expert around one belief: if the system is smart enough, the interface can be simple. Role-based panels give each participant a focused workspace. Approval gates, stock validation and fixed pricing rules catch errors before they cost anything. And one-click access to all critical data means users spend their time deciding — not searching.

I designed Flagman Oil Expert around one belief: if the system is smart enough, the interface can be simple. Role-based panels give each participant a focused workspace. Approval gates, stock validation and fixed pricing rules catch errors before they cost anything. And one-click access to all critical data means users spend their time deciding — not searching.

I designed Flagman Oil Expert around one belief: if the system is smart enough, the interface can be simple. Role-based panels give each participant a focused workspace. Approval gates, stock validation and fixed pricing rules catch errors before they cost anything. And one-click access to all critical data means users spend their time deciding — not searching.

Results and impact

Results and impact

Up to 50% less manual work — product uploads, inventory updates,

and order handling moved from spreadsheets and chats into automated workflows.

Up to 50% less manual work — product uploads, inventory updates,

and order handling moved from spreadsheets and chats into automated workflows.

Up to 50% less manual work — product uploads, inventory updates,

and order handling moved from spreadsheets and chats into automated workflows.

40% fewer order issues stock-based order approval and clear system rules reduced overselling, rework, and last-minute fixes.

40% fewer order issues stock-based order approval and clear system rules reduced overselling, rework, and last-minute fixes.

40% fewer order issues stock-based order approval and clear system rules reduced overselling, rework, and last-minute fixes.

2× faster time to action — predictable workflows and familiar patterns reduce confusion, cognitive load and speed up decision-making.

2× faster time to action — predictable workflows and familiar patterns reduce confusion, cognitive load and speed up decision-making.

2× faster time to action — predictable workflows and familiar patterns reduce confusion, cognitive load and speed up decision-making.

Darya Seregina © 2026

seregina.design@mail.ru

Version 1.0

Darya Seregina

Main page

SaaS

B2B

Flagman Oil Expert

One system, three admin panels: designing role-based UX for complex operations

Overview

Flagman Oil Expert is a B2B platform that brings suppliers, distributors, and retailers together in one system. The platform covers the full supply chain flow — from product assortment and pricing to order management, delivery, documents, and analytics. The main goal of the project is to remove gaps between participants, reduce manual work, and make complex B2B processes transparent and manageable even as the business scales.

Sphere

Role

Team

Supply Chain & Distribution, B2B Platform

Lead Product Designer

2 marketers, 2 designers, 1 developer

Problems & Tasks

Nova Geon is a career guidance platform built for every side of the process — from the student finding their path to the employer looking for the right candidate. The platform

Key issues that were identified: manual processes across every step, unstable pricing rules, frequent order errors, zero shared visibility across supply chain participants.

Why?

Error prevention = stable processes and scalable operations

The system should restrict invalid actions and guide users through correct workflows by design.

The system should restrict invalid actions and guide users through correct workflows by design

Prevent errors through system logic

Prevent errors through system logic

Error prevention

Error prevention

Scalability

Scalability

Why?

Error prevention = stable processes and scalable operations

Faster access to data = faster decisions

The system should restrict invalid actions and guide users through correct workflows by design.

Access to product cards, contact information, documents and orders in one click

Prevent errors through system logic

Reduce time to action (TTA)

Error prevention

Decision-making

Scalability

Efficiency

Why?

Error prevention = stable processes and scalable operations

Lower cognitive load = fewer mistakes and faster daily work

The system should restrict invalid actions and guide users through correct workflows by design.

Interface should help users quickly understand what’s happening and what they need to do at each step

Prevent errors through system logic

Make complex workflows easy

to use

Make complex workflows easy to use

Error prevention

Usability

Scalability

Reliability

Usability

Reliability

User-Flow

Prototyping

A new look at B2B

process automation

The system is designed as a single workspace for the entire supply chain — suppliers, distributors, and retailers

Each role sees only what is relevant, while everyone works with the same up-to-date data

Pricing, statuses and process steps are defined at the system level and do not depend on manual coordination

Process automation help prevent mistakes before they happen

Clear statuses, fixed totals, and a full change history make processes predictable for all sides

Manage products in one click

All products, stock levels, and statuses are shown in one place. Filters and period-based sorting make it easy to work with large data sets without extra screens or manual checks

All products, stock levels, and statuses are shown in one place. Filters and period-based sorting make it easy to work with large data sets without extra screens or manual checks

All product details in one view

Details and description are structured into clear sections. Instead of spreading actions across multiple screens, the card keeps decisions close to the data, making product management faster and more reliable.

Details and description are structured into clear sections. Instead of spreading actions across multiple screens, the card keeps decisions close to the data, making product management faster and more reliable.

Orders as a Controlled Process

A complex multi-role workflow turns into a structured and transparent system. Clear statuses, fixed totals, and a full change history allow suppliers, distributors, and retailers to work within one shared process — without manual coordination or constant clarifications

Review-first order flow

When a request comes in, the manager checks real stock availability and conditions before approving or rejecting it. This prevents over-selling, stock conflicts, and broken expectations between partners

When a request comes in, the manager checks real stock availability and conditions before approving or rejecting it. This prevents over-selling, stock conflicts, and broken expectations between partners

Track every order

All active and completed orders are grouped by status and shown in a single view.

Managers can see what’s being approved, delivered, or already completed — without opening each order one by one.

All active and completed orders are grouped by status and shown in a single view.

Managers can see what’s being approved, delivered, or already completed — without opening each order one by one.

One system instead of fragmented tools

One system instead

of fragmented tools

No more juggling tools and files — everything is now

in one place. Products, orders, documents, analytics,

and communication are connected into one transparent flow for suppliers, distributors, and stores

No more juggling tools and files — everything is now in one place. Products, orders, documents, analytics, and communication are connected into one transparent flow for suppliers, distributors, and stores

Documents without chaos

All operational documents are stored in one structured space and linked to real clients and orders. Invoices, receipts, acceptance acts and the database of all customers are always easy to find and download the necessary document

All operational documents are stored in one structured space and linked to real clients and orders. Invoices, receipts, acceptance acts and the database of all customers are always easy to find and download the necessary document

Why it works?

I designed Flagman Oil Expert around one belief: if the system is smart enough, the interface can be simple. Role-based panels give each participant a focused workspace. Approval gates, stock validation and fixed pricing rules catch errors before they cost anything. And one-click access to all critical data means users spend their time deciding — not searching.

Results and impact

Up to 50% less manual work product uploads, inventory updates,

and order handling moved from spreadsheets and chats into automated workflows

Up to 50% less manual work product uploads, inventory updates, and order handling moved from spreadsheets and chats into automated workflows

40% fewer order issues stock-based order approval and clear system rules reduced overselling, rework, and last-minute fixes

2× faster time to action predictable workflows and familiar patterns reduce confusion, cognitive load and speed up decision-makin

Darya Seryogina © 2026

Darya Seregina © 2026

Version 1.0

Create a free website with Framer, the website builder loved by startups, designers and agencies.