Технічне завдання на розробку лендінгу з особистим кабінетом, оплатою та системою розіграшів по вже готовому дизайну в figma
- Загальна інформація
Ми змінили свої попередні технічні вимоги:
на сьогодні ми не прив’язані до жодних конкретних технологій чи мов програмування.
Ми розглянемо усі можливі варіанти реалізації — від WordPress, Laravel, Webflow, Tilda або інших CMS/no-code рішень до повноцінної кастомної розробки на Go та Next.js. Головне це можливість в подальшому редагувати тексти та змінювати картинки сайту через адмін-панель.
Технології Go (Golang) та Next.js (React) є бажаними, оскільки основний проєкт у майбутньому буде побудований на цьому стеку. Проте ми готові приймати пропозиції з використанням будь-яких інших технологій, якщо вони забезпечують стабільність і швидкість розробки.
Мета — створити сучасний, швидкий і безпечний лендінг із особистим кабінетом, оплатою та системою розіграшів, який стане частиною майбутнього масштабного проєкту.
УВАГА! КЕРУЄМОСЬ ВИКЛЮЧНО ДИЗАЙНОМ (із дизайну особистого кабінету потрібна лише мінімальна кількість функціоналу вказана в техзавданні нижче і проговорена особисто, наданий дизайн особистого кабінету з основного проекту)
2. Структура розміщення
Сайт має бути розміщений на піддоменах основного домену у форматі:
- https://назвасайту.com/landing/ — сторінка для пресейлу (презентація проєкту, збір контактів або інвестиційних заявок);
- https://назвасайту.com/rozigrash/ — сторінка розіграшів (інформація про поточні/минулі розіграші, форма участі, введення кодів).
3. Опис проєкту
Потрібно розробити лендінг із інтегрованими ключовими функціями:
- реєстрація та авторизація користувачів;
- особистий кабінет користувача;
- онлайн-оплата;
- система розіграшів, де користувачі вводять отримані коди (номери) за покупки товарів чи послуг.
Дизайн буде надано у Figma.
4. Цілі та завдання
- Створити дві взаємопов’язані основні сторінки плюс допоміжні з єдиним брендингом і дизайном.
- Забезпечити максимальну конверсію завдяки продуманому UX.
- Реалізувати особистий кабінет, платіжну інтеграцію та систему розіграшів.
- Забезпечити адаптивність, SEO-оптимізацію, аналітику та підключення до CRM (за потреби).
- Створити архітектуру, яку можна масштабувати та розширювати в майбутньому.
5. Основний функціонал
Лендінг (/landing)
- Головний екран: логотип, опис, кнопка CTA (“Взяти участь”, “Ознайомитись” тощо).
- Опис проєкту, його переваги та цінність.
- Як це працює — покрокова схема або відео.
- Блок “Партнери / Команда”.
- Заклик до дії + форма збору контактів.
- Футер із контактами, соціальними мережами, політикою конфіденційності.
Сторінка розіграшів (/rozigrash)
- Інформація про поточні розіграші (назва, опис, умови, призи).
- Форма участі (ім’я, email або телефон, згода).
- Введення кодів для участі у зазначеномо нами форматі.
- Перевірка дійсності коду.
- Автоматичний або ручний вибір переможців (скоріш за все не потрібно, так як плануємо використовувати сторонні незаангажлвані ресурси для прозорості проведення розіграшів, але розглянемо можливісті в цьому напрямку запропоновані вами, якщо будуть такі).
Реєстрація та авторизація
- Реєстрація через email або телефон.
- Підтвердження email/SMS (за можливості), або краще через пошту.
- Безпечна авторизація через JWT або інший механізм токенів.
Особистий кабінет користувача
- Перегляд профілю, історії покупок, кодів і участей у розіграшах.
- Механізм введення кодів.
- Повідомлення про виграші.
- Історія оплат.
- Опціонально — бонусна програма або статус учасника.
Оплати
- Підключення платіжної системи (LiqPay, Fondy або інші – виберемо одну найбільш простішу скоріш за все LiqPay).
- Можливість оплати участі чи покупок онлайн.
- Відображення історії транзакцій у кабінеті користувача.
Адмінпанель
(можна реалізувати на готовому фреймворку або CMS)
- Управління користувачами, розіграшами, кодами, оплатами.
- Перегляд статистики та звітів.
- Редагування контенту лендингу.
6. Технічні вимоги
Frontend
- Бажано: Next.js (React) — для сумісності з основним проєктом.
- Альтернативно: будь-які сучасні технології або CMS (WordPress, Webflow, Tilda, Vue.js, інше).
- Адаптивна, сучасна верстка (mobile-first).
- Оптимізація швидкості, SEO-структура, інтеграція аналітики.
- Дизайн — із Figma.
Backend
- Бажано: Go (Golang) — як основна технологія основного проєкту.
- Альтернативно: Laravel, Node.js, PHP, Python, інше.
- API: REST або GraphQL.
- База даних: PostgreSQL або MySQL.
- Безпечна авторизація (JWT, CSRF/XSS захист).
- Інтеграція з платіжними системами, аналітикою, email/SMS сервісами.
7. Адмінпанель
- Простий і зручний інтерфейс управління контентом, користувачами, розіграшами, оплатами.
- Можна використати готові рішення (React Admin, Refine, WordPress Dashboard тощо).
8. Результат роботи
- Повністю готовий, протестований MVP:
- osnovnuydomen.com/landing/ — сторінка пресейлу;
- osnovnuydomen.com/rozigrash/ — сторінка розіграшів;
- особистий кабінет користувача;
- адмінпанель для управління.
- Документація з описом архітектури та інструкцією запуску.
- Передача вихідних файлів і доступів та розміщення на основному домені + перевірка роботи.
9. Вимоги до виконавця
- Досвід розробки лендінгів, кабінетів користувачів і інтеграції оплат.
- Знання безпечних практик роботи з даними.
- Перевагою буде досвід із Go та Next.js.
10. Орієнтовні терміни
- 2–3 тижні (залежно від обраних технологій та обсягу робіт – нам не терміново).
11. Що вказати у відгуку
- Приклади реалізованих проєктів.
- Досвід інтеграції платіжних систем.
- Пропозиції щодо архітектури (який стек вважаєте оптимальним і чому).
- Орієнтовні терміни та вартість реалізації.