<p><b>Технічне завдання (ТЗ) — One-page лендінг</b></p><p><b>1) Мета</b></p><ul><li><p>Запустити односторінковий сайт з короткою інформацією про автора та чотирма пропозиціями:</p><ol><li><p>Марафон “Мама 2.0”</p></li><li><p>Закритий клуб “Mama Glow”</p></li><li><p>Консультації 1:1</p></li><li><p>Курс для вагітних</p></li></ol></li><li><p>На кожному блоці — короткий опис + кнопка купити</p></li><li><p>Усе на одній сторінці з якорями та зручною навігацією.</p></li></ul><p><b>2) Платформа та CMS</b></p><ul><li><p>WordPress з базовим візуальним редактором або легким конструктором</p></li><li><p>ІНТЕГРАЦІЯ CMS: Виконавець інтегрує та налаштує CMS за інструкцією, яку я надам (плагін, базові налаштування, структура сторінки).</p></li><li><p>Хостинг і домен — уже придбані у Hosting Ukraine (доступи я надам)</p></li></ul><p><b>3) Структура (якорі)</b></p><p>Хедер (липкий / sticky)</p><ul><li><p>Лого/ім’я + меню-якорі: Про мене • Марафон • Клуб • Консультації • Курс • Контакти</p></li><li><p>Основна кнопка (CTA у хедері): Купити Марафон</p><p></p></li></ul><p>Hero (перший екран)</p><ul><li><p>Заголовок (H1) + підзаголовок + 2 кнопки:<br />– Купити Марафон (якір на блок марафону або одразу оплата)<br />– Увійти до клубу (якір на блок клубу)</p><p></p></li></ul><p>Блок “Про мене” (#about)</p><ul><li><p>Фото + 3–4 маркери компетенцій + кнопка “Написати” (якір на контакти).</p><p></p></li></ul><p>Блок “Марафон Мама 2.0” (#marathon)</p><ul><li><p>3–5 булітів про формат/для кого/результати</p></li><li><p>Ціна/дата</p></li><li><p>Кнопка “Купити зараз”</p><p></p></li></ul><p>Блок “Клуб Mama Glow” (#club)</p><ul><li><p>3–4 буліти (що входить, як часто зустрічі)</p></li><li><p>Тариф: місячна підписка</p></li><li><p>Кнопка “Увійти до клубу” + примітка “можна скасувати будь-коли”</p><p></p></li></ul><p>Блок “Консультації 1:1” (#consult)</p><ul><li><p>2–3 речення (тривалість, теми, формат), ціна</p></li><li><p>Кнопка “Оплатити консультацію”</p></li><li><p>Після оплати — лист із лінком на календар/форму вибору часу (за домовленістю)</p><p></p><p>Блок “Курс для вагітних” (#course)</p></li><li><p>3–4 буліти (що дає, формат), ціна</p></li><li><p>Кнопка “Придбати курс”</p></li><li><p>Міні-відгуки</p></li><li><p>Короткі цитати (по 1–2 речення)</p></li><li><p>FAQ (4 пункти)</p></li><li><p>Оплата/доступ/повернення/де дивитися матеріали</p><p></p><p>Контакти (#contact)</p></li><li><p>Email / Telegram / Instagram</p></li><li><p>Юридичні лінки: Політика конфіденційності • Умови • Cookies/Impressum (якщо потрібно)</p></li></ul><p><b>4) Оплата</b></p><ul><li><p>Для кожного з 4 продуктів — окрема Pay Button / Pay Checkout link.</p></li><li><p>Сценарій:<br /></p><ul><li><p>Оплата ? сторінка “Дякуємо” з короткою інструкцією.</p></li><li><p>Лист-підтвердження (через плагін SMTP) з деталями:<br />– для цифрових матеріалів — лінк/інструкція або посилання<br />– для консультації — інструкція, як вибрати слот/ми зв?яжемось з вами</p></li></ul></li></ul><p><b>5) Дизайн і UX</b></p><ul><li><p>Світлий, мінімалістичний, mobile-first.</p></li><li><p>Великі CTA-кнопки, достатні відступи, читабельні шрифти (body 18–20px).</p></li><li><p>Без важких анімацій.</p></li><li><p>Айкорні секції з ID: #about #marathon #club #consult #course #contact.</p></li></ul><p><b>6) Контент (надаю я)</b></p><ul><li><p>Тексти для секцій (короткі абзаци + буліти), 1–2 фото.</p></li><li><p>Ціни/валюта, посилання на сплату</p></li><li><p>Контакти та юридичні тексти (Privacy/Terms/Cookies/Impressum).</p></li></ul><p><b>7) Технічні вимоги</b></p><ul><li><p>Швидкість: мобільний Lighthouse ? 80; LCP < 2,8 с.</p></li><li><p>SEO-база: Title/Description, OG-теги, favicon, чисті URL.</p></li><li><p>Безпека: SSL (HTTPS), анти-спам на формах (reCAPTCHA v2/v3).</p></li><li><p>Доступність: alt-тексти, видимий фокус, контраст ? 4.5:1.</p></li><li><p>Аналітика: підключити GA4 (через GTM, якщо потрібно) — мінімально.</p></li><li><p>Бекап: разовий бекап перед запуском + інструкція, як робити далі.</p></li></ul><p><b>8) ІнтеграціЇ</b></p><ul><li><p>Соцкнопки/посилання на Instagram/Telegram.</p></li><li><p>E-mail-повідомлення через SMTP-плагін (на пошту замовника).</p></li><li><p>(Опційно) простий контакт-формуляр (відправка на email).</p></li></ul><p><b>9) Розгортання</b></p><ul><li><p>Встановити сайт на Hosting Ukraine</p></li><li><p>Підключити домен</p></li><li><p>Налаштувати SSL та редирект на https.</p></li></ul><p><b>10) Хендовер (передача після запуску)</b></p><ul><li><p>Адмін-доступ WordPress (роль Administrator).</p></li><li><p>Логін/паролі, список плагінів.</p></li><li><p>Інструкція (1–2 сторінки або коротке відео): як міняти тексти/ціни/кнопки сплати</p></li><li><p>Експорт-бекап сайту</p></li></ul><p><b>11) Тести/Приймання</b></p><ul><li><p>Кожна кнопка веде на правильний продукт; успішна/неуспішна оплата.</p></li><li><p>Після оплати — сторінка подяки + лист на email з посиланням на телеграм канал/або сторінку курсу</p></li><li><p>Якорі працюють (скрол до секції), меню липке на мобільному.</p></li><li><p>Відображення на екранах 360/768/1024/1440 px.</p></li><li><p>Перевірка SSL, фавікон, метатеги, соц-прев’ю.</p></li></ul>
