К кейсам
Beauty Start USA · лицензии для бьюти-мастеров в США · 2024–⁠2026

Заменил Тильду и Thinkific своим кодом — экономия около $150 в месяц

Beauty Start USA помогает мастерам, переехавшим в США, получить лицензию штата. Работаем с 2024 года: сначала я собрал сайт и квизы на Тильде, в 2026-м перенёс их на свой код и отключил подписки.

≈ $150
в месяц — подписки Тильды и Thinkific, которые заменил свой код
4 479
вопросов пяти курсов в своём тренажёре: экзамен с таймером и интервальное повторение
3 языка
у каждой клиентской страницы: русский, английский, испанский
4
квиза на своём движке, каждый на трёх языках

Экономия — по стоимости подписок Тильды и Thinkific, которые отключены. Новый сайт работает на beautystartusa.com и открыт для поиска. Цифр по трафику и заявкам пока нет — сниму их, когда сайт поработает на домене месяц. Счёт страниц и вопросов — по сборке на 27 октября 2026 года.

КлиентBeauty Start USA: лицензии штата для мастеров и салонов, курсы к экзамену
Для когоМастера, которые учились или работали до переезда, и владельцы салонов
Как сделанСвой код без конструктора: сборка на Python, Netlify Functions и Edge Functions
Моя рольПродукт, решения и приёмка — мои; код — с Claude Code по моим задачам

Моя часть

Тильда

С 2024 года — сайт и квизы на Тильде, потом макет главной под конверсию и проверка обещаний.

Сайт и стиль

Структура на трёх языках, квизы и их движок, анкета с шифрованием данных, заявки, аналитика, логотип и фирменный стиль, выкладка.

Тренажёр

Выгрузка курсов из Thinkific со сверкой числа вопросов, тренажёр с интервальным повторением, вход по коду, прогресс на сервере, страница кодов.

В подвале сайта клиента — ссылка «Разработка и поддержка сайта» на kottov.net.

ПродуктКонверсияКвизыФирменный стильТри языкаClaude CodePythonJavaScriptNetlify FunctionsGA4

Сайты делаю время от времени. Если нужен похожий — напишите на max@kottov.net, отвечу, возьмусь ли.

01 · Сначала Тильда

Сайт на Тильде я собрал в 2024 году, а летом 2026-го — макет главной под конверсию

Начинал я с Тильды: собрал на ней прежний сайт компании, а квизы сделал её же средствами, без платного Marquiz. Летом 2026 года по документу с правками собрал макет всей главной под конверсию и подготовил его к переносу в Тильду. Важнее дизайна оказалось доверие: правки обещали больше, чем компания может гарантировать.

2024Сайт и квизы на Тильде, без платного Marquiz
Август 2026Макет главной под конверсию
СентябрьЛендинг для салонов и первый тренажёр
ОктябрьВесь сайт на своём коде
Конец октябряТренажёр на сайте и единый фирменный стиль
Главная на Тильде: «Лицензия бьюти-мастера в США — без колледжа и лишней бюрократии», список из четырёх стрелок и кнопка «Пройти анкету и получить гайд», справа фото основательницы на цветном круге
Тильда · до переезда
Макет главной: «Лицензия бьюти-мастера в США — без колледжа, по опыту и диплому из любой страны», четыре плашки, коралловая кнопка «Получить план и консультацию» и карточка бонуса
Макет для Тильды · август
Новый сайт: крупно «Лицензия по вашему опыту», кнопка «Получить план и консультацию», фото основательницы в овале и плашка «500+ мастеров уже с лицензией»
Свой код · октябрь

Первый экран в трёх видах. Макет я делал под перенос в Тильду, новый сайт сделан уже без неё, в стиле, который основательница выбрала по образцу.

Три обещания из правок я переписал
Было в правкахСтало на макете
«0% риск отказа»
«98% одобрений без отказа по нашей вине»Ноль процентов не выполнить: часть отказов зависит от совета штата по лицензированию. А 98% уже стоят в блоке цифр, и сайт не спорит сам с собой
«Лицензия без экзамена»
«В ряде штатов — по опыту и документам»В вопросах на том же сайте сказано, что чаще экзамен обязателен
«Окупаемость затрат за первую неделю»
«Затраты возвращаются с первых легальных клиентов»Обещать срок окупаемости — значит давать гарантию, которую никто не даст
Что убрал после проверки текстов
  • «PDF · 12 страниц». Объём гайда никто не считал.
  • «Осталось 4 места». Цифра не менялась — это фальшивый дефицит.
  • Пять звёзд у отзывов. Клиентки благодарили, а оценок не ставили.
  • «Гарантируем сопровождение… без риска штрафов». Решение принимает совет штата, поэтому стало «Сопровождаем на каждом шаге — от документов до решения борда».
Один призыв вместо шести
6→1
Шесть разных надписей вели на одну и ту же форму. Осталась одна — «Получить план и консультацию». Кнопку я добавил и после отзывов: раньше шесть блоков подряд шли без неё.

У Тильды были пределы: заявки собирает только её родная форма, а кодовые блоки основательница не может править сама — только через исполнителя.

02 · Октябрь 2026

Весь сайт заново — на своём коде и на трёх языках

16 октября на своём коде заработало всё, что было на Тильде: главные, квизы, страницы результата, анкета клиента, блог и политика. Код писал с Claude Code по своим задачам. Старые адреса я сохранил, а переехавшие уводятся на новые с кодом 301 — ссылки из рекламы и Instagram не сломались при переезде домена.

15
адресов в карте основного сайта, по пять на язык. Анкеты, результаты и тренажёр закрыты от поиска
33
правила переадресации 301 со старых адресов Тильды и поддомена
56
страниц проверяет скрипт после сборки: ссылки, языки, квизы
0
ошибок в этой проверке на сборке 27 октября
Одна структура на три языка

Для мастеров

  • Главная
  • Квиз «Как получить лицензию»
  • Квиз «Проверка лицензии»
  • Анкета для договора
  • Блог из трёх статей

Для владельцев салонов

  • Лендинг
  • Квиз «Лицензии для команды»
  • Квиз «Открыть свой салон»

Общее

  • Страницы результата квизов
  • Политика конфиденциальности
  • Страница «не найдено»
  • Тренажёр к экзамену

Основной сайт — beautystartusa.com: русский в корне, английский и испанский под /en и /es, хвост адреса одинаковый. Лендинг для салонов — на поддомене business, квиз для мастеров — на quiz, тренажёр — на study. Переключатель языков ведёт на ту же страницу, а не на главную. Строка без перевода роняет сборку, поэтому непереведённое на сайт не попадёт.

Лендинг для владельцев салонов: «Лицензии в США для мастеров из-за рубежа — без бумажной работы с вашей стороны», кнопка «Узнать варианты для моей команды», плашки «12+ штатов» и «500+ мастерам помогли»

Лендинг для владельцев салонов. Был отдельным английским сайтом, теперь он на трёх языках и по-прежнему живёт на поддомене business.

Анкета для договора
6 шагов
Вместо длинной формы — шаги с прогрессом, проверкой на каждом шаге и сводкой перед отправкой. Вопросы появляются по условию, черновик хранится на устройстве до отправки. Анкета уходит только основательнице.
Главная на телефоне: «Лицензия по вашему опыту» и кнопка «Получить план и консультацию»
Главная
Анкета для договора на телефоне: «Шаг 1 из 6 · О вас», шесть отрезков прогресса и первые поля
Анкета
Статья блога на телефоне: «Лицензия для бьюти-мастера в США — как не сойти с ума и получить её быстро»
Блог
Страница после квиза: «Спасибо! Мы получили заявку и проверим вашу лицензию», подарки и кнопка «Скачать гайд (PDF)»
После квиза
Главная целиком — её можно прокрутить
Главная целиком: первый экран «Лицензия по вашему опыту», «Легально, спокойно, онлайн», шаги «Как это работает», услуги, «Работать без лицензии?», отзывы, гайд в подарок, блок о компании с цифрами, блог, частые вопросы и подвал
03 · Фирменный стиль

Из временного логотипа — единый фирменный стиль

Логотипа у компании не было, и первую версию я сделал сам — временную. Теперь с Claude Code доработал его под стиль сайта, сделал анимацию и собрал единый фирменный стиль: сайт, тренажёр, значок во вкладке, аватарки и шаблоны для рекламы выглядят как одно целое.

Первая версия логотипа на светлом и тёмном фоне: «BeautyStart» одним шрифтом и круг с «плеем», залитый градиентом из жёлтого, оранжевого и голубого
Первая версия · временная

Первая версия. Сделал сам, когда логотипа не было совсем: картинка, вставленная в SVG, 120 КБ.

Логотип сейчас на светлом и тёмном фоне: «Beauty» прямым шрифтом, «Start» курсивом, справа знак «плей в круге» с коралловым треугольником
Сейчас

Сейчас. «Beauty» прямым шрифтом, «Start» курсивом — те же Manrope и Playfair Display, что на сайте. Треугольник в круге всегда коралловый. Буквы в кривых, файл 8 КБ.

Анимация: «плей» запускает надпись
Кадр 1: в центре появляется кнопка «плей», круг вокруг неё дорисовывается
1 · Кнопка
Кадр 2: треугольник нажимается и становится меньше
2 · Нажатие
Кадр 3: от кнопки расходится волна, кнопка едет вправо, из-под неё выезжает надпись
3 · Надпись выезжает
Кадр 4: логотип «Beauty Start» целиком, кнопка на своём месте
4 · Логотип на месте

Полный разворот длится 1,6 секунды — на заставке и в подвале сайта. При наведении на логотип в шапке кнопка коротко нажимается. Для роликов та же анимация собрана в видео: MP4 — для ленты, Stories и YouTube, MOV с прозрачным фоном — для монтажа.

Страница фирменного стиля: знак «плей в круге» графитовый и белый, аватарки профиля на беже и графите, аватарки с надписью «Beauty Start» в две строки на пудре, беже и графите

Знак и аватарки. «Плей в круге» узнаётся и без надписи. Аватарки 1080×1080 — для Facebook, Instagram, Telegram и WhatsApp.

Шаблоны раскладки для Facebook и Instagram: пост 1:1 и 4:5, Stories, Reels и обложка Reels в бежевой палитре с заголовком «Лицензия по вашему опыту»

Шаблоны для Meta. Пост 1:1 и 4:5, Stories, Reels и обложка Reels в фирменной палитре и шрифтах. Исходники в SVG с живым текстом.

Внутренняя страница «Дизайн-система Beauty Start USA»: описание стиля, логотип в светлом и тёмном варианте, значок и палитра цветов с именами переменных

Витрина дизайн-системы. Логотип, цвета, шрифты и компоненты сайта на одной закрытой странице.

Дизайн-система вместо разнобоя
Было в стилях
  • около 40 размеров шрифта
  • 10 почти одинаковых тёплых подложек
  • 7 кнопок-ссылок, сделанных по-разному
  • 3 стиля поля ввода
→
Стало
  • 11 размеров шрифта
  • отступы с шагом 4 px
  • одно поле и одна кнопка на все страницы
  • нажимаемая область от 44 px
Что вошло в фирменный стиль
  • логотип графитовый и белый, знак отдельно
  • значок во вкладке браузера и на экране телефона из того же знака
  • аватарки профиля и шаблоны креативов для Facebook и Instagram
  • анимация логотипа на сайте и в видео для роликов
  • обложки превью ссылок для каждой страницы и языка
  • дизайн-система сайта и витрина компонентов
  • генератор ссылок на квизы с метками UTM

Логотип стал векторным: 8 КБ вместо 120 КБ. Значки, аватарки, шаблоны и видео собирают скрипты из утверждённого логотипа, а не рисуют вручную по одному.

04 · Квизы

Квиз ведёт по своей ветке и не спрашивает то, что уже известно

Квиз — главный путь к заявке. На Тильде он шёл подряд: пять вопросов и форма. На своём движке вопросы ветвятся по ответам, штат подставляется по местоположению или из ссылки рекламы, а каждый шаг виден в аналитике.

Четыре квиза — четыре ситуации, каждый квиз на трёх языках
  • Мастер без лицензии. Как получить лицензию в своём штате.
  • Мастер с лицензией. Переезд в другой штат, просрочка, продление.
  • Будущий владелец. Как открыть свой салон или студию.
  • Владелец салона. Лицензии для мастеров, которые учились за рубежом.
Шаг 4 из 5 «В каком штате вы живёте или планируете работать?»: подсказка «Отметили штат из ссылки, поменяйте, если не так», выбрана плитка FL Флорида, справа шкала подарков 67%

Штат уже отмечен. Ссылка рекламы с ?state=FL отмечает Флориду, без неё штат подсказывает местоположение. Человек подтверждает или меняет.

Форма «Куда прислать план и расчёт стоимости?»: шкала подарков 95%, блок «Что учтём» с ответами, справа поля имени и телефона и выбор «Как удобнее связаться» кнопками

Короткая форма. Обязательны только имя и телефон, канал связи выбирается кнопкой. Слева — блок «Что учтём»: ответы, которые войдут в план.

Обложка квиза на телефоне: «Узнайте, как получить бьюти-лицензию в США», три пункта «что получите» и кнопка «Получить план»
Обложка
Вопрос 2 из 5 на телефоне: реплика «5 лет и больше в профессии – учтём это при подборе пути» и три варианта ответа
Отклик на ответ
Экран «Собираем ваш план…»: ответы человека отмечаются галочками по очереди
Собираем план
Форма контактов на телефоне: имя, телефон с пометкой «Номер не из США» и выбор WhatsApp, Звонок, Telegram, Instagram, Email
Контакты
Ветки вместо одного сценария
  • Планирует переезд. Своя ветка и свой текст перед формой.
  • Другой штат. Выбор из списка и вопрос, готов ли человек к экзамену: в таких штатах лицензию получают через него.
  • Вирджиния. Честный отказ: там компания не работает, и квиз не собирает заявку, а предлагает выбрать другой штат.
Ветки — по техзаданию агентства, с которым работает Beauty Start, движок — мой.
Чего в квизах нет сознательно
  • таймеров «осталось 5 минут»
  • выдуманных цифр одобрения
  • звёзд рейтинга без источника
  • обещаний в откликах, которых нет на сайте
Приёмы из исследований и сильных квизов
Быстрый старт

Первый вопрос — уже 20% шкалы, последний — 82%. По метаанализу 32 экспериментов (Villar, Callegaro, Yang, 2013) полоса, которая быстро идёт в начале, удерживает лучше.

Видимая работа

Перед формой две-три секунды «собираем план»: ответы отмечаются по одному. Видимая работа повышает ценность результата (Buell, Norton, 2011).

Можно вернуться

Ответы хранятся в браузере 14 дней: вернувшийся продолжает с того же вопроса. После отправки ответы стираются.

05 · Заявки и аналитика

Заявка не теряется, а событие одно на четыре системы

Все формы и квизы отправляют заявку в одну функцию, а она раскладывает её по каналам. Аналитика устроена так же: страница сообщает о действии один раз, а имена для Метрики, GA4, пикселя Meta и Clarity подставляет код.

Путь заявки
Квиз или формастраница, UTM, gclid, fbclid
Функция Netlifyсмотрит на имя формы
Telegramчат менеджеров
Таблица и почталист на каждую форму
Заявка у менеджерав Telegram, таблице и почте
Анкета для договора уходит только основательнице: её чат, отдельная таблица, письмо. Если каналы или функция недоступны, браузер сам отправляет заявку в Netlify Forms — это запасной путь. В журнал функции пишется только имя формы и каналы — без имён и телефонов.
Одна заявка из квиза — четыре имени
  • Яндекс Метрика: цель квиза и общая цель lead для Директа.
  • GA4: generate_lead с формой, квизом и языком страницы.
  • Пиксель Meta: стандартное событие Lead.
  • Microsoft Clarity: событие и пометка сессии с заявкой.
Шаги квиза, клики по WhatsApp, Telegram и почте, скачивание гайда и смена языка считаются сами, без разметки на страницах.
Согласие на cookies — по региону
  • США и остальной мир: счётчики сразу, баннер с отказом.
  • Часовые пояса Европы: ничего до «Принять».
  • Сигнал Global Privacy Control: без рекламы и записи сессий.
Поля форм в любом случае скрыты от Вебвизора и Clarity.
06 · Тренажёр к экзамену

Учёба — из Thinkific в свой тренажёр, где главное — вопросы

Beauty Start продаёт курсы подготовки к экзамену на лицензию. Уроки и тесты жили в Thinkific. Я выгрузил все курсы и собрал тренажёр на своём коде: уроки по порядку, тренировка, экзамен с таймером и работа над ошибками. Вход — по личному коду, прогресс хранится на сервере.

Гипотеза

Ценность курса не в уроках, а в отработке тестов. А тесты в Thinkific по-человечески не сделать.

С этой мысли начался тренажёр в сентябре: сначала локальный, на 11 вопросах.
Что нашлось в выгрузке
25–⁠40%
вопросов в Thinkific — с правильным ответом на первом месте: тест частично решался без знаний. Тренажёр перемешивает варианты при каждом показе.
5
курсов: Nail Tech, CA Nail Tech, Esthetician, Esthetician 2.0, Барбер
365
текстовых уроков
118
тестов из учебника
4 479
вопросов на русском и английском
Учебник
Уроки открываются по порядку: следующий — когда текущий дочитан. Тест раздела не пускает дальше, пока его не сдадут на 75%.
Тренировка
Подходы по 20 вопросов: сначала новые, потом слабые. Без таймера, ответ и объяснение — сразу.
Экзамен
Как на настоящем, ответ можно поменять, а вопрос — отложить звёздочкой и вернуться. Пробный формат: 20 вопросов, 30 минут, проходной балл 75%.
Работа над ошибками
Только вопросы, где была ошибка, — по интервальному повторению.
Интервальное повторение: вопрос выучен, когда на него трижды ответили верно в разные дни
Коробка 1новый вопрос или ошибка
Коробка 2повтор через день
Коробка 3через 3 дня
Коробка 4через неделю · выучен
Коробка 5уходит из повторения
Готовность к экзамену — доля вопросов в коробках 4 и 5. Три верных ответа за один вечер выученным вопрос не делают.
Вход в тренажёр: «Тренажёр экзамена», поле «Код доступа» с подсказкой BS-XXXX-XXXX и кнопка «Войти»

Вход по коду. Код выдаёт команда после записи на курс. Без пропуска сервер не отдаёт ни уроки, ни файлы курса.

Главная курса Nail Tech: кольцо «Готовность к экзамену», счётчики ответов, прочитанных уроков и вопросов на повторение, график последних экзаменов, четыре режима

Главная курса. Готовность, четыре режима и язык вопросов: русский с английским, только русский или только английский — как на экзамене.

Тренировка, вопрос 1 из 20 на русском и английском: выбранный неверный ответ подсвечен красным, верный зелёным, ниже объяснение

Тренировка. Ответ и объяснение сразу. Вопрос и варианты на двух языках: термины учатся на том языке, на котором будет экзамен.

Экзамен, вопрос 10 из 20 с таймером в углу; ниже сетка номеров 1–20: отвеченные, серые без ответа и вопрос со звёздочкой

Экзамен. Таймер идёт по реальному времени, свёрнутый браузер его не останавливает. Отложенные вопросы отмечены звёздочкой в сетке номеров.

Результат экзамена: кольцо 85%, 17 из 20, «Экзамен сдан», отметка проходного балла 75%, ниже разбор ошибок с объяснениями

Результат. Балл всегда от 20 вопросов, под ним разбор каждой ошибки. На кадре мой тестовый экзамен.

Урок «Строение ногтя / Nail Structure»: раздел и номер урока, время чтения, текст и таблица терминов с произношением

Урок. Текст из Thinkific очищен от шрифтов редактора, таблицы — в своей рамке, инфографика открывается на весь экран.

Учебник на телефоне: сколько уроков прочитано, кнопка «Продолжить с урока» и список уроков, закрытые — с замком
Учебник
Инфографика «Строение ногтя» в уроке на телефоне, с кнопкой увеличения
Инфографика
Тренировка на телефоне: вопрос, четыре варианта, верный и неверный ответы подсвечены, объяснение
Тренировка
Главная курса на телефоне: готовность к экзамену и счётчики
Главная курса

Тренажёр открывается только по коду доступа, поэтому кадры изнутри сняты с локальной сборки того же сайта, курс Nail Tech. Ответы, экзамен и прочитанные уроки на них — мой тестовый прогон, а не данные учениц.

Как устроен тренажёр внутри
Доступ и прогресс
  • Код ученицы основательница выдаёт на странице кодов. Там же отключает код, меняет курсы и видит прогресс по каждому курсу.
  • Пропуск — подписанный файл cookie на 12 часов. Файл чужого курса сервер не отдаёт, неверный код — не больше 10 попыток за 10 минут.
  • Ссылка для входа несёт код после #, поэтому он не попадает на сервер и в логи.
  • Прогресс пишется в браузере и через полторы секунды на сервере. Данные с телефона и компьютера объединяются: по каждому вопросу берётся самая свежая запись.
Перенос из Thinkific
  • Выгрузка — скриптом в консоли админки, через её же GraphQL: главы, уроки, тесты, ответы. Число вопросов в каждом тесте сверено с админкой.
  • Убраны 88 заставок «Готова пройти тест?» и 31 пустая заглушка.
  • Уроки очищены от шрифтов и цветов редактора, данные курсов похудели с 12,6 до 8,4 МБ.
  • На 169 инфографиках скрипт заменил старый знак новым логотипом.
  • Английские копии русских вопросов тренажёр находит сам и не берёт в экзамен.
Как рос тренажёр
08.09
11 вопросов для проверкиЛокальный тренажёр без сервера — проверка гипотезы.
16.10
Все курсы из ThinkificПолная выгрузка и копия на поддомене, чтобы показать основательнице.
22.10
Учебник по порядкуПо её требованиям: следующий урок — после прочитанного, тест раздела — минимум на 75%.
23.10
Вход по кодуПрогресс на сервере, страница кодов для основательницы.
27.10
Тренажёр на сайте, интерфейс на трёх языкахКод и прогресс общие для русского, английского и испанского. Уроки и инфографика вычищены.
07 · Итог

Подписки отключены, цифры трафика — через месяц на домене

Сайт и учёба теперь на своём коде, без подписок на конструктор и платформу, — это около $150 в месяц. Квиз ведёт каждого по своей ветке, заявка не теряется, а курс построен вокруг отработки тестов.

Чего пока нет

Цифр по трафику и заявкам пока нет: сайт на домене недавно. Проверенных замеров главной на Тильде до и после правок в материалах проекта тоже нет. Единственная цифра результата здесь — экономия на подписках.

Что посмотрю в первый месяц
Неделя 1
Где уходят из квизаВоронка по шагам у каждого квиза. Шаг, на котором уходит больше 30%, правлю первым.
Месяц 1
Заявки по языкам и источникамЯзык страницы и метки рекламы есть в каждом событии и в каждой заявке.
Тренажёр
Доходят ли до экзаменаСтраница кодов показывает по каждой ученице, на сколько вопросов она ответила и сколько выучила, сколько уроков прочитала и как сдала экзамены.
Что осталось сделать
  • завести цели в Метрике, GA4 и Meta — список событий уже готов
  • перевести содержание курсов на испанский: интерфейс тренажёра на нём уже есть
  • вычитать с основательницей переводы лендинга для салонов

Тренажёр открывается только по коду ученицы. Сайт: beautystartusa.com ↗

Экономия — по стоимости подписок Тильды и Thinkific. Остальные факты — из документации и кода проекта (сборка 27 октября 2026 года) и обхода тестового адреса 1 ноября 2026 года. Переезд на beautystartusa.com проверен 6 ноября 2026 года. Кадры сняты 1 ноября: квизы, лендинг, анкета, блог и вход в тренажёр — с тестового адреса, без отправки форм; тренажёр изнутри, страница фирменного стиля и витрина — с локальной сборки; логотипы и кадры анимации — из файлов проекта; Тильда — с beautystartusa.com до переезда; макет — из файла августа 2026 года. На кадрах скрыты имя основательницы и имена клиенток. Обложка — фото лицензии из квиза на сайте.

← Вернуться к кейсам