Лидеры года — новая категория на Workspace Digital Awards! Номинируйте вашу команду, продукты и проекты.
EcomVision
Дикий Люкс: знак и магазин косметики — каталог по типу кожи, СДЭК, Telegram-бот и Mini App
EcomVision
#Разработка сайтов под ключ

Дикий Люкс: знак и магазин косметики — каталог по типу кожи, СДЭК, Telegram-бот и Mini App

8 
EcomVision Россия, Москва
Поделиться: 0 0 0
Дикий Люкс: знак и магазин косметики — каталог по типу кожи, СДЭК, Telegram-бот и Mini App
Сфера

Мода и красота

Тип сайта

Интернет-магазин

Сдано

Сентябрь 2026

Задача

Клиент: «Дикий Люкс» — бутик французской клинической косметологии с доставкой по России. В ассортименте средства для лица, глаз и тела и солнцезащитный уход: на сентябрь 2026 года — 60 средств.

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

Задача: сделать знак и фирменный стиль, интернет-магазин с оплатой через Т-Банк, чеками ОФД и доставкой СДЭК, панель управления, Telegram-бота и Mini App — так, чтобы всё это было одним магазином с одним каталогом. Критерии: после оплаты заказ доходит до накладной СДЭК без участия владельца, покупатель получает письма и сообщения на каждом шаге, а всё, что меняется в магазине, владелец меняет сам.

Решение

Знак и фирменный стиль

Знак DIKI LUX — широко разреженная антиква в тёмно-синем и золотая веточка над линией. Из знака собраны иконка сайта и приложения, обложка для ссылок и аватарка бота. В шапке сайта и писем — надпись «Дикий Люкс» золотом с той же разрядкой.

Палитра: тёмно-синий #1B3060, золото #C9A04E, бумага #F2F1ED и чернила #0B0B0E.

Иконка со знаком DL и золотой веточкой
Знак DIKI LUX на бумажном фоне

Каталог по состоянию кожи

Каталог устроен по двум осям. Первая — шесть протоколов ухода по состоянию кожи, большими плашками:

  • чистота — себорегуляция и чистота пор для жирной и проблемной кожи;

  • регидратация — гидробаланс и барьерная функция для кожи с дефицитом влаги;

  • омоложение — плотность и упругость, anti-age уход с плацентой, эластином и коллагеном;

  • комфорт — укрепление барьера для реактивной кожи, склонной к покраснениям;

  • сияние — ровный тон и оксигенация для уставшей кожи;

  • пигментация — выравнивание тона и контроль меланогенеза без раздражения.

Вторая ось — девять типов средств фильтрами над списком: очищение, лосьоны, сыворотки, завершающие сыворотки, маски, кремы для лица, косметика для глаз, косметика для тела и Sun Care. Одно средство может входить в несколько протоколов — владелец привязывает его в панели. Всего в каталоге 60 средств в 15 разделах.

Каталог: уход, подобранный по состоянию кожи
Каталог на телефоне: плашки протоколов

Сайт

Витрина сделана в тоне кабинета косметолога: тёплая бумага, тёмно-синий и золото знака, крупные заголовки прописными в две тональности. Главная ведёт от первого экрана к бестселлерам, методике, протоколу из четырёх шагов и карте зон лица: на портрете отмечены зоны, при выборе зоны открывается карточка ухода.

  • Карточка средства с объёмами, ценой и кнопками «В корзину» и «Купить в 1 клик».

  • Корзина с доставкой СДЭК — в пункт выдачи или курьером — и промокодом; доставка бесплатна от 20 000 ₽.

  • Оплата через Т-Банк, чеки через ОФД.

  • Блог из 7 статей — например, о диагностике состояния кожи — и запись на консультацию.

Главная: портреты и карточка «Активы в рабочих дозах»
Карта зон лица с карточкой ухода
Карточка средства: объём, цена и «Купить в 1 клик»

Заказ от оплаты до трек-номера

После оплаты заказ идёт без участия владельца. Сервер сверяет оплату с Т-Банком, отправляет чек через ОФД, создаёт накладную СДЭК, пишет покупателю на почту и в Telegram и присылает карточку заказа в рабочий чат. Владельцу остаётся вписать трек-номер в панели — письмо с ним уйдёт само.

  • Оформлен: сервер пересчитывает сумму и промокод, создаёт ссылку на оплату в Т-Банке и сообщает владельцу о новом заказе.

  • Оплачен: письмо покупателю, сообщение в Telegram, чек ОФД, накладная СДЭК, карточка оплаты в рабочем чате.

  • Отправлен: владелец вписывает трек и меняет статус, покупателю уходят письмо «ваш заказ в пути» с кнопкой «Отследить посылку» и сообщение в Telegram.

  • Доставлен: заказ остаётся в истории магазина, покупатель видит его в «Моих заказах» в боте.

Корзина: доставка СДЭК, промокод и итог
Письмо покупателю после оплаты заказа
Письмо «Ваш заказ в пути» с трек-номером

Панель управления

Панель из 8 разделов собрана под ежедневные дела магазина:

  • заказы с фильтрами по статусам и ссылка на оплату для продаж в переписке;

  • заявки с сайта и из бота;

  • промокоды с размером скидки, минимальной суммой, лимитами, сроками и счётчиком использований;

  • баннеры и фото главной с порядком показа и выключением;

  • категории, статьи и товары с черновиками;

  • режим технических работ: одним переключателем сайт уходит на заглушку, а панель и API продолжают работать.

Панель: заказы с фильтрами по статусам
Панель: промокоды со скидкой, минимальной суммой и счётчиком
Панель: баннеры главной с порядком показа
Заглушка «Идут технические работы»

Telegram-бот и Mini App

@Wild_luxury_bot открывает тот же магазин как Mini App: кнопка «Магазин» в меню бота, каталог, корзина и оплата без перехода в браузер. Ссылка вида t.me/Wild_luxury_bot?start=product_… сразу открывает карточку нужного средства — для рассылок и сторис.

  • «Мои заказы» — статус и трек-номер СДЭК без звонка в магазин.

  • Запись на бесплатную консультацию косметолога: бот спрашивает имя, телефон и задачу и передаёт заявку владельцу.

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

  • В рабочий чат приходят заказы, оплаты и заявки, команда /stats присылает сводку за день.

Мобильная главная магазина

Передача владельцу

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

Технологии

Знак и макеты — в Figma, витрина — HTML и CSS с мобильной версией. Сайт, Mini App и бот работают с одним каталогом и одним API на сервере клиента. Интеграции: Т-Банк — оплата и ссылки на оплату, ОФД — чеки, СДЭК — накладные и доставка, почта и Telegram — уведомления о каждом событии заказа. Резервные копии создаются автоматически.

Результат

«Дикий Люкс» получил магазин, который владелец ведёт сам: сайт дикийлюкс.рф, панель управления, Telegram-бот и Mini App работают с одним каталогом из 60 средств в 15 разделах и шести протоколах ухода.

После оплаты заказ без участия владельца проходит через Т-Банк, ОФД и СДЭК, а покупатель получает письма и сообщения в Telegram на каждом шаге.

Что получил клиент

  • Знак DIKI LUX, иконки сайта и приложения, обложку для ссылок и аватар бота

  • Интернет-магазин с каталогом по шести протоколам и девяти типам средств

  • Оплату через Т-Банк, чеки ОФД и доставку СДЭК, бесплатную от 20 000 ₽

  • Письма и Telegram-уведомления о каждом событии заказа

  • Панель управления из 8 разделов с режимом технических работ

  • Telegram-бота с заказами, записью на консультацию и рабочим чатом

  • Mini App с каталогом, корзиной и оплатой внутри Telegram

  • Инструкцию владельцу

Сайт: https://xn--d1aiaedcg3c5g.xn--p1ai/

Бот: https://t.me/Wild_luxury_bot

Главная дикийлюкс.рф сегодня: баннер La Grande Crème

Комментарий агентства

Nikita Tarasov
Nikita Tarasov

Главная сложность — магазин без программиста под рукой, который владелец ведёт с телефона. Мы автоматизировали путь заказа от оплаты до накладной СДЭК, собрали заказы, оплаты, заявки и сообщения покупателей в один рабочий чат в Telegram, а всё, что меняется, вынесли в панель.

https://дикийлюкс.рф/

Стек технологий

  • CSS CSS Язык программирования
  • HTML HTML Язык программирования
  • Figma Figma Графический редактор

Над проектом работали:


Оцените кейс
Спасибо за оценку
Выскажите мнение
Авторизуйтесь, чтобы добавить свой комментарий.
оставить заявку

Хотите заказать похожий проект?

EcomVision с удовольствием обсудит вашу задачу

Оставить заявку