01 — Клиент
О проекте
«Сказки смелости» — серия из двенадцати терапевтических сказок Юлии Раевской, детского психолога. Каждая книга помогает ребёнку прожить один страх: темноты, садика, зубного врача. Сайт должен продавать эти книги родителям в Германии и по всему миру, открываться мгновенно и оставаться таким, чтобы автор вела его сама.
02 — Контекст
Задача
Старый сайт был собран на конструкторе блоков, а магазин — на WooCommerce ради одного товара. Корзина, оформление заказа и личный кабинет обслуживали одну PDF-книгу за пятнадцать евро. Главная рассказывала сразу о трёх занятиях: фотосессиях, сказкотерапии и мастер-классах.
Продажа PDF в Европу упирается в НДС: ставка зависит от страны покупателя, и отчётность по каждой стране для автора-одиночки неподъёмна. Юртексты не сходились с реальностью: Impressum называл сайт некоммерческим, а рядом стояла кнопка «Купить».
Сайт нужно было не перерисовать, а сузить. Психолог остаётся рамкой экспертности, книги становятся продуктом, всё остальное уходит.
03 — Решение
Как это устроено
3.1
Дизайн за шесть итераций
Дизайн-система собрана в Figma: тёплая бумага, книжный сериф Alice, пастельная плашка под каждую проблему. Логотип и фирменные цвета сохранены, изменилась компоновка. Шесть версий главной от строгой до «книжной», финал — в детском регистре, с иллюстрациями из самих книг.
3.2
Своя блочная тема
Никаких конструкторов. Лёгкая FSE-тема на нативных блоках: токены в theme.json, шрифты локально и с разбивкой по алфавитам, CSS после минификации семь килобайт. Автор правит контент в обычном редакторе блоков, а не в панелях настроек.
3.3
Магазин без корзины
WooCommerce удалён. Книги стали своим типом записей в отдельном плагине: витрина, карточки, фильтр по проблемам, блок «с этой проблемой также берут». Магазин не добавляет на страницу ни одного скрипта. Оплата через Lemon Squeezy как Merchant of Record: сервис сам считает и платит НДС по стране покупателя, выдаёт счета и хранит покупки. Подробно — в отдельном кейсе.
3.4
Свой cookie-баннер
Вместо тяжёлого плагина согласия написан собственный: три килобайта, ни одного cookie и ни одного внешнего запроса до выбора посетителя, равнозначные кнопки по практике немецких надзорных органов. Тоже отдельный кейс.
3.5
Скорость и данные
Первый замер после запуска дал 92 балла PageSpeed на телефоне. Дальше дожимали детали: иллюстрации в WebP, шрифты с разбивкой по алфавитам и предзагрузкой, минифицированный CSS темы, картинки ниже первого экрана в отложенной загрузке. Итог — 97: главная картинка появляется за 2,5 с, сдвиг раскладки нулевой, первый экран весит около 150 КБ.
Аналитика — Independent Analytics: без cookie и без внешних серверов. Rank Math с выключенными модулями, которые ходят наружу, редиректы со всех старых адресов, свой JSON-LD для книг.
3.6
Право
Impressum и Datenschutzerklärung переписаны под факт продажи: Kleinunternehmerin по § 19 UStG, Lemon Squeezy как продавец, Cloudflare, пиксель только по согласию. Ссылка на закрытую платформу ODR убрана, чтобы не давать повода для претензий.
04 — Итог
Результат
Сайт стал магазином одного автора: двенадцать книг вместо одного товара, бесплатная сказка как лид-магнит, блог, который ведёт к книгам. Автор добавляет книги и статьи сама, без разработчика.
Персональные данные посетителей не уходят наружу, а юртексты совпадают с тем, что сайт делает на самом деле.
