404
SOFTEN
404
SOFTEN
404
SOFTEN
2025
год
сфера
торговля / логистика
Дизайн-задача
услуги
404
SOFTEN
404
SOFTEN
404
SOFTEN
Обзор
Инструменты
Figma
Моя роль
Соло — концепция, UI, UI kit
Контекст
Дизайн-задача по брифу Soften для B2B-платформы (трейдинг, логистика, закупки, цепочки поставок)
Задача
Разработать страницу ошибки/404 для B2B-платформы в сфере логистики и трейдинга — состояние, которое многие команды считают второстепенным, но которое всё равно должно удерживать внимание бизнес-пользователя и помогать ему вернуться к работе с продуктом.
03
блок прямой связи
для тех, кому нужна немедленная помощь
02
поисковая строка
для тех, кто точно знает, что искать
01
основной CTA
на главную страницу
Вместо тупика страница предлагает три пути:
Мой подход
Все это отражает то, что B2B-пользователям часто требуется более быстрая и прямая поддержка, чем B2C-аудитории.
Вместо типового экрана «страница не найдена» я оттолкнулась от специфики отрасли клиента: текст играет на логистической метафоре («даже у лучшей логистики бывают непредвиденные маршруты»), что держит тон профессиональным, но живым — это важно для B2B-аудитории, которая не хочет ощущения, что попала на сломанное консьюмерское приложение.
03
02
01
Собрала UI-кит (типографика, кнопки, варианты лого, цветовая система) в дополнение к самой странице — отнеслась даже к одному экрану как к части переиспользуемой системы, как это было бы в реальном продукте.
Оставила крупную, но полупрозрачную надпись «404» фоном, чтобы она не конкурировала с вариантами навигации — цель была не декорация, а восстановление маршрута.
Ключевые решения
Добавила быстрые ссылки на основные категории услуг платформы (Trading, Logistics, Procurement, Support, Supply Chain), чтобы потерявшийся пользователь мог сам сориентироваться, не возвращаясь сначала на главную.
Спокойное состояние ошибки
Навигация без лишних шагов
Собрано как система, а не разовый экран
Результат
Концепт выполнен по брифу и одобрен компанией для использования в портфолио.
Другие проекты