ТЕХНІЧНЕ ЗАВДАННЯ НА РОЗРОБКУ ЛЕНДИНГУ НА БАЗІ WORDPRESS
Про проект: Потрібно створити продаючий лендинг для авторського онлайн-інтенсиву на діючому корпоративному сайті юридичної фірми. Платформа сайту: WordPress. Очікуваний URL сторінки: salyk.net/online_intensive
Оплата: Проект оплачується з резервуванням грошей на депозиті сайту як передоплата і подальшим затвердженням виконання робіт замовником. Без жодних «спочатку зроблю роботу, потім затверджую проект і ви проводите оплату».
1. Дизайн і структура:
- Є готовий прототип у вигляді чистого HTML/CSS коду (включає тексти, структуру, кольорову гаму, адаптивність і вертикальні відеовідгуки 9:16). Код додається до цього ТЗ у файлі «код». Можете його вставити тут https://htmledit.squarefree.com/ і подивитися попередній дизайн.
- Завдання по дизайну: Взяти цей код за основу, але не просто скопіювати. Вітається доопрацювання UX/UI, додавання акуратних мікроанімованих елементів, тіней, сучасних ефектів (фіч), які зроблять сторінку більш привабливою і продаючою, зберігаючи строгий корпоративний стиль.
- Фотографії: поки додаються тільки 3 шт., згенеровані ІІ. Після затвердження проекту надішлю свої особисті фотографії для інтеграції на лендингу.
2. Інтеграція з CMS (Редагованість):
- Критично важливо: Лендинг не повинен висіти на сайті як «голий» HTML-код. Сторінку необхідно зібрати за допомогою візуального конструктора (Elementor) або реалізувати через гнучкі поля (ACF).
- У замовника повинна бути можливість легко змінювати будь-які тексти, посилання, тарифи, фотографії та відеовідгуки прямо з адмін-панелі WordPress без втручання в код.
3. Технічні вимоги та адаптивність:
- Повна адаптивність кросбраузерної верстки: Desktop, Tablet, Mobile. Сторінка повинна коректно відображатися на всіх типах пристроїв (в тому числі пропорції 3 вертикальних відеовідгуків).
- Висока продуктивність: Обов'язкова базова оптимізація швидкості завантаження (Google PageSpeed). Зображення повинні бути стиснуті та конвертовані у формат WebP, скрипти та стилі мініфіковані.
4. Форма зворотного зв'язку (Лідогенерація):
- На лендингу є форма заявки (Ім'я, Телефон). Її потрібно зробити повністю робочою.
- Всі заявки повинні миттєво надсилатися на корпоративний email: info@сайт.net.
- Необхідно налаштувати відправку через SMTP-сервер або використовувати надійний плагін, який, можливо, вже стоїть на сайті, щоб заявки гарантовано не потрапляли в папку «Спам».
5. Мультимовність:
- Поточний сайт передбачає наявність трьох мов (РУС, КАЗ, АНГЛ).
- В рамках проекту виконавець повинен налаштувати мультимовність для нового лендингу (зараз стоїть плагін Elementor).
- В процесі виконання завдання замовник надасть готові переклади тексту на казахську та англійську мови. Виконавець повинен створити та оформити ці додаткові мовні версії сторінки.
6. Інтеграція з головним сайтом:
- Налаштувати перехід на лендинг з основного сайту.
- В головному меню (в хедері) діючого сайту salyk.net необхідно додати нову кнопку або пункт меню (наприклад, «Онлайн-інтенсив»), яка буде вести на адресу /online_intensive.
Додатково: зробити функцію на всьому сайті переключення між мовами rus/eng/kaz в стилі сайту.