ТЕХНІЧНЕ ЗАВДАННЯ
Проєкт: Лендинг для пресейлу підписки на майбутній маркетплейс товарів і послуг
CMS: WordPress
Плагіни: WooCommerce, MemberPress (або Paid Memberships Pro), Elementor Pro
Мета: Зібрати оплату з користувачів за підписку (presale), на майбутній продукт за пільговою ціною (мінус 90%) та надати їм доступ до особистого кабінету, і зробити сайт легко редагованим без залучення розробника (ми повинні мати можливість в подальшому міняти текст та картинки і можливо навіть видаляти певні блоки (останнє не принципово, але бажано).
⸻
1. Цілі сайту
1. Презентувати майбутній маркетплейс товарів і послуг.
2. Дати можливість користувачам придбати підписку (presale-оферта).
3. Після оплати користувач повинен отримати доступ до особистого кабінету.
4. Адміністратор має можливість легко змінювати контент (тексти, фото, тарифи).
5. Усі платежі повинні фіксуватись у WooCommerce і MemberPress.
⸻
2. Основний функціонал
2.1. Головна сторінка (Landing Page)
• Адаптивний дизайн (мобільна та десктопна версії).
• Секції:
1. Головний екран: логотип, заголовок, короткий опис, кнопка “Оформити підписку”.
2. Опис проєкту: що це за маркетплейс, які переваги.
3. Плани підписки: 3 тарифи (наприклад, Standard €2.99 / Premium €7.99 / Elite €24.99).
4. FAQ: відповіді на типові запитання.
5. Контакти: форма зворотного зв’язку або email.
6. Політика конфіденційності і умови публічної оферти (окремі сторінки).
• Кнопка “Купити підписку” → переадресація на сторінку оформлення оплати через WooCommerce.
2.2. Оплата (WooCommerce)
• Оплата через Stripe (або Fondy / LiqPay / PayPal – залежно від ринку).
• Оплата підписки (не разовий товар, а subscription).
• Після успішної оплати користувачу створюється акаунт і дається доступ до особистого кабінету (MemberPress role = active).
2.3. Особистий кабінет користувача (MemberPress)
• Сторінка з входом (логін/реєстрація).
• Сторінка профілю користувача:
• Перегляд своїх даних (ім’я, email).
• Можливість змінити пароль.
• Перегляд статусу підписки (активна/неактивна).
• Історія оплат (через WooCommerce).
• Після входу — переадресація в кабінет, при виході — на головну.
2.4. Адмін-панель (для власника сайту)
• Можливість:
• Редагувати контент через Elementor (тексти, фото, блоки).
• Редагувати тарифи підписки (через MemberPress).
• Переглядати користувачів і платежі.
• Отримувати email-нотифікації про нові реєстрації та покупки.
⸻
3. Дизайн
•Дизайн вже готовий. При цьому ми готові вислухати поради та рекомендації по зміні та поліпшенню і тж.
⸻
4. Технічні вимоги
4.1. Плагіни
• Elementor Pro (для редагування контенту).
• WooCommerce (оплата, облік).
• MemberPress (керування підписками та кабінет користувача).
• WP Mail SMTP (для надсилання листів).
• Stripe Gateway (або інший платіжний шлюз).
• Security plugin (Wordfence або iThemes Security).
• Cache plugin (WP Rocket або аналог).
4.2. Технічна реалізація
• Використати чисту тему, наприклад, Hello Elementor або Astra.
• Структура має бути SEO-дружньою (мета-теги, Open Graph, швидкість).
• Забезпечити HTTPS (через Let’s Encrypt).
• Мультимовність (опційно, через WPML або Polylang).
⸻
5. Безпека
• SSL-сертифікат обов’язковий.
• Захист адмінки (обмеження спроб входу).
• Регулярні оновлення плагінів.
• Бекапи (автоматичні раз на добу).
⸻
6. Email-сповіщення
• Після покупки — автоматичний лист “Ваша підписка активована”.
• При відновленні пароля — стандартний лист WordPress.
• Лист адміну про нову покупку або реєстрацію.
⸻
7. Адаптивність
• Повна адаптивність під мобільні пристрої (iPhone, Android, планшети).
• Тестування у Chrome, Safari, Edge.
⸻
8. Тестування перед запуском
1. Тестова покупка через платіжну систему. > Олександр: 2. Перевірка реєстрації користувача й доступу до кабінету.
3. Перевірка редагування контенту через Elementor.
4. Перевірка відправки листів.
5. Перевірка відображення на мобільних пристроях.