Bamptee
Unified enterprise platform for logistics, orders, stock, and workforce management.
CHALLENGE
A fast-growing B2B bakery in Paris expanded across the city and needed its own enterprise ecosystem to keep operations running smoothly. The ecosystem needs to be customizable so that it can be sold to other companies as a SaaS product.
RESPONSIBILITIES
Web and mobile design
User flows
Design system
Information architecture
Microcopy & UX Writing
DISCIPLINES
Product design
UX/UI design
TIMELINE
2018-2023
TOOLS
Figma
FigJam
BAMPTEE PRODUCTS
There are 4 main products that use the same database, so teams can work together and keep everything up to date in real time.
1. Bianta for logistics
Web and mobile
Manages roundtrips and orders, letting you assign orders to roundtrips and track their statuses in real time on the road.
User Personas:
Driver
Picker
Docker
Planner
1. Bianta for logistics
Web and mobile
Manages roundtrips and orders, letting you assign orders to roundtrips and track their statuses in real time on the road.
User Personas:
Driver
Picker
Docker
Planner
2. Ordoria for orders
Web
Facilitates order creation from both the company and client sides, with built-in verification workflows and a call plan module for seamless client communication.
User Personas:
Sales
Accountant
Client
2. Ordoria for orders
Web
Facilitates order creation from both the company and client sides, with built-in verification workflows and a call plan module for seamless client communication.
User Personas:
Sales
Accountant
Client
3. Iam for HR
Web
Handles company structure and HR management, making it easy to manage employee roles, HR tasks, and CRM functions in one place.
User Personas:
HR
3. Iam for HR
Web
Handles company structure and HR management, making it easy to manage employee roles, HR tasks, and CRM functions in one place.
User Personas:
HR
4. Stockee for stock management
Web
Specializes in stock management, enabling team to manage stock and supplier inventories efficiently.gement
User Personas:
Inventory Clerk
4. Stockee for stock management
Web
Specializes in stock management, enabling team to manage stock and supplier inventories efficiently.gement
User Personas:
Inventory Clerk
PROBLEMS
I joined the project as an intern and was later hired as a product designer. By the time I started, these were the main problems:
Team problems
Components were created inconsistently, scattered across 20+ Figma files, and weren’t maintained, making it hard to track the latest versions.
Components were created inconsistently, scattered across 20+ Figma files, and weren’t maintained, making it hard to track the latest versions.
A lot of design inconsistency led to implementation inconsistency, resulting in longer development times and the need for rework.
A lot of design inconsistency led to implementation inconsistency, resulting in longer development times and the need for rework.
It was impossible to halt the project for cleanup, as features needed to be delivered at a fast pace.
It was impossible to halt the project for cleanup, as features needed to be delivered at a fast pace.
We were using the MUI design system as-is, without adding any personal touch.
We were using the MUI design system as-is, without adding any personal touch.
User problems
Crucial modules were missing, so they had to keep using 3rd party software along with Bamptee
Crucial modules were missing, so they had to keep using 3rd party software along with Bamptee
Sometimes the interface was inconsistent, buggy and frustrating
Sometimes the interface was inconsistent, buggy and frustrating
STEPS TAKEN
For the team
I set up an Atomic Design methodology call with the designers to unify and simplify the way components were created.
I set up an Atomic Design methodology call with the designers to unify and simplify the way components were created.
On the side, while working on my main tasks, I gradually built a simple UI kit that later evolved into a full design system.
On the side, while working on my main tasks, I gradually built a simple UI kit that later evolved into a full design system.
I ran design reviews to find and fix bugs and inconsistencies.
I ran design reviews to find and fix bugs and inconsistencies.
I gradually cleaned up and structured old files, ensuring only relevant designs remained.
I gradually cleaned up and structured old files, ensuring only relevant designs remained.
Set up email/Telegram reminders for new lessons, pending payments, and expiring access.
Set up email/Telegram reminders for new lessons, pending payments, and expiring access.
For the business
I designed numerous modules for all four applications, both mobile and web.
I designed numerous modules for all four applications, both mobile and web.
I redesigned the driver's flow on mobile to ensure it's accessible for someone behind the steering wheel.
I redesigned the driver's flow on mobile to ensure it's accessible for someone behind the steering wheel.
Atomic Design Methodology call
To unify the way components were created, I explained the methodology, the soft grid of 4, and auto layout in Figma to interns and other designers, then demonstrated how to apply it in practice.
FEEDBACK
The designs improved significantly, making it much easier to collaborate with other designers' work.
Driver flow redesign
This was the first module I applied the new design system to. My main concern was making it accessible for the driver—ensuring the buttons were big enough and the contrast high enough to accommodate the driver’s situational disability, as they need to hold the wheel and pay attention to the road.
FEEDBACK
Drivers were happy with the updated design, finding it easier to complete their work and make fewer errors while using the app. They felt supported by our team.
Vehicle details redesign
Pre-Order Module
In the Pre-order module, clients can place bulk orders for upcoming holidays.
I worked closely with the project’s CPO on this module and was responsible for documenting user flows, creating a table with actions for each step of the flow for both the Client and Sales personas, and creating final mockups.
Design System
It's a minimal viable design system because, in this fast-paced project, there's no time to stop and focus on it—we need to keep delivering new modules and features.
To avoid overwhelming the devs with too much work at once, I took the MUI components they were using, tweaked them by removing unnecessary features, applying our own color variables, and swapping the MUI icons for our own icon pack. I softened the shadows, rounded the borders, created our own type scale.
Once it was done, I presented it to our dev team on a call, going in-depth to showcase each component’s properties.
FEEDBACK
It’s a work in progress, but it already does the job.
We’re currently working closely with developers to unify naming conventions and create a storybook to complete our design system. Our goal is to build a solid yet simple foundation for future growth and scalability.
OUTCOME
Cognitive load of the team has been reduced, design tasks and implementations are completed faster. The design system is nearing completion with its storybook and code, leading to fewer UI bugs and inconsistencies. Drivers make fewer mistakes, resulting in a safer driving experience.
↓28%
UI Bug Reduction
↓25.5%
Development Time
81%
Adoption Rate
Bamptee
Unified enterprise platform for logistics, orders, stock, and workforce management.
CHALLENGE
A fast-growing B2B bakery in Paris expanded citywide and needed a flexible enterprise ecosystem to manage operations—and later offer it as a SaaS product to others.
RESPONSIBILITIES
Web and mobile design
User flows
Design system
Information architecture
Microcopy & UX Writing
DISCIPLINES
Product design
UX/UI design
TIMELINE
2018-2023
TOOLS
Figma
FigJam
BAMPTEE PRODUCTS
There are 4 main products that use the same database, so teams can work together and keep everything up to date in real time.
There are 4 main products that use the same database, so teams can work together and keep everything up to date in real time.
1. Bianta for logistics
Web and mobile
Manages roundtrips and orders, letting you assign orders to roundtrips and track their statuses in real time on the road.
User Personas:
Driver
Picker
Docker
Planner
1. Bianta for logistics
Web and mobile
Manages roundtrips and orders, letting you assign orders to roundtrips and track their statuses in real time on the road.
User Personas:
Driver
Picker
Docker
Planner
2. Ordoria for orders
Web
Facilitates order creation from both the company and client sides, with built-in verification workflows and a call plan module for seamless client communication.
User Personas:
Sales
Accountant
Client
2. Ordoria for orders
Web
Facilitates order creation from both the company and client sides, with built-in verification workflows and a call plan module for seamless client communication.
User Personas:
Sales
Accountant
Client
3. Iam for HR
Web
Handles company structure and HR management, making it easy to manage employee roles, HR tasks, and CRM functions in one place.
User Personas:
HR
3. Iam for HR
Web
Handles company structure and HR management, making it easy to manage employee roles, HR tasks, and CRM functions in one place.
User Personas:
HR
4. Stockee for warehouses
Web
Specializes in stock management, enabling team to manage stock and supplier inventories efficiently.gement
User Personas:
Inventory Clerk
4. Stockee for warehouses
Web
Specializes in stock management, enabling team to manage stock and supplier inventories efficiently.gement
User Personas:
Inventory Clerk
PROBLEMS
I joined the project as an intern and was later hired as a product designer. By the time I started, these were the main problems:
I joined the project as an intern and was later hired as a product designer. By the time I started, these were the main problems:
Team problems
Components were created inconsistently, scattered across 20+ Figma files, and weren’t maintained, making it hard to track the latest versions.
Components were created inconsistently, scattered across 20+ Figma files, and weren’t maintained, making it hard to track the latest versions.
A lot of design inconsistency led to implementation inconsistency, resulting in longer development times and the need for rework.
A lot of design inconsistency led to implementation inconsistency, resulting in longer development times and the need for rework.
It was impossible to halt the project for cleanup, as features needed to be delivered at a fast pace.
It was impossible to halt the project for cleanup, as features needed to be delivered at a fast pace.
We were using the MUI design system as-is, without adding any personal touch.
We were using the MUI design system as-is, without adding any personal touch.
User problems
Crucial modules were missing, so they had to keep using 3rd party software along with Bamptee
Crucial modules were missing, so they had to keep using 3rd party software along with Bamptee
Sometimes the interface was inconsistent, buggy and frustrating
Sometimes the interface was inconsistent, buggy and frustrating
STEPS TAKEN
For the team
I set up an Atomic Design methodology call with the designers to unify and simplify the way components were created.
I set up an Atomic Design methodology call with the designers to unify and simplify the way components were created.
On the side, while working on my main tasks, I gradually built a simple UI kit that later evolved into a full design system.
On the side, while working on my main tasks, I gradually built a simple UI kit that later evolved into a full design system.
I ran design reviews to find and fix bugs and inconsistencies.
I ran design reviews to find and fix bugs and inconsistencies.
I gradually cleaned up and structured old files, ensuring only relevant designs remained.
I gradually cleaned up and structured old files, ensuring only relevant designs remained.
Set up email/Telegram reminders for new lessons, pending payments, and expiring access.
Set up email/Telegram reminders for new lessons, pending payments, and expiring access.
For the business
I designed numerous modules for all four applications, both mobile and web.
I designed numerous modules for all four applications, both mobile and web.
I redesigned the driver's flow on mobile to ensure it's accessible for someone behind the steering wheel.
I redesigned the driver's flow on mobile to ensure it's accessible for someone behind the steering wheel.
Atomic Design Methodology call
To unify the way components were created, I explained the methodology, the soft grid of 4, and auto layout in Figma to interns and other designers, then demonstrated how to apply it in practice.
To unify the way components were created, I explained the methodology, the soft grid of 4, and auto layout in Figma to interns and other designers, then demonstrated how to apply it in practice.
FEEDBACK
The designs improved significantly, making it much easier to collaborate with other designers' work.
Driver flow redesign
This was the first module where I applied the new design system, focusing on accessibility for drivers by using larger buttons and higher contrast so they could interact safely while keeping their attention on the road.
This was the first module where I applied the new design system, focusing on accessibility for drivers by using larger buttons and higher contrast so they could interact safely while keeping their attention on the road.
FEEDBACK
Drivers were happy with the updated design, finding it easier to complete their work and make fewer errors while using the app. They felt supported by our team.
Drivers were happy with the updated design, finding it easier to complete their work and make fewer errors while using the app. They felt supported by our team.
Vehicle details redesign
Pre-Order Module
In the Pre-order module, clients can place bulk orders for upcoming holidays.
I worked closely with the project’s CPO on this module and was responsible for documenting user flows, creating a table with actions for each step of the flow for both the Client and Sales personas, and creating final mockups.
In the Pre-order module, clients can place bulk orders for upcoming holidays.
I worked closely with the project’s CPO on this module and was responsible for documenting user flows, creating a table with actions for each step of the flow for both the Client and Sales personas, and creating final mockups.
Design System
I built a minimal viable design system on the side to keep up with fast-paced feature delivery. Tweaked existing MUI components by simplifying them, adding custom colors, icons, shadows, and type scale. Then presented it to the dev team to explain how to use it.
I built a minimal viable design system on the side to keep up with fast-paced feature delivery. Tweaked existing MUI components by simplifying them, adding custom colors, icons, shadows, and type scale. Then presented it to the dev team to explain how to use it.
FEEDBACK
It’s a work in progress, but it already does the job.
We’re currently working closely with developers to unify naming conventions and create a storybook to complete our design system. Our goal is to build a solid yet simple foundation for future growth and scalability.
It’s a work in progress, but it already does the job.
We’re currently working closely with developers to unify naming conventions and create a storybook to complete our design system. Our goal is to build a solid yet simple foundation for future growth and scalability.
OUTCOME
Cognitive load of the team has been reduced, design tasks and implementations are completed faster. The design system is nearing completion with its storybook and code, leading to fewer UI bugs and inconsistencies. Drivers make fewer mistakes, resulting in a safer driving experience.
Cognitive load of the team has been reduced, design tasks and implementations are completed faster. The design system is nearing completion with its storybook and code, leading to fewer UI bugs and inconsistencies. Drivers make fewer mistakes, resulting in a safer driving experience.
↓28%
UI Bug Reduction
↓25.5%
Development Time
81%
Adoption Rate
© Olga Kruglikova 2025. All Rights Reserved