Тёмная фактурная сцена, крупная типографика и прямой вход в каталог или подбор под изделие.
1 / 15
РАБОТА НАД ПРОЕКТОМ
За каждым экраном — конкретное решение.
Для мастера важны материал и точный экземпляр. Для магазина — остатки, резервы и понятная обработка заказа. Мы спроектировали обе стороны одного процесса. Обновлено 18 октября 2026
01
Новая подача магазина
Сохранили ремесленный характер бренда и перевели его в современную цифровую мастерскую.
Тёмный шоколад, коньячные акценты, кремовые поверхности и выразительные фактуры.
Крупная типографика, понятная иерархия и отдельные визуальные уровни витрины и управления.
Видеосцена на главной и подготовленный ролик о pull-up эффекте; материалы помечены как демонстрационные.
Адаптивная шапка, мобильное меню, поиск и доступ к корзине на компактном экране.
02
Каталог, который помогает выбрать
Покупатель может начать с типа материала или с изделия, которое хочет изготовить.
Разделы кожи, инструмента, ниток, фурнитуры, химии и ухода.
Поиск, комбинируемые фильтры и сортировка; избранное и сравнение для короткого списка вариантов.
Подборки для кошелька, сумки, ремня и начинающего мастера.
В карточке: толщина в мм и oz, дубление, отделка, цвет, производство и рекомендации.
03
Каждая шкура — отдельный экземпляр
Система учитывает естественные различия материала, а не только название товара.
ID шкуры, площадь, сорт, особенности, склад и состояние доступности.
Стоимость выбранного экземпляра: площадь × цена за дм²; расчёт показан до корзины.
Выбор конкретного экземпляра и совместимых ниток, инструмента и фурнитуры.
Резервирование связано с заказом; отмена освобождает соответствующий материал в демонстрационном сценарии.
04
3D, свет, сгиб и изнанка
Интерактив объясняет материал до покупки и усиливает ощущение предмета.
Вращаемый рулон и прошитый образец; управление мышью, пальцем и клавиатурой.
Отдельный просмотр с управлением направлением света и силой сгиба.
Демонстрация осветления масляной кожи на сгибе и переключение на изнанку.
Фактуры процедурные: это иллюстрация свойств материала, а не точная оцифровка продаваемой шкуры.
05
Карта раскроя и подбор комплекта
Помогаем оценить, сколько материала потребуется и как он может использоваться.
Зоны шкуры, отмеченные дефекты и переключаемые выкройки нескольких изделий.
Предварительный расчёт числа изделий, использованной площади и стоимости кожи на единицу.
Раскладка ориентировочная: окончательный раскрой и направление тяги оценивает мастер.
Консультант подбирает комплект по задаче и бюджету. В текущем демо это локальная логика, без подключённой нейросети.
06
Покупка и кабинет мастера
Собрали последовательный путь от материала к заказу и повторному обращению.
Корзина, проверка полей, демонстрационные промокоды, скидки и расчёт доставки.
История заказов, статусы, повтор покупки и персональные подборки менеджера.
Заявка на помощь в подборе доступна из карточки материала и консультанта.
Платёж и отправка здесь имитируются: реальные списания и доставка не выполняются.
07
Заказы и рабочий стол команды
Администратор видит не только список покупок, но и ближайшие действия.
Сводка: новые заказы, оплаченные суммы, резервы, низкие остатки и заявки на подбор.
Карточка заказа: состав, клиент, ответственный, комментарии, задачи и история статусов.
Фильтры по статусу и оплате, подтверждение, отмена, замена экземпляра и работа с резервом.
Счёт и трек-номер показаны как демонстрационные операции, без внешних сервисов.
08
Склад и ассортимент
Учёт разделяет уникальные шкуры и обычные штучные позиции.
Партии, площадь, сорт, дефекты, фотографии, место хранения и состояние шкуры.
Приёмка, публикация, резервы и журнал движений между состояниями.
Создание и редактирование товаров, изображения, архивирование и массовые действия.
Импорт CSV с предварительным просмотром и проверкой, экспорт каталога.
09
CRM, контент и роли
Подготовили инструменты для ежедневной работы менеджера и редактора.
Карточки розничных и оптовых клиентов, история покупок и персональные условия.
Заявки, задачи, подборки и резервы для конкретного клиента.
Редактирование главного баннера, подборок, промокодов и SEO-полей.
Владелец, менеджер, кладовщик и редактор показаны как демонстрационные роли; это не production-авторизация.
10
Что опубликовано и следующий этап
Демо размещено отдельно, чтобы его можно было изучить без воздействия на действующий магазин.
Все изменения в публичной демонстрации сохраняются только в браузере посетителя.
Тестовые заказы, клиенты, остатки и цены не являются реальными данными магазина.
Для коммерческого запуска нужны защищённые операции на сервере, реальные материалы и проверенные права доступа.
Оплата, служба доставки, 1С и уведомления подключаются отдельно; сайт kojevennik.ru пока работает в прежнем виде.
ДО / ПОСЛЕ
От каталога — к цифровой мастерской.
Слева — действующий kojevennik.ru, снятый 18 октября 2026. Справа — наша новая демонстрация. Сравниваем видимые интерфейсы; устройство прежней админ-панели не оценивалось.
До — действующий магазин
Категории, товарный слайдер, цены и привычная навигация магазина. Это реальный экран прежнего оформления.
Откройте материал, чтобы рассмотреть детали и прочитать разбор. Тип и версия указаны под каждым кадром.
15 фото
01
Интерфейс · Актуальная версия · октябрь 2026
Новая главная: цифровая мастерская
Тёмная фактурная сцена, крупная типографика и прямой вход в каталог или подбор под изделие.
02
Интерфейс · Актуальная версия · октябрь 2026
Каталог и фильтры
Ассортимент разделён на категории; поиск и параметры материала помогают сократить выбор.
03
Интерфейс · Актуальная версия · октябрь 2026
Карточка конкретной шкуры
Характеристики, ID, сорт, площадь и стоимость экземпляра собраны на одной странице.
04
Интерфейс · Актуальная версия · октябрь 2026
Сгиб и свет в 3D
Ползунки изменяют сгиб и направление света. Это интерактивная иллюстрация материала с демонстрационной фактурой.
05
Интерфейс · Актуальная версия · октябрь 2026
Ориентировочная карта раскроя
Выкройки накладываются на контур шкуры; рядом — площадь, число изделий и оценка стоимости.
06
Интерфейс · Актуальная версия · октябрь 2026
Подбор под задачу мастера
Начинаем с изделия, а затем помогаем определиться с материалом и комплектующими.
07
Интерфейс · Актуальная версия · октябрь 2026
Кабинет покупателя
Заказы, статусы и персональные сценарии собраны отдельно от каталога. Показаны только тестовые данные.
08
Управление · Актуальная версия · октябрь 2026
Сводка для владельца
Заказы, резервы, низкие остатки и задачи на одном экране. Значения демонстрационные.
09
Управление · Актуальная версия · октябрь 2026
Очередь заказов
Фильтры по статусу, оплате и ответственному помогают менеджеру организовать обработку.
10
Управление · Актуальная версия · октябрь 2026
Заказ от состава до исполнения
Карточка связывает покупателя, конкретную шкуру, ответственного, комментарии и историю.
11
Управление · Актуальная версия · октябрь 2026
Склад уникальных экземпляров
У каждой шкуры свой ID, площадь, состояние и место хранения; штучный товар учитывается отдельно.
12
Управление · Актуальная версия · октябрь 2026
Клиенты и CRM
Розничные и оптовые карточки, история и персональные условия. Контакты в кадре — демонстрационные.
13
Управление · Актуальная версия · октябрь 2026
Управление ассортиментом
Создание товара, пакетные действия, CSV-импорт и экспорт доступны из одного раздела.
14
Управление · Актуальная версия · октябрь 2026
Контент и маркетинг
Баннер, тексты, подборки и промокоды меняются через интерфейс, без редактирования кода.
15
На телефоне · Актуальная версия · октябрь 2026
Магазин на телефоне
Компактная навигация, поиск, корзина и главные действия проверены при ширине 390 px.
01ЗАДАЧА
Переосмыслить магазин кожи для мастеров и оптовых покупателей: помочь выбрать материал, увидеть стоимость конкретной шкуры и связать покупку с работой менеджера и склада.
02РЕШЕНИЕ
Разработали новую визуальную систему, адаптивный каталог и подробную карточку материала. Связали выбор экземпляра, подбор комплектующих, корзину, личный кабинет и административные сценарии. Подготовили отдельную демонстрацию на хостинге с тестовыми данными.
Покупка конкретной шкуры по ID и площади
Интерактивная карта раскроя и оценка материала на изделие
3D-образец: вращение, изнанка, свет и сгиб
Поиск, фильтры, сравнение и избранное
Подбор кожи, ниток и фурнитуры под изделие
Заказы, резервы, склад и история движений
CRM, персональные условия и подборки менеджера
Управление контентом, акциями, SEO и командой
03РЕЗУЛЬТАТ И ЭТАП
Создана подробная демонстрационная версия новой торговой системы. Её можно открыть и изучить, включая админ-панель. Коммерческий запуск требует реальных остатков и фотографий, защищённой авторизации и подключения оплаты, доставки и уведомлений. Действующий kojevennik.ru не заменён.
DELTORO
