VNSK wear: знак, интернет-магазин на МойСклад и Telegram-бот с Mini App для бренда одежды VENSKO

Клиент: VENSKO, он же VNSK WEAR, — российский бренд доступной streetwear-одежды. В каталоге десять категорий: худи, штаны, майки, шорты, Old Money, свитера, аксессуары, куртки, рубашки и классика. Бренд продаёт по России и СНГ: доставка СДЭК в пункт выдачи или курьером, предоплата картой онлайн, возврат в течение 7 дней.

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

Задача: нарисовать знак для маленьких форматов, собрать интернет-магазин на данных МойСклад с доставкой СДЭК и онлайн-оплатой, затем открыть тот же магазин в Telegram — с каталогом, корзиной, заказом, статусами и поддержкой прямо в чате. Отдельно — подготовить магазин к поиску, в том числе к AI-поиску, настроить аналитику до оплаченного заказа и выгрузить товарный фид для рекламы в Яндекс Директе.

Знак для мест, где не помещается название

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

Где используется знак:

• иконка приложения на экране телефона;

• вкладка браузера;

• аватар Telegram-бота;

• угол обложки ссылки в мессенджерах.

Палитра: красный знака #9D2F28, графит #11110F для текста и тёмной темы, бумажный #F4F2ED для Mini App и студийный белый #FFFFFF для сайта. Шрифты: Syncopate — широкий гротеск с наклоном для названия и заголовков, Space Mono — моноширинный с разрядкой для текстов сайта.

Интернет-магазин vnskwear.com

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

Что есть на сайте:

• главная с новой коллекцией;

• каталог из десяти категорий;

• карточка товара с размерами и остатками;

• лукбук;

• отзывы с фото покупателей;

• корзина и промокоды;

• доставка СДЭК в пункт выдачи или курьером;

• онлайн-оплата;

• админ-панель: товары, заказы, промокоды и контент.

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

Telegram-бот: магазин в чате

Бот работает как самостоятельная витрина. Покупатель смотрит коллекцию и остатки, выбирает доставку СДЭК и получает ссылку на оплату, а бот сам сообщает о смене статуса и присылает трек-номер.

• Каталог в чате: категории, поиск по названию и артикулу, карточки с фото, ценой и остатками по размерам.

• Одна корзина с Mini App: вещь, добавленная в чате, ждёт в Mini App, и наоборот; остатки сверяются автоматически.

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

• Статусы: бот проверяет заказы в фоне и пишет покупателю, когда статус меняется.

• Поддержка: вопрос текстом, фото или документом уходит менеджеру, ответ приходит в тот же чат.

Mini App

Mini App повторяет сайт внутри Telegram: промо-экран, категории, новинки, карточки с выбором размера, корзина и оформление в три шага — контакты, доставка, проверка. Тема подстраивается под светлый или тёмный режим телефона.

Рабочее место команды и проверка заказов

Менеджеры работают в Telegram-группе. На каждого покупателя заводится отдельная тема: туда приходят его вопросы, а ответ в теме уходит покупателю от имени бота. Команда получает уведомление о каждом новом заказе с карточкой клиента, а команда /stats показывает пользователей, заказы за сутки и состояние каталога.

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

Один каталог на все витрины

Товары, цены и остатки живут в МойСклад. Сайт, приложение на телефоне, Telegram-бот, Mini App и товарный фид для Яндекс Директа берут их из одного API магазина — api.vnskwear.com. Он же отвечает за заказы, промокоды, расчёт СДЭК и оплату. Поэтому данные о вещи совпадают, где бы её ни открыли.

Сайт ставится на телефон как приложение (PWA): ярлыки «Каталог», «Лукбук» и «Доставка», иконки для iOS, Android и Windows, обложки ссылок 1200×630 для мессенджеров.

Поиск, AI-поиск и аналитика

• У каждой страницы свои title, description и canonical.

• Разметка магазина, товаров и хлебных крошек; в разметке Product — цена, наличие и артикул.

• Карта сайта со всеми товарами.

• robots.txt открыт для OAI-SearchBot и ChatGPT-User, в llms.txt — факты о магазине, доставке и возврате.

• Без выдуманных рейтингов, FAQ и скрытого текста.

• Яндекс Метрика запускается только после согласия на cookies; цели настроены от просмотра товара до оплаченного заказа.

• UTM-метки и yclid сохраняются для атрибуции, ID товаров совпадают с МойСклад и фидом.

Технологии

Сайт — HTML, CSS и JavaScript без конструктора, с сервис-воркером для PWA. API магазина — Node.js и Express с интеграциями МойСклад, СДЭК и онлайн-оплаты; запросы к МойСклад идут через общий ограничитель частоты, чтобы не упираться в лимиты API. Telegram-бот и Mini App — отдельный сервис на Node.js: grammY для бота, Express для вебхука и API Mini App, SQLite для общей корзины и связи заказов с Telegram-аккаунтом покупателя.

Магазин VENSKO работает в трёх витринах — на сайте vnskwear.com, в Telegram-боте и в Mini App — на одном каталоге из МойСклад. Проект на ежемесячном сопровождении: дорабатываем каталог и бота, готовим рекламу в Яндекс Директе.

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

• знак VENSKO и набор иконок для телефона, браузера, бота и обложек ссылок;

• интернет-магазин vnskwear.com с каталогом из МойСклад, СДЭК, онлайн-оплатой и админ-панелью;

• Telegram-бот с каталогом, общей корзиной, статусами заказа, трек-номером и поддержкой;

• Mini App с оформлением заказа в три шага и тёмной темой;

• рабочее место менеджеров в Telegram: тема на покупателя, уведомления о заказах, /stats;

• SEO- и GEO-разметку, llms.txt и карту сайта со всеми товарами;

• PWA, Яндекс Метрику с целями до оплаты и товарный фид для Директа.

Сайт: https://vnskwear.com/