Айдентика, сайт, магазин и бэк-офис велнес-бренда в одной системе
RYTM — хронобиологический бренд с Бали: консультации и устройства на основе света и звука. Мы создали айдентику с нуля, сайт с платной записью, бэк-офис для CRM и склада и шесть продающих презентаций, а магазин перенесли с Tilda.
- Клиент
- RYTM
- Локация
- Бали, Индонезия
- Отрасль
- Велнес
- Год
- 2026
- Услуги
- Айдентика, E‑commerce, CRM, Продающие презентации
недель от первого коммита до запуска rytm.shop без Tilda
языка, и на каждом описания товаров написаны вручную
разделов в одном бэк-офисе — от CRM до маржи
продающих презентаций для двух устройств и пяти аудиторий
Задача
RYTM продаёт не просто товары, а метод: тест на хронотип, платная консультация и только потом устройства. Бренду нужна была айдентика с нуля. Магазин работал на Tilda, а товары, заказы, остатки и записи на консультации нужно было свести в одну систему. Для спа, отелей и дистрибьюторов нужны были отдельные предложения. А аудитория читает на английском, русском, индонезийском и испанском.
Наш подход
Мы начали с айдентики: отрисованный шрифтовой логотип, палитра из четырёх цветов и дизайн-система из 101 токена. Сайт бренда и магазин работают на одном сервере, который отдаёт нужный сайт по домену, а один бэк-офис ведёт лиды, записи, склад, счета и публикации. Каталог хранится в собственной базе данных бренда. В шести продающих презентациях — та же палитра, шрифты и логотип.
От логотипа до складского учёта RYTM работает в одной системе, которой владеет сам.
Что мы сделали
01
Айдентика
Мы создали айдентику RYTM с нуля: отрисованный шрифтовой логотип и дополнительный знак RYTM.shop, четыре основных цвета и Helvetica Neue в паре с Futura PT. Сайт и блог построены на её дизайн-системе.
- Логотип и дополнительный знак в 3 цветовых вариантах
- 101 дизайн-токен, 6 семейств компонентов
- Живой стайлгайд со всеми компонентами
- Страница гайдлайнов с логотипами для скачивания
02
Сайт бренда
rytm.health объясняет метод и продаёт первый шаг. Тест на хронотип из шести вопросов ведёт к платной консультации: запись и оплата через Stripe проходят в одном сценарии, а команда получает уведомление в Telegram.
- Тест на хронотип из шести вопросов
- Платная запись через Stripe Checkout
- EN, RU, ID и ES в одном переключателе
- SEO-блог из 9 статей
03
Магазин
Витрина на собственном сервере для устройств на основе света и звука. Каталог подгружается из базы данных бренда, у каждого товара — написанные вручную описания на четырёх языках, а при оформлении заказа считается доставка DHL в 53 страны.
- Каталог с фильтрами, поиском и избранным
- Выдвижная корзина и оформление заказа на отдельной странице
- Тарифы DHL для 53 стран в 9 зонах
- Переезд с Tilda, а для покупателей всё как раньше
04
Бэк-офис
Один бэк-офис ведёт весь бизнес за обоими сайтами: лиды, оплаченные записи, задачи, остатки по складам, счета поставщиков и маржу. Сотрудники входят через Google, а их изменения попадают в журнал аудита.
- CRM с воронкой из 6 этапов и задачами
- Остатки по складам, каждое движение в журнале
- Счета поставщиков в PDF, отчёт о марже по FIFO
- AI предлагает задачи по расшифровкам встреч
05
Продающие презентации
Шесть веб-презентаций продают два устройства, NeuroVIZR и Chakra Activator, частным покупателям, спа, отелям, дистрибьюторам и партнёрам. Каждая выстроена вокруг своего покупателя, а один скрипт выгружает все презентации в PDF.
- 62 слайда в 6 презентациях
- Окупаемость, пакеты и уровни партнёрства
- Экспорт в PDF для каждой B2B-презентации
- Та же палитра, шрифты и логотип
Как это работает
- 1
Тест на хронотип
Шесть вопросов определяют внутренние часы посетителя
- 2
Отчёт на почту
Персональный отчёт о хронотипе приходит во входящие
- 3
Запись на сессию
Форма на странице, и заявка сразу приходит в Telegram
- 4
Stripe Checkout
Клиент оплачивает консультацию онлайн
- 5
Вебхук
Оплата подтверждена, запись получает статус «оплачено»
- 6
Telegram
Второе уведомление: оплачено, можно назначать время
- 7
Бэк-офис
Запланированные, проведённые и с возвратом — в одном списке
Продукт вживую
rytm.shop
Результаты
- 01rytm.shop переехал с Tilda на собственную платформу бренда через восемь недель после первого коммита
- 02Единая айдентика на сайте, в блоге, в магазине и в шести продающих презентациях
- 03CRM, записи, склад, доставка, счета и маржа — в одном бэк-офисе
- 0444 страницы магазина в карте сайта: по 11 на каждом из четырёх языков, связанные через hreflang
Технологии
- Бренд
- Figma · дизайн-токены в JSON · HTML-презентации
- Сервер
- Node 22 · Fastify · SQLite · Eta · Docker · Kamal
- Бэк-офис
- React · Vite · Tailwind · TanStack Query · Tiptap
- Коммерция
- Stripe Checkout · тарифы DHL · счета на PDFKit
- Интеграции
- Telegram · вход через Google · Nodemailer · Claude API
Услуги в этом кейсе
Следующий кейс · ZOOP
Персональные ленты для 10 000+ пользователей в месяц
Обсудим
Есть проект? Разберём его за 30 минут.
Расскажите, что вы создаёте. Уже на первом созвоне вы получите прямой ответ о сроках, команде и подходе.