Сайт-спутник к книге психолога: 20 страниц на Tilda, два языка, интерактивные практики, оплата lava.top и Stripe, QR-коды для печати

Описание

Клиент — психолог Юлия Созонтова, автор книги «Your Original Code». К бумажной книге нужен сайт-спутник: читатель наводит камеру на QR-код, напечатанный в главе, и попадает на страницу практики именно к этой главе — с рабочим листом, аудио-медитацией или интерактивным упражнением.

Что требовалось:

— два полноценных языка, английский и русский: книга выходит на обоих рынках, и RU не должен выглядеть переводом на коленке;
— 8 практик по главам книги: рабочие листы PDF, аудио-медитации, интерактивное упражнение с персональной интерпретацией;
— форма перед скачиванием материалов, чтобы собирать контакты читателей;
— две медитации продаются отдельно — нужен приём оплаты и для России, и для зарубежных читателей, со страницами выдачи после оплаты;
— QR-коды на все страницы под печать в бумажной книге;
— всё это должно остаться внутри Tilda, чтобы автор потом могла править тексты сама, без разработчика.

Решение

20 страниц на Tilda, собранных в Zero Block.

ДВА ЯЗЫКА. Штатной мультиязычности на тарифе Tilda нет в принципе, поэтому EN- и RU-версии собраны как параллельные ветки страниц с общей схемой адресов и переключателем в шапке. Шапки и подвалы синхронизированы между языками, все внутренние ссылки и якоря проверены обходом живого сайта.

ИНТЕРАКТИВНАЯ ПРАКТИКА «SOURCE OF LIGHT». Читатель рисует свой образ света, выбирает ближайшую карточку из восьми — и попадает на персональную интерпретацию именно своего образа.

АУДИО-МЕДИТАЦИИ. Tilda не хостит mp3 и PDF ни на одном тарифе — загрузчик отсекает не-картинки прямо в браузере. Файлы вынес во внешнее объектное хранилище, отдельное для русской и английской аудитории, в Tilda идут только прямые ссылки. Плеер написан на HTML/JS внутри страницы, чтобы он выглядел частью дизайна, а не чужим виджетом.

ГЕЙТ ПЕРЕД СКАЧИВАНИЕМ. Скрипт перехватывает клик по ссылке на любой файл, показывает попап с формой на языке страницы, заявка падает в CRM, дальше человек качает свободно. Прямые ссылки на кнопках оставлены сознательно: если скрипт не отработает, скачивание всё равно сработает.

ОПЛАТА. lava.top для российских читателей и Stripe для зарубежных, после оплаты — отдельные страницы выдачи с плеером и скачиванием.

QR-КОДЫ. 21 код на все страницы: векторные для типографии, растровые для экрана, в фирменной палитре книги. Проверены и по контрасту, и реальным распознаванием камерой — первый вариант, нарисованный обводкой, телефон не брал.

МОБИЛЬНЫЕ МАКЕТЫ. В Zero Block планшет и телефон — самостоятельные брейкпоинты, которых по умолчанию просто нет. Прорисованы отдельно, а не «как-нибудь схлопнется».

АВТОПРОВЕРКА. Написал скрипт-чеклист: обходит все живые страницы и проверяет, что тексты, ссылки, картинки, PDF и mp3 на месте и отдают 200.

Результат

Сайт запущен на своём домене — https://youroriginalcode.com — и работает в связке с книгой: QR-коды ушли в печать, читатель с бумажной страницы попадает прямо на нужную практику, на своём языке.

Автор правит тексты сама в редакторе Tilda, без разработчика. Контакты читателей собираются в CRM, платные медитации продаются и выдаются автоматически — и для России, и для зарубежа. Скрипт-чеклист прогоняется после каждой правки, поэтому отвалившуюся ссылку или пропавший файл вижу я, а не клиент.

Проект продолжается: добавляются новые материалы и страницы.