Кейс · 2026 · демо-проект ЯРЧЕ · бутик для взрослых
Good Time — демо-сайт ночного интернет-бутика для взрослых
Вы внутри кейса, собранного из самого сайта: та же ночь, та же луна, то же золото. Только вместо витрины — история проекта.
Бренд придуман студией · сайт живой, закрыт от поиска · на входе — подтверждение 18+
Дорогой бутик, а не витрина с ценниками. Ночь, золото и тишина — и ни одного лишнего намёка.
Задача
Показать владельцу его магазин — до того, как он его заказал
Good Time — демо-проект студии ЯРЧЕ, а не заказ клиента. Бренд, концепцию и тексты мы придумали сами: живой сайт ниши показывает больше, чем любой макет или описание.
Нишу выбрали деликатную нарочно. Магазину для взрослых нужно выглядеть как дорогой бутик, а не как витрина с ценниками; покупателю — быть уверенным, что о покупке никто не узнает; владельцу — видеть заказы в одном окне.
Поэтому сайт собран целиком, а не макетом: каталог, корзина, оформление, оплата, подбор подарка и админка работают по-настоящему. Оплата — имитация, полей для данных карты нет нигде. Название, цвета, телефон и условия доставки лежат в одном файле — под нового владельца сайт перекрашивается без переписывания страниц.
Брендбук
Ночь, оксблад и шампань
Нажмите на цвет — покажем, где он работает на экране оплаты.
Всё, что нажимается и что важно: главная кнопка, цена, номер заказа, логотип и курсивные акценты в заголовках. Золото в дозировке — иначе оно перестаёт выглядеть дорого.
Фон всего сайта. Не чистый чёрный, а с фиолетовой глубиной — на нём звёзды и золото светятся, а не режут глаз.
Поверхности: панель оплаты, варианты квиза, экран 18+, корзина. На полтона светлее ночи — интерфейс проступает из темноты, а не лежит плашками.
Тепло и глубина: свечение за панелями, карта на экране оплаты, заливка кнопки-призрака при наведении, выделение текста. Цвет бархата, а не тревоги.
Редкий акцент. Заложен в токены дизайн-системы, а на витрине живёт только намёком — розоватые звёзды на ночном небе. Запас на случай, если владельцу понадобится второй акцент.
Текст. Тёплый молочный вместо белого: на почти чёрном фоне читается мягче и не спорит с золотом.
Заголовки и цены. Высококонтрастная антиква с кириллицей; курсив в золотом градиенте — главный приём акцентов.
Текст, подписи и кнопки — капсом с разрядкой. Спокойный гротеск, который не мешает антикве.
Логотип: капитель с разрядкой, вторая «O» — серп луны, над «I» — звезда. Кириллицы у шрифта нет, поэтому вордмарк собран в SVG из контуров.
Выбор бутика
С чего начать
Экраны сайта в формате его карточки товара. Каталог с фото товаров сюда нарочно не попал — его лучше смотреть на самом сайте.
/admin/ordersАдминка — заказы6 статусов заказаВозрастной экран
18+ — вежливо
Только для взрослых
Вам уже есть 18?
На сайте — товары для взрослых. Подтвердите возраст, и мы запомним ответ на этом устройстве.
Виден сразу, с сервера
Первый визит не увидит витрину даже на мгновение — экран приходит в HTML, а не дорисовывается скриптом.
Спрашивает один раз
Ответ запоминается на устройстве. Крошечный скрипт в <head> срабатывает до первой отрисовки — вернувшийся посетитель не видит экран и на долю секунды.
Тяжёлое — после ответа
3D-луна грузится только после подтверждения, загрузки страницы и в простое браузера: за экраном её всё равно не видно, а телефон не тратит батарею зря.
Подбор для владельца · около минуты
Магазин, который точно подойдёт
Пять коротких вопросов — про товар, оплату и то, кто будет вести заказы. В конце покажем, из чего мы бы собрали ваш сайт.
Ответы не сохраняются и никуда не отправляются — они живут только на этой странице, пока она открыта. Ровно как в квизе Good Time.
Оформление и оплата
Путь к оплате — без полей карты
Выберите способ и пройдите шаг до конца — так же, как на сайте: четыре способа оплаты, экран-имитация и экран успеха.
- Корзина
- Оформление
- 3Оплата
- 4Готово
Заказ GT-1013
Картой онлайн
120 р.
В настоящем магазине здесь откроется защищённая страница банка — карту вводят уже там.
Полей карты нет намеренно
На живом домене фейковая форма могла бы собрать чужие настоящие данные. В рабочем магазине на этом шаге откроется страница банка.
Сумму считает сервер
Цены и доставка пересчитываются по базе при создании заказа — корзине из браузера на слово не верим.
Заказ сразу в админке
Оформление создаёт заказ со статусом «Новый», оплата переводит его в «Оплачен».
Анонимность
Никто не узнает
Анонимность — не строчка в футере, а свойство каждого шага. Посмотрите, что о заказе знает каждый участник.
Номер заказа, имя и адрес. Что внутри — не знает: коробка плотная, чёрная, без логотипа и наклеек с названием магазина.
Админка
Что видит владелец
Обзор
Выручка и заказы за 7 дней, средний чек, график по дням, заказы по статусам, лидеры продаж.
Заказы
Фильтр по шести статусам, карточка заказа с составом и контактами, смена статуса в один клик.
Товары
Цена и видимость меняются прямо в таблице — витрина обновляется сразу.
Вход
По паролю из настроек сервера, а не из кода; сессия — подписанная httpOnly-кука.
Под капотом
Как это устроено
Next.js 16 + React 19
App Router, кэш каталога с точечным сбросом из админки
Three.js · React Three Fiber
хрустальная луна; на слабых устройствах и при reduced-motion — постер
GSAP · Lenis · Motion
манифест по скроллу, плавная прокрутка, переходы
SQLite + Drizzle
каталог и заказы; при смене данных каталог пересобирается, заказы остаются
Zustand
корзина в браузере, пересчёт суммы — на сервере
Noindex в три слоя
robots, meta и заголовок ответа — демо не попадает в поиск
Бренд в одном файле
название, цвета, телефон, доставка и оплата — в brand.ts
Результат
Готовый бутик — под ваш бренд
У студии появился живой демо-сайт деликатной ниши: его можно открыть с любого устройства, пройти путь покупки до экрана успеха и заглянуть в админку. Под конкретного владельца он перебрендируется в одном месте — название, палитра, телефоны и условия доставки, — а каталог, оплата и анонимность уже работают.
Хотите такой же результат?
Обсудим задачу, рассчитаем стоимость и сроки. Первый разбор — бесплатно.
Обсудить проект →