Кейс · E-commerce · редизайн
Интернет-магазин коллекционных шахмат и нард KADUN
Премиальный бренд ручной работы с 2007 года и шоурумами в Петербурге и Москве. Пересобрали storefront так, чтобы набор за 200 000 ₽ выглядел онлайн так же убедительно, как в шоуруме, а путь до заказа был коротким.
- Клиент
- KADUN · chess authentic
- Индустрия
- Премиальный ритейл / E-commerce
- Объём работ
- UX/UI-редизайн, storefront, checkout, CMS
- Стек
- Python / Django · Wagtail CMS
О проекте ↗
Товар ручной работы должен продавать себя сам — даже на экране
Прежний интерфейс уже не соответствовал качеству ассортимента: наборы из ценных пород дерева и бивня мамонта терялись в каталоге, а навигация усложняла выбор. Бизнесу также нужна была гибкая контентная модель для каталога и редакционных материалов.
Задача
Вернуть товару премиальную подачу и упростить путь от каталога до заказа.
Что сделали
Переработали storefront и визуальную систему Shop Warm, собрали CMS-структуру на Wagtail.
Результат
Премиальный и читабельный UX, простое управление товарами и контентом, основа для роста каталога.
01 · Главная
Главная — витрина бренда, а не каталога
Крупная фотография, коллекции и истории вместо сетки баннеров. Каждый блок ведёт глубже: в коллекцию, к индивидуальному заказу или в шоурум.
Коллекции
Шахматы, нарды и изделия на заказ — три входа в каталог с количеством наборов и быстрыми фильтрами.
Изготовление на заказ
Пять шагов от идеи до готового набора и CTA «Обсудить индивидуальный заказ».
Шоурумы
Запись на визит в Петербурге и Москве — для тех, кто хочет потрогать набор до покупки.
02 · Каталог
Каталог как галерея
Тёмный фон и единая постановка света: наборы сравниваются по форме и материалу, а не по качеству фотографий. Быстрые фильтры — по стилю, материалу и поводу.
03 · Карточка товара
Карточка как редакционная история
Над первым экраном — чистый блок покупки: цена, рассрочка, «В корзину» и материалы. Ниже — мастерство, история модели и пропорции, как в журнале о предмете.
Блок покупки
Галерея, цена и рассрочка, одна главная кнопка, самовывоз из шоурума и материалы набора без лишних элементов.
Доставка и гарантия
Боковая панель вместо отдельной страницы — условия видны, не уходя с товара.
Пропорции набора
Чертёж доски и фигур с размерами — ответ на главный вопрос покупателя подарка.
Детали, которые не видны сразу
Ручная работа, утяжеление и фетр, подарочная коробка — крупными планами.
Тот же шаблон для нард
Шаблон карточки работает для всего ассортимента — шахмат, нард и разных игр.
История модели
Редакционные блоки: «Олимпийский дизайн 1980 года» вместо сухого описания.
04 · Корзина и оформление
Корзина и заказ — три коротких шага
Для покупки за сотни тысяч рублей важно доверие: в корзине и на оформлении всегда видны возврат, гарантия, шоурумы и способы оплаты, включая рассрочку.
Корзина
Индикатор шагов, гравировка как дополнение к набору, блок доверия под итогом.
Оформление
Контакты, доставка и оплата на одной странице; удобный канал подтверждения — звонок, Telegram, WhatsApp или MAX.
05 · Поиск визуального решения
Четыре подхода к оформлению заказа
Прежде чем закрепить дизайн-систему Shop Warm, сравнили четыре визуальных решения одного и того же экрана.
Тёплый тёмный — основа Shop Warm
Макет · 1920 px
Страницы целиком
06 · Результат
Премиальный магазин, которым легко управлять
- Более премиальный и читабельный пользовательский опыт
- Дизайн-система Shop Warm: шапка, карточка товара, корзина, поля и варианты оформления
- Упрощённое управление товарами и контентом для команды — Wagtail CMS
- Масштабируемая основа для роста каталога
Технологический стек
- Python / Django
- Wagtail CMS
- Управление каталогом
- Поиск и фильтрация
- CI/CD
- Figma
Начнём с вашей задачи