Mikond — сайт-каталог дизайнерских люстр
Сделали для Mikond сайт-каталог дизайнерских люстр: у каждой работы своя страница с историей объекта и фотографиями, а кнопка заказа ведёт в мессенджер или к звонку. Посетители смотрят на 44% больше страниц, а отказов стало на 35% меньше.
Задача
Mikond — ташкентский бренд премиальных люстр, которые делают на заказ по размерам и эскизам клиента. Люстры компании установлены в мечетях, в Центре исламской цивилизации, в холле банка, ресторанах, лобби NG Hotels и частных домах, а среди партнёров — Wyndham, Hilton, Uzum и Trast Bank.
Главное в Mikond — люстры, созданные под конкретное пространство: молитвенный зал, лобби отеля, лестничный пролёт частного дома. Поэтому сайт-каталог дизайнерских люстр не мог быть обычной витриной с ценами и корзиной. Каждую работу нужно было подать как законченный проект: где она висит, как устроена и какое впечатление создаёт.
Масштаб таких изделий плохо передаёт одна фотография. Каскад, который спускается через несколько уровней дома, или композицию весом 700 кг понимаешь только в контексте: рядом должны быть видео, параметры и рассказ об объекте. Без этого премиальная работа теряется на экране среди картинок из интернета.
Заказ такой люстры начинается с разговора о размерах, эскизе, сроках и монтаже. Вести его удобнее в переписке или по телефону, чем через анкету на сайте, поэтому путь от понравившейся люстры до живого диалога должен был занимать пару касаний — и на смартфоне, и на компьютере.
Аудитория у бренда широкая: частные заказчики, рестораны, гостиницы, банки и государственные учреждения, чьи логотипы стоят в блоке партнёров. Интерфейс требовался сразу в трёх версиях — русской, узбекской и английской, а каталог — живой: новые объекты должны появляться на сайте без участия программиста.
Решение
Мы построили сайт вокруг реализованных работ, а не товарных позиций. Тёмный первый экран с заголовком «Премиум свет и дизайн» сразу задаёт тон, рядом — три опоры бренда: качественный хрусталь, прочный металл и надёжные крепления. Ниже идут предложение сделать люстру на заказ, разделы о бра и светильниках, сетка работ и стена партнёров.
Каждая люстра из каталога ведёт на отдельную страницу с подробной историей объекта, фотографиями в полноэкранной галерее и, если они заполнены, размерами, материалами, весом и видео. Кнопка «Заказать» предлагает выбрать канал — Telegram, Instagram, WhatsApp или звонок: на телефоне номер набирается сразу, на компьютере открывается окно с номерами.
Интерфейс написан на React со сборкой на Vite и хранением состояния в MobX, а разделы и переводы подгружаются по мере необходимости. Данные о работах и партнёрах отдаёт Django REST Framework, а наполняют их через админ-панель Django. У трёх языковых версий есть разметка hreflang и общая карта сайта, а nginx кэширует ответы API.
Каталог реализованных работ
Вместо безликих товарных карточек — люстры с названиями и местом установки: мечети, Центр исламской цивилизации, холл банка, рестораны, отель и частные дома. На главной видны восемь проектов, а кнопка «Посмотреть все работы» открывает полный каталог.
Страница для каждой люстры
У каждой работы есть своя страница с хлебными крошками, развёрнутым описанием объекта и блоками для размеров, материалов, веса и видео. Покупатель видит не только форму люстры, но и то, как она смотрится в реальном интерьере.
Заказ через удобный канал
Кнопка «Заказать» открывает выбор из четырёх каналов: Telegram, Instagram, WhatsApp или звонок. На смартфоне звонок начинается сразу, а на компьютере всплывает окно с двумя номерами телефона, чтобы клиент набрал удобный.
Галерея с увеличением
Фотографии работ открываются в полноэкранной галерее с увеличением и листанием. В сетке каталога сначала показываются лёгкие превью от сервера, а полноразмерные снимки подменяют их после загрузки, поэтому страница не стоит пустой.
Три языка и основа для SEO
У каждой языковой версии свой адрес: английская открывается по /en/, узбекская — по /uz/, русская — на главном домене. Версии связаны тегами hreflang, карта сайта перечисляет все девять страниц, а заголовки и описания настроены под запросы о люстрах, светильниках и бра в Ташкенте.
Админка для работ и партнёров
Новые объекты, фотографии, видео и логотипы партнёров добавляются в Django-админке на интерфейсе Unfold. Работа появляется на сайте сразу, без правок в коде: так уже после запуска в каталоге появилось лобби NG Hotels.
Результаты
Главные итоги проекта в цифрах.
- +44%Глубина просмотра
Посетители открывают больше страниц за визит: с главной переходят в каталог и дальше на страницы отдельных люстр.
- −35%Показатель отказов
Меньше людей уходит с первого экрана: работы, партнёры и путь в каталог видны сразу.
- 4Канала для заказа
Telegram, Instagram, WhatsApp и звонок: клиент выбирает удобный способ прямо на странице люстры.
- 16 дн.От старта до запуска
Дизайн, фронтенд, API, админ-панель и три языковые версии заняли шестнадцать дней.
Дизайн и интерфейсы
Ключевые экраны и интерфейсы проекта.
Технологии в проекте
Стек, на котором мы строили решение под задачи клиента.
- Python
- Django
- Django REST Framework
- Nginx
- Linux
- React
- Vite
Похожие кейсы
Готовы стать следующим кейсом?
Расскажите о задаче — менеджер соберёт команду, посчитает смету и пришлёт коммерческое предложение в первый час после заявки. Без обязательств и без рассылок.