{{ c.t }}
{{ c.d }}
Мобильный продукт / логистика / 2026
Посылка из семи стран — под контролем от заказа до выдачи.
SMARTBOX — концепт приложения для карго-доставки: трек-номера, зарубежные адреса складов, баланс и оплата, пункты выдачи и расчёт стоимости в одном сценарии. Кейс собран на основе реального продукта, визуальный слой изменён.
ТИПiOS / Android + веб-кабинет
ОБЪЁМ150+ экранов: мобильное приложение, сайт и личный кабинет с адаптивом
СТАТУСПортфолио-кейс, NDA
−31%
обращений «где посылка»
ОТПРАВКИ / НЕДЕЛЯ
01 / ОБЗОР
Карго перестаёт быть перепиской в мессенджере.
Клиент обычно узнаёт судьбу посылки только через оператора. Продукт переносит этот диалог в интерфейс: статусы, адреса складов, оплата и выдача становятся самостоятельными сценариями.
02 / ПУТЬ КЛИЕНТА
Один заказ — четыре ключевых момента.
Сценарий выстроен вокруг действий, которые клиент реально повторяет: получить адрес, отследить, оплатить, забрать.
{{ s.t }}
{{ s.d }}
{{ s.uiLabel }}
{{ s.uiValue }}
03 / ЧТО РАБОТАЕТ В ДЕМО
Логика продукта проверяется руками.
Каждое действие меняет состояние интерфейса — так на кейсе видно поведение продукта, а не только его оформление.
{{ f.t }}
{{ f.d }}
04 / ИНТЕРФЕЙС
Плотные данные, спокойная подача.
Списки посылок, статусы и тарифы — это много цифр. Их держат в порядке единая сетка карточек, цветовая кодировка статусов и один акцент на действие в экране.
8 pt сетка
5 статусов
RU / KG / EN
Тёмная навигация
05 / ДИЗАЙН-СИСТЕМА
Система, в которой статус читается за полсекунды.
Палитра построена на глубоком петроле как навигационном слое, песочном золоте как единственном акценте действия и трёх сигнальных цветах для статусов. Всё остальное — нейтральная шкала.
ТИПОГРАФИКА
Display 34 / 600
Space Grotesk · заголовки
Title 20 / 600
карточки, экраны
Body 16 / 400 · Manrope
основной текст
CAPTION 12 / 600 · ТРЕК-ДАННЫЕ
метки и цифры
СЕТКА И ТОКЕНЫ
Шаг сетки8 pt
Радиусы10 / 14 / 18 / 999
Мин. кнопка44 × 44
Акцент на экранеодин
СТАТУСНАЯ МОДЕЛЬ
На складепринята, ждёт отправки
В путитранзит и сортировка
В ПВЗготова к выдаче
Полученоархив клиента
Проблемаперевес, запрет, повреждение
КОМПОНЕНТЫ В СВЕТЛОЙ ТЕМЕ
Основное
Вторичное
Контурное
Все
В пути
В ПВЗ
Введите трек-номер
KG7742118093Китай авто · 2,4 кг
В пути
06 / ЭКОСИСТЕМА
Четыре продукта вокруг одной посылки.
Клиент, оператор ПВЗ, склад и маркетинг работают с разными интерфейсами, но с одной моделью данных: посылка, статус, вес, тариф, платёж.
Мобильное приложение
Адреса складов, трекинг, баланс, калькулятор, ПВЗ и доставка до дома.
iOSAndroidPush
Личный кабинет
Таблицы отправлений, история платежей, доверенные лица, выгрузки.
ДашбордЭкспорт
Панель склада и ПВЗ
Сканирование, приёмка, взвешивание, формирование рейсов, выдача по коду.
СканерРоли
Сайт и уведомления
Тарифы, карта ПВЗ, публичный трекинг и статусы в мессенджере.
ЛендингWhatsApp
ПУТЬ ДАННЫХ
Магазинзаказ на адрес склада
Склад страныприёмка, вес, фото
Транзитрейс, авиа или авто
СортировкаБишкек, распределение
ПВЗоплата и выдача
Клиентархив и отзыв
Каждый переход — событие в API: оно меняет статус в приложении, отправляет push и попадает в отчёт склада. Демо повторяет эту цепочку локально.
07 / ВЕБ-КАБИНЕТ
Тот же аккаунт — в браузере, с таблицами и выгрузками.
Кабинет нужен тем, кто заказывает десятками: широкие таблицы, статусная аналитика, адреса складов и данные получателя. Раздел ниже кликабельный.
08 / ЛЕНДИНГ
Публичный сайт: тарифы, трекинг без входа, установка приложения.
Третий элемент экосистемы. Задача лендинга — снять первые вопросы о ценах и сроках и довести до регистрации. Трекинг и FAQ ниже работают.
09 / КАК МЫ ВЕДЁМ ПРОЕКТ
Тот же порядок работы, что и на клиентском проекте.
Сначала бизнес и операционка склада, затем UX, дизайн-система, разработка и инфраструктура запуска.
{{ w.t }}
{{ w.d }}
ПРОДАКШН-СТЕК
React Native или Flutter · Node.js / NestJS · PostgreSQL · REST API · интеграции складских систем и трекинга · Firebase / APNs · облачный хостинг, мониторинг, аналитика.
10 / ДЕМО → ПРОДАКШН
От прототипа в браузере до рабочего сервиса доставки.
Что работает сейчас
Локальное состояние в браузере
Поиск и статусы посылок
Расчёт стоимости по тарифам
Список ПВЗ и графики работы
Без аккаунтов и облака
→
Что добавляется дальше
Аккаунты, клиентский код, KYC
Интеграция складов и сканирование
Онлайн-оплата и баланс
Push-уведомления по статусам
Веб-кабинет и админка склада
11 / СТУДИЯ
От идеи до приложения, которым пользуются каждый день.
Берём полный цикл: стратегия, UX/UI, мобильная разработка, бэкенд, интеграции, тестирование и запуск.
{{ p.t }}
{{ p.d }}
12 / ИНТЕРАКТИВНОЕ ДЕМО
Не скриншоты, а работающий продукт.
Найдите посылку по трек-номеру, отфильтруйте статусы, посчитайте стоимость доставки и посмотрите график ПВЗ — всё считается в браузере, без бэкенда.
ТРЕК-НОМЕР
KG774211
В пути
РАСЧЁТ 6 КГ
$21,0
Китай авто · 12–18 дней
13 / FAQ