← Back
Birsan IMS

Birsan — Web Dashboard

A web-based inventory management interface for warehouse managers — stock control, supplier tracking, and analytics in one system.

🖥️
Case study in progress

The web case study covers the manager dashboard — inventory control, stock movements, supplier management, and reporting for desktop.

Coming soon · 2026

Birsan — Веб-дашборд

Веб-интерфейс управления складом для менеджеров — контроль остатков, работа с поставщиками и аналитика в одной системе.

🖥️
Кейс в процессе

Веб-кейс охватывает дашборд менеджера — управление остатками, движение товаров, работу с поставщиками и отчётность для десктопа.

Скоро · 2026

Birsan Mobile — Cart Redesign

Redesigning the sales cart for retail cashiers — replacing a flat text list with a visual, error-resistant interface that made high-volume checkout faster and more accurate.

Role
Product Designer
Platform
Android & iOS
Year
2025 — Present
↓22%
Reduction in cart correction errors
Faster item editing flow
8
Critical UX problems found in discovery
3 mo
Design and development cycle
Context

Birsan is a retail B2B platform used by cashiers and inventory managers across multiple retail locations. The mobile app is the primary tool for cashiers processing sales on the floor — scanning items, building a cart, and completing payment transactions under constant time pressure.

Discovery

Through field observation sessions at 3 retail locations and interviews with 8 cashiers, I mapped the core frictions in the sales cart flow. The original interface was a numbered text list with no visual product identification — fast to build, but unreliable under pressure.

Pain point 1 — Visual ambiguity
Cashiers had to read item names carefully to distinguish similar products (e.g. "Ручка синяя" vs "Ручка чёрная"), increasing error rate during busy hours.
Pain point 2 — No inline quantity editing
Changing an item's quantity required going back to the catalog, finding the product, and re-adding it. There was no in-cart control.
Pain point 3 — Visual noise
Orange-highlighted rows for in-cart items created cognitive overload — cashiers struggled to quickly review the total and spot errors before checkout.
Pain point 4 — Edit flow confusion
Tapping a cart item to edit it opened the same "Add item" modal used for adding new products. Cashiers frequently hit "Add" instead of saving changes — creating duplicate entries and requiring manual correction.
Pain point 5 — Payment screen fragmentation
The cash payment screen was split across two separate screens — amount entry and confirmation — with no visual connection between them. Cashiers lost context mid-flow and had to mentally reconcile two different totals shown on separate screens.
User Flow — Sale Transaction

Mapping the end-to-end flow revealed that critical problems clustered across three steps: Cart Review, Edit Item, and Payment. All three were redesigned over a 3-month cycle alongside active development.

01
Open Sale
02
Search / Scan
03
Cart Review
⚠ 3 issues
04
Edit Item
⚠ 1 issue
05
Payment
⚠ 1 issue
06
Receipt
Cart Redesign — Before & After

Drag the handle to compare the original cart and the redesigned version side by side.

New cart Old cart
Before
After
Edit Item — Before & After

The old edit flow reused the "Add item" modal — same UI, different intent. The new design is a dedicated full-screen editor with clear sections, visible price breakdown, and a single save action.

New edit screen Old edit modal
Before
After
Payment — Before & After

The original payment flow split amount entry and confirmation across two screens, creating context switching under pressure. The redesign merges both into a single unified screen — payment method, amount, quick-entry banknote buttons, and the total are all visible at once.

New payment screen Old payment screen
Before
After
Key Design Decisions
01
Product thumbnails as primary identifier
Added product images to each cart row so cashiers can confirm items at a glance — reducing reliance on reading product names under time pressure. Images load from the existing product catalog API.
02
Inline quantity controls
Replaced the back-and-re-add flow with a −/+ stepper directly in the cart row. Editing quantity now takes one tap instead of 4+ steps, and the updated total is reflected immediately.
03
Stock badges for low inventory awareness
Each item now shows a stock badge (units available). When stock is negative, the badge turns red — giving cashiers immediate feedback before a sale is confirmed rather than discovering discrepancies after.
04
Dedicated Edit Item screen
Replaced the ambiguous "Add" modal with a purpose-built edit screen. Clear visual hierarchy separates product info, quantity, and discount into distinct cards. A single "Save" CTA eliminates the risk of accidentally adding a duplicate entry.
05
Unified single-screen payment
Merged the fragmented two-screen cash flow into one. Payment method, entered amount, quick-select banknote buttons, change calculation, and the confirm CTA are all visible without scrolling — eliminating the mental load of switching between screens mid-transaction.
The Outcome

The redesigned cart shipped after a 3-month design and development cycle. Usage data from retail locations showed a measurable drop in cart correction events and an overall improvement in cashier confidence during checkout.

↓22%
Cart correction events per shift
↑14%
Checkout speed — avg. items per minute
8/10
Cashier satisfaction score after rollout
3
Minor post-launch issues resolved in 30 days

Birsan Mobile — Редизайн корзины

Редизайн корзины продаж для кассиров ритейла — замена текстового списка на визуальный, устойчивый к ошибкам интерфейс, который ускорил оформление и снизил количество ошибок.

Роль
Продуктовый дизайнер
Платформа
Android и iOS
Год
2025 — н.в.
↓22%
Снижение ошибок при выборе товара
Быстрее редактирование количества
8
Критичных UX-проблем выявлено в discovery
3 мес
Цикл дизайна и разработки
Контекст

Birsan — B2B-платформа для ритейла, которой пользуются кассиры и менеджеры склада в нескольких торговых точках. Мобильное приложение — основной инструмент кассира в зале: сканирование товаров, формирование корзины и проведение оплаты под постоянным временным давлением.

Дискавери

В ходе наблюдений на 3 торговых точках и интервью с 8 кассирами я зафиксировал ключевые точки трения в флоу продажи. Исходный интерфейс — пронумерованный текстовый список без визуальной идентификации товаров: быстрый в разработке, но ненадёжный под нагрузкой.

Проблема 1 — Визуальная неоднозначность
Кассирам приходилось внимательно читать названия похожих товаров (например, «Ручка синяя» и «Ручка чёрная»), что увеличивало число ошибок в часы пик.
Проблема 2 — Нет редактирования количества
Чтобы изменить количество товара, нужно было возвращаться в каталог, находить товар и добавлять заново — никакого управления внутри корзины.
Проблема 3 — Визуальный шум
Оранжевая подсветка строк создавала когнитивную перегрузку — кассирам было сложно быстро проверить итоговый список и заметить ошибку до оформления.
Проблема 4 — Путаница в редактировании
Нажатие на товар в корзине открывало то же модальное окно «Добавить товар», что и при добавлении нового. Кассиры часто нажимали «Добавить» вместо сохранения изменений — создавая дублирующую позицию, которую затем приходилось удалять вручную.
Проблема 5 — Фрагментированный экран оплаты
Оплата наличными была разбита на два отдельных экрана — ввод суммы и подтверждение. Кассиры теряли контекст в середине флоу и вынуждены были сопоставлять две разные суммы на двух разных экранах под давлением очереди.
User Flow — транзакция продажи

Картирование флоу показало: критичные проблемы сосредоточены на трёх шагах — корзина, редактирование позиции и оплата. Все три были переработаны в рамках 3-месячного цикла параллельно с активной разработкой.

01
Открыть продажу
02
Поиск / Сканирование
03
Корзина
⚠ 3 проблемы
04
Редактирование позиции
⚠ 1 проблема
05
Оплата
⚠ 1 проблема
06
Чек
Редизайн корзины — До и после

Перетащите ползунок чтобы сравнить оригинальную корзину с редизайном.

Новая корзина Старая корзина
До
После
Редактирование позиции — До и после

Старый флоу редактирования переиспользовал модальное окно «Добавить товар» — одинаковый UI, разные намерения. Новый дизайн — выделенный полноэкранный редактор с чёткими секциями, разбивкой цены и единственной кнопкой сохранения.

Новый экран редактирования Старое модальное окно
До
После
Оплата — До и после

Исходный флоу оплаты наличными был разбит на два экрана — ввод суммы и подтверждение — без визуальной связи между ними. Редизайн объединяет всё в один экран: способ оплаты, поле суммы, кнопки быстрого выбора купюр, сдача и кнопка подтверждения — всё доступно без переключения.

Новый экран оплаты Старый экран оплаты
До
После
Ключевые дизайн-решения
01
Превью товара как основной идентификатор
Добавил изображения товаров в каждую строку корзины — кассир видит товар с первого взгляда, без необходимости читать название. Изображения подтягиваются из существующего API каталога.
02
Редактирование количества прямо в корзине
Заменил сценарий «вернись и добавь заново» на степпер −/+ внутри строки. Изменение количества — один тап вместо 4+ шагов, итог обновляется мгновенно.
03
Бейдж остатков для контроля наличия
Каждый товар теперь показывает количество в наличии. При отрицательном остатке бейдж краснеет — кассир видит проблему до подтверждения продажи, а не после.
04
Выделенный экран редактирования позиции
Заменил неоднозначное модальное окно «Добавить» на специальный экран редактирования. Чёткая визуальная иерархия разделяет информацию о товаре, количество и скидку на отдельные карточки. Единственная кнопка «Сохранить» исключает риск случайного создания дубликата.
05
Единый экран оплаты
Объединил фрагментированный двухэкранный флоу наличной оплаты в один. Способ оплаты, введённая сумма, кнопки быстрого выбора купюр, расчёт сдачи и кнопка подтверждения — всё видно без прокрутки и переключения между экранами.
Результат

Редизайн был выпущен после 3-месячного цикла дизайна и разработки. Данные из торговых точек зафиксировали снижение количества исправлений в корзине и общий рост уверенности кассиров при оформлении.

↓22%
Исправлений корзины за смену
↑14%
Скорость оформления — товаров в минуту
8/10
Оценка кассиров после запуска
3
Минорных проблемы закрыто в первые 30 дней

Birsan — POS System

A point-of-sale interface built for speed and accuracy at checkout — touch-optimised, minimal errors under high-volume conditions.

🖥️
Case study in progress

The POS case study covers the cashier and checkout interface — product search, basket management, payment processing, and receipt handling for touch screens.

Coming soon · 2026

Birsan — POS-система

Кассовый интерфейс для быстрой и точной работы — оптимизирован под touch-экраны и высокую нагрузку.

🖥️
Кейс в процессе

POS-кейс охватывает интерфейс кассира — поиск товаров, управление корзиной, обработку оплаты и печать чеков для сенсорных экранов.

Скоро · 2026