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 — Підсумок
Результат
Сайт став магазином однієї авторки: дванадцять книжок замість одного товару, безкоштовна казка як лід-магніт, блог, що веде до книжок. Авторка додає книжки і статті сама, без розробника.
Персональні дані відвідувачів не йдуть назовні, а юртексти збігаються з тим, що сайт робить насправді.
