Компания «PAP.PRO» столкнулась с тем, что их старый сайт не справлялся с растущим ассортиментом (более 1000 SKU) и не позволял эффективно оформлять оптовые заказы. Задача — создать современный, сложный дизайн интернет-магазина, который упростит навигацию для B2B-клиентов, автоматизирует процесс заказа и повысит доверие к бренду как к крупному поставщику.
Вместо шаблонного подхода была разработана целостная экосистема дизайна, ориентированная на бизнес-логику заказчика:
Структура для большого ассортимента: Продумана иерархичная навигация и система умных фильтров, позволяющая быстро найти нужный тип упаковки среди 1000+ позиций.
Упрощенный процесс заказа: Дизайн корзины и личного кабинета был максимально упрощен, что сократило количество шагов до минимума и снизило риск отказа на этапе оформления.
Адаптивность как стандарт: Не просто «сделал мобильную версию», а продумал пользовательские сценарии для разных устройств. Все 40 страниц были адаптированы под планшеты и мобильные, включая динамические баннеры для акций, которые корректно отображаются на любом экране.
Тесное сопровождение: После передачи макетов была оказана полная поддержка верстальщику, что позволило избежать искажений дизайна и обеспечить качественный, быстрый запуск.
Дизайн создан в Figma с использованием Auto Layout для идеального выравнивания элементов, компонентного подхода для быстрого внесения изменений и сетки Bootstrap для бесшовной адаптации под все разрешения. Разработан детальный UI-kit, обеспечивающий консистентность интерфейса и ускоряющий дальнейшую разработку.
После запуска сайт стал не просто «визиткой», а полноценным продающим инструментом. Клиенты отмечают, что находить товары и оформлять оптовые заказы стало в разы проще.
Новый дизайн визуально вывел бренд на уровень серьезного игрока рынка, что укрепило доверие крупных корпоративных клиентов.
Все 40 страниц, включая сложные элементы вроде каталога и корзины, были реализованы без потери задумки, благодаря чему финальный продукт в точности соответствует предоставленным макетам.
