karaokeshop
Витрина, которая спрашивает про зал, а не про модель
- E-commerce
- Ребилд
- 2026
Две аудитории на одном прайсе: человек берёт караоке в квартиру, владелец бара оснащает зал на 80 квадратов. Отвечать надо обоим, а домен и поисковый вес у магазина один.
Коротко
karaokeshop.kz продаёт и монтирует караоке-системы AST и Studio Evolution в Алматы. Чек от 415 тысяч до 2,6 миллиона тенге, покупают и в квартиру, и в клуб.
- Задача
- Одна витрина и один домен для двух аудиторий: квартира и заведение
- Что сделала
- Весь ребилд сама с Claude Code: семантика и карта адресов, квиз и калькулятор сметы, дизайн-система в двух темах, тексты, код, переезд с Wix
- Результат
- Живой прод на своём домене: 69 страниц, 77 адресов редиректов, 52 теста
- Чем подтверждено
- Сайтом и сборкой. Поведенческих данных нет: счётчик ещё не выдали, целевая метрика по кластерам пока цель, а не замер
- Срок
- Живой прод с 21 июля 2026
Объём работы
- Семантика и карта адресов
- 77 редиректов с Wix
- Квиз и калькулятор сметы
- Две темы на токенах
- Тексты
- Кабинет на 11 коллекций
- 52 теста
- Вёрстка и деплой
- Переезд домена
Старый сайт стоял на Wix: стоковое фото, заголовок про профессиональные решения и один прайс на всех. Продажа шла через звонок, сайт в ней участвовал витриной.
Задача пришла устно и без технического задания. Бриф я отправила, ответы не вернулись, поэтому вводные добирала из открытых источников: линейки вендоров, сайты трёх конкурентов, справочник заведений Алматы. Интервью с покупателями не было, и дальше я это отмечаю.
Моя роль
Работала одна. Семантика и карта адресов, структура, дизайн-система на токенах, тексты, вёрстка, тесты, деплой и передача сайта собственнице.
01 · Проблема
Прайс отвечает на вопрос «сколько». Покупатель спрашивает «что мне нужно»
Караоке это комплект
Пульт, акустика, микрофоны, свет, база песен. На витрине это выглядело как один товар с ценой, и сравнивать было нечего.
Решает площадь зала
Мощность подбирают под квадратные метры. Ни один экран старого сайта про площадь не спрашивал.
Две аудитории, один прайс
Тот, кто берёт систему в квартиру, и владелец клуба видели одну страницу и одни и те же 2,6 миллиона тенге.
Меню без посадочных
Пункты «Для дома» и «Для заведений» вели в общий каталог. Страниц под эти запросы не было.
Главный страх здесь звучит не «дорого», а «я не знаю, что мне вообще нужно». Это вывод из разбора вендоров и трёх конкурентов в июне 2026, интервью за ним нет: гипотеза, а не факт.
Фокус задачи
Как спросить человека про зал раньше, чем про модель?
02 · Решение
Не каталог, а четыре входа по намерению
Витрина по сценариям
Каталог разложен по месту, а не по типу железа. Ось взята готовой из линеек вендоров.
Квиз на главной
Три вопроса первым экраном, до каталога: место, площадь, бюджет. Без них комплект не собрать.
Калькулятор сметы
Собирает комплект под площадь и бюджет, итог уходит в WhatsApp одним нажатием.
Воронка «под ключ»
Отдельная ветка для заведений: проект звука, монтаж, обучение. Дорогой чек решают сервисом, а не ценой.
Принцип из семантического ядра: один кластер намерения, одна посадочная, один адрес. Из него выросли и структура, и карта редиректов.
03 · Сценарий
Три вопроса вместо каталога: место, площадь, бюджет
Одни и те же три вопроса задаются дважды: коротким квизом на главной, чтобы перехватить человека до каталога, и полным калькулятором, если он пришёл считать смету.
- Квиз на главной
- Место
- Площадь
- Бюджет
- Смета в калькуляторе
- Заявка в WhatsApp
Ответы уезжают в калькулятор параметрами адреса, второй раз те же вопросы не задаются. В первой версии шва не было: человек отвечал, упирался в пустую форму и начинал сначала.
04 · Главная фича
Одна витрина на две воронки. Второй сайт дешевле в дизайне и дороже в поиске
Проблема
Разные вопросы, разный цикл, разница в чеке вдвое. Развести по двум сайтам просто, но домен с историей в выдаче тогда делится надвое, а он один.
Решение
Одна оболочка и один каталог, расходятся аудитории на посадочных: свой первый экран, своя точка входа по цене, своё целевое действие.
Оболочка одинаковая намеренно: кто зашёл не туда, переходит в соседнюю воронку, а не уходит.
01 · Покупатель домой
Короткий цикл. Приходит из поиска, проходит квиз, получает смету, пишет в WhatsApp.
02 · Владелец заведения
Длинный цикл и дорогой чек. Нужен не товар, а проект под помещение: монтаж, гарантия, обновление песен.
03 · Собственница магазина
Третий пользователь, про которого забывают. Ей нужно менять цены и тексты, не открывая код.
05 · Почему так
Четыре отказа, и ни один не про «неудобно пользователю»
-
Два отдельных сайта под дом и под бизнес
Отказ по физике поиска. Разделение выглядит чисто, но делит ссылочный вес домена надвое, а конкуренты сценарные страницы уже держат.
-
Облачная CMS для редактирования контента
Отказ по экономике. В ADR облако было выбрано первым, но сайт живёт нулевым бюджетом на статике: вендор забирает контент и начинает стоить на росте. Запись ADR за решением не переписала, это мой долг.
-
Кнопка WhatsApp прямо на карточке каталога
Отказ по ролям элементов. Кнопку добавила я сама: она закрывала цену и перехватывала клик. Карточка это навигация, конверсия живёт на странице товара.
-
Бесплатный тариф Vercel
Отказ по юридике. Бесплатный тариф по условиям использования разрешён только для некоммерции, а это магазин.
-
Выбрано
Единая витрина плюс кабинет правок на гите
Сегментация по намерению внутри одного домена плюс кабинет поверх репозитория: 11 коллекций, вход по токену, правка формой уходит коммитом. Цена: она появляется за минуты, а не мгновенно.
06 · Кит проекта
Две темы, один источник цвета
Тёмная тема по умолчанию, светлая по кнопке. Обе видно прямо на этой странице: обложка и подбор сняты в тёмной, посадочные воронок в светлой.
Светлая
Акцент чернильно-синий #17233f, контраст 15,6 к 1. Ключевое слово в заголовке подчёркивается, а не заливается: жёлтая плашка на светлом читалась маркером.
Тёмная, по умолчанию
Акцент неон-жёлтый #facc15, контраст 10,6 к 1. Тёмный текст поверх жёлтого отдельным токеном, чтобы никто не поставил белый.
Цвет живёт в одном файле
Обе темы объявлены один раз в пакете токенов. Из глобальных стилей ушло 96 строк цветовых правил, которые молча перебивали токены.
Контраст посчитан, а не заявлен
У каждой пары «текст на фоне» в токенах записано отношение. При перекраске акцента две пары правились ради порога.
Одно исключение названо
Зелёный WhatsApp намеренно вне токенов: чужой сервис в теме не участвует.
07 · Результат
Сайт наконец стоит на своём домене
Главная на телефоне
Снято до переезда и после, один и тот же адрес
Wix: стоковое фото, общий заголовок и одна кнопка в каталог.
Первый экран задаёт вопрос про место вместо показа прайса.
Почему поменяла
Первый экран единственное место, где человека можно перехватить до каталога. Раньше он отдавал фото и кнопку «Караоке-системы», то есть предлагал выбирать самому. Теперь задаёт первый вопрос из трёх.
69 страниц
В карте сайта живого прода. Снято с sitemap.xml 3 сентября 2026.
77 адресов
Карта редиректов со старого Wix: пары проверены сборкой, откат через смену серверов имён оставлен живым.
52 теста
Сторожат калькулятор, квиз, мету и целостность контента: счётчики коллекций и обязательные поля.
11 коллекций
Контент вынесен из кода: файл на 880 строк стал загрузчиком, тексты и цены правятся формой.
Целевая метрика: позиции и переходы по кластерам «для дома», «для бара» и «под ключ». Это цель, а не замер: домен переехал 21 июля 2026, данные за период я не снимала.
- Ограничение: счётчик аналитики стоит заглушкой, боевой номер ещё не выдали. Пока его нет, поведенческих данных у проекта нет вообще.
- Ограничение: фотографии товаров пока стоковые. По доверию это бьёт сильнее всего.
- Что бы сделала иначе: переездом домена занялась бы первой задачей. Пока адрес отдавал старый сайт, работа под поиск лежала мёртвым грузом.
08 · Подход
Машина писала, гейты ставила я
Объём контента был единственным способом занять свободные кластеры: у конкурентов блога либо нет, либо он про новости вендоров. 26 статей руками я бы в эти сроки не написала, поэтому производство и аудит вела в паре с моделью.
Где отказалась. Соцдоказательству, которое машина придумала сама, не поверила: рейтинги вычистила из разметки. Чистку длинного тире в блоге, 370 вхождений, делала не автозаменой: каждое проверялось на сдвиг смысла, а замена варьировалась, иначе новый знак сам становится следом машины.
Проверку Lighthouse перевела из блокирующей в предупреждающую: сигнал, ложно красный через раз, перестают читать.
Разбор конкурентов
Три сайта по десяти кластерам запросов. Взяла не «что у них хорошо», а карту пустот: сравнение брендов, подбор по площади и цена оснащения не закрыты ни у кого.
Линейки вендоров
AST и Studio Evolution сами делят модели на домашние и клубные. Эту ось я не придумывала, а взяла готовой в основу навигации.
Мобильные паттерны
Из разборов NNGroup взяла тач-таргет 44 пикселя и правило не прятать кнопку связи при прокрутке. Из второго выросло исключение: на оформлении её убирают, чтобы человек не ушёл из воронки.
09 · Факапы
Две ошибки из трёх не видно на скриншоте
Решение приняли, код разошёлся
Собственница решила убрать упоминания рассрочки Kaspi. Правку сделали по памяти, там, где вспомнили. Аудит нашёл 21 вхождение: конфиг, главная, калькулятор, мета, статьи блога.
После продуктового решения нужен полный поиск по репозиторию, а не правка по памяти.
Компонент подменял тему вместо того, чтобы ей следовать
Декоративная обёртка форсировала тёмную палитру на нескольких страницах. В светлой теме получался тёмный остров внутри светлой оболочки: выглядело как сломанная вёрстка, а не как приём.
Компонент, который трогает тему, обязан ей следовать. Обёртка удалена целиком.
Выдуманный рейтинг дошёл до разметки продакшена
В разметку товаров попали рейтинг и число отзывов, которых не существует. Для Google это несоответствие разметки видимому контенту и риск ручных санкций.
Ветка рейтинга закрыта гардом до реальных отзывов. Сгенерированный контент проверяю на выдумки до деплоя.
Что теперь
Прод живой. Замера пока нет
Счётчик аналитики
Стоит заглушкой, боевой номер ещё не выдали. Пока его нет, целевая метрика по кластерам «для дома», «для бара» и «под ключ» остаётся целью, а не замером.
Фото товаров
Пока стоковые. По доверию это бьёт сильнее всего.
Запись ADR
Облачную CMS отклонили, а запись ADR за решением не переписана. Это мой долг.