Клиент

Задача

Что сделали

Срок сотрудничества

интернет-магазин дверей, ассортимент 1500+ товаров

e-commerce-структура с многоуровневым каталогом и сложной фильтрацией

UX-проектирование, UI Kit, дизайн-система, SEO-посадочные страницы

2 года

Клиенту требовался интернет-магазин дверей с большим ассортиментом, удобной навигацией и понятным сценарием выбора товара. Основная сложность проекта была в том, что двери имеют много параметров: размеры, цвета, покрытия, производители, типы конструкций и дополнительные комплектующие. Поэтому в основе дизайна мы сделали не просто визуальную витрину, а продуманную e-commerce-структуру: главную страницу, многоуровневый каталог, расширенную фильтрацию, карточку товара и единые интерфейсные компоненты для дальнейшего развития сайта.

Каталог стал основой проекта. В ассортименте было более 1500 товаров, поэтому обычного списка категорий было недостаточно.

Мы спроектировали многоуровневую структуру, в которой пользователь может искать двери разными способами: по типу, назначению, цвету, производителю, материалу, покрытию, конструкции или размеру.

Такой подход помогает разным аудиториям двигаться по своему сценарию: кто-то сразу выбирает производителя, кто-то ищет дверь по цвету, а кто-то начинает с типа помещения или конструкции.

Одним из самых сложных элементов проекта стал фильтр. Для дверей важно учитывать большое количество характеристик: цвет, размер, покрытие, материал, производитель, фабрика, наличие, стиль, назначение, тип открывания, конструкцию и другие параметры.

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

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

Карточка товара была спроектирована как ключевая точка принятия решения. На странице пользователь видит не только изображение двери и цену, но и все параметры, которые влияют на покупку: размер полотна, доборы, коробку, наличники, комплектующие, наличие, артикул, отзывы и итоговую стоимость.

Мы предусмотрели несколько сценариев действия: добавить товар в корзину, оформить быстрый заказ, предложить свою цену, посмотреть товар в интерьере или перейти к дополнительной информации.

Такой формат помогает пользователю собрать комплект и принять решение без лишних переходов между страницами.

Главная страница была спроектирована не только как промо-раздел, но и как навигационный центр интернет-магазина.

На ней собраны основные сценарии: быстрый переход в каталог, акционные подборки, популярные категории, расширенный поиск, производители, преимущества магазина, новости и SEO-текстовый блок.

Это помогает пользователю быстро понять ассортимент и перейти к нужному разделу, а бизнесу — продвигать приоритетные категории, акции и поисковые направления.

Для проекта было важно поддержать поисковое продвижение. Поэтому структура сайта включала не только стандартные категории, но и посадочные страницы под конкретные поисковые запросы: по типу дверей, цвету, покрытию, назначению, производителям и другим параметрам.

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

Это позволило объединить UX-логику каталога с задачами SEO и маркетинга.

Чтобы сайт можно было развивать и поддерживать в течение долгого времени, мы собрали единую систему интерфейсных элементов.

В UI kit вошли карточки товаров, кнопки, фильтры, меню, хедер, футер, состояния наведения, иконки, плашки скидок, статусы наличия, элементы навигации и вспомогательные блоки.

Благодаря этому новые страницы и разделы можно было собирать в едином стиле, не нарушая визуальную логику сайта.

Результат: масштабируемая
e-commerce-структура

В результате был спроектирован крупный интернет-магазин дверей с полной e-commerce-структурой: от главной страницы и каталога до карточки товара, фильтрации, корзины, оформления заказа и SEO-посадочных страниц.

Сайт получил единую визуальную систему, многоуровневую навигацию, расширенный фильтр по десяткам параметров и адаптивные версии для разных устройств.

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