Односторінковий сайт

Технічне завдання (ТЗ) — One-page лендінг

1) Мета

• Запустити односторінковий сайт з короткою інформацією про автора та чотирма пропозиціями:

  1. Марафон “Мама 2.0”

  2. Закритий клуб “Mama Glow”

  3. Консультації 1:1

  4. Курс для вагітних

• На кожному блоці — короткий опис + кнопка купити

• Усе на одній сторінці з якорями та зручною навігацією.

2) Платформа та CMS

• WordPress з базовим візуальним редактором або легким конструктором

• ІНТЕГРАЦІЯ CMS: Виконавець інтегрує та налаштує CMS за інструкцією, яку я надам (плагін, базові налаштування, структура сторінки).

• Хостинг і домен — уже придбані у Hosting Ukraine (доступи я надам)

3) Структура (якорі)

Хедер (липкий / sticky)

• Лого/ім’я + меню-якорі: Про мене • Марафон • Клуб • Консультації • Курс • Контакти

• Основна кнопка (CTA у хедері): Купити Марафон

Hero (перший екран)

• Заголовок (H1) + підзаголовок + 2 кнопки:
  – Купити Марафон (якір на блок марафону або одразу оплата)
  – Увійти до клубу (якір на блок клубу)

Блок “Про мене” (#about)

• Фото + 3–4 маркери компетенцій + кнопка “Написати” (якір на контакти).

Блок “Марафон Мама 2.0” (#marathon)

• 3–5 булітів про формат/для кого/результати

• Ціна/дата

• Кнопка “Купити зараз”

Блок “Клуб Mama Glow” (#club)

• 3–4 буліти (що входить, як часто зустрічі)

• Тариф: місячна підписка

• Кнопка “Увійти до клубу” + примітка “можна скасувати будь-коли”

Блок “Консультації 1:1” (#consult)

• 2–3 речення (тривалість, теми, формат), ціна

• Кнопка “Оплатити консультацію”

• Після оплати — лист із лінком на календар/форму вибору часу (за домовленістю)

  Блок “Курс для вагітних” (#course)

• 3–4 буліти (що дає, формат), ціна

• Кнопка “Придбати курс”

• Міні-відгуки

• Короткі цитати (по 1–2 речення)

• FAQ (4 пункти)

• Оплата/доступ/повернення/де дивитися матеріали

  Контакти (#contact)

• Email / Telegram / Instagram

• Юридичні лінки: Політика конфіденційності • Умови • Cookies/Impressum (якщо потрібно)

4) Оплата

• Для кожного з 4 продуктів — окрема Pay Button / Pay Checkout link.

• Сценарій:
  

  • Оплата → сторінка “Дякуємо” з короткою інструкцією.

  • Лист-підтвердження (через плагін SMTP) з деталями:
    – для цифрових матеріалів — лінк/інструкція або посилання
    – для консультації — інструкція, як вибрати слот/ми звʼяжемось з вами

5) Дизайн і UX

• Світлий, мінімалістичний, mobile-first.

• Великі CTA-кнопки, достатні відступи, читабельні шрифти (body 18–20px).

• Без важких анімацій.

• Айкорні секції з ID: #about #marathon #club #consult #course #contact.

6) Контент (надаю я)

• Тексти для секцій (короткі абзаци + буліти), 1–2 фото.

• Ціни/валюта, посилання на сплату

• Контакти та юридичні тексти (Privacy/Terms/Cookies/Impressum).

7) Технічні вимоги

• Швидкість: мобільний Lighthouse ≥ 80; LCP < 2,8 с.

• SEO-база: Title/Description, OG-теги, favicon, чисті URL.

• Безпека: SSL (HTTPS), анти-спам на формах (reCAPTCHA v2/v3).

• Доступність: alt-тексти, видимий фокус, контраст ≥ 4.5:1.

• Аналітика: підключити GA4 (через GTM, якщо потрібно) — мінімально.

• Бекап: разовий бекап перед запуском + інструкція, як робити далі.

8) ІнтеграціЇ

• Соцкнопки/посилання на Instagram/Telegram.

• E-mail-повідомлення через SMTP-плагін (на пошту замовника).

• (Опційно) простий контакт-формуляр (відправка на email).

9) Розгортання

• Встановити сайт на Hosting Ukraine

• Підключити домен

• Налаштувати SSL та редирект на https.

10) Хендовер (передача після запуску)

• Адмін-доступ WordPress (роль Administrator).

• Логін/паролі, список плагінів.

• Інструкція (1–2 сторінки або коротке відео): як міняти тексти/ціни/кнопки сплати

• Експорт-бекап сайту

11) Тести/Приймання

• Кожна кнопка веде на правильний продукт; успішна/неуспішна оплата.

• Після оплати — сторінка подяки + лист на email з посиланням на телеграм канал/або сторінку курсу

• Якорі працюють (скрол до секції), меню липке на мобільному.

• Відображення на екранах 360/768/1024/1440 px.

• Перевірка SSL, фавікон, метатеги, соц-прев’ю.