You need to upload the data to the WP (plugin) administrator

ТЕХНІЧНЕ ЗАВДАННЯ (ТЗ)на розробку преміум-лендінгу«Очищена Питна Вода»1. Загальна інформація про проєкт Тип сайту: Односторінковий преміум-лендінг (Landing Page) з високою конверсією та можливістю розширення до повноцінного сайту з блогом/базою знань. Мета: Залучення лідів (заявки на консультацію), побудова довіри до бренду через емоційний візуал, наукові факти та демонстрацію цінностей компанії. Платформа: Виконавець пропонує оптимальну платформу (Webflow або WordPress + Bricks Builder) з обґрунтуванням у комерційній пропозиції. Перевага надається рішенням, що забезпечують чистий код, високу швидкість та преміальний візуал без шаблонних рішень.2. Цільова аудиторія Сім'ї (особливо з дітьми), які дбають про здоров'я та якість життя. Люди, які цінують продуману кухню, якісну очищену воду та довгострокові рішення для дому. Особи 30–55 років, середній та вищий дохід, які шукають надійного партнера для встановлення системи очищення води з сервісом.3. Візуальний стиль та дизайн (UI/UX) Референс:Додається референсний макет (зображення телефону з hero-секцією та блоком «Цінності»). Стиль повинен повністю відповідати цьому макету: чистий, світлий, преміальний lifestyle з теплими акцентами. Кольорова гама:Білий та світло-сірий фон (чистота), елементи натурального дерева або теплі акценти, сонячно-помаранчеві/жовті кнопки CTA, глибокий синій/антрацит для тексту. Зображення:Виключно преміальний lifestyle. Живі емоційні люди (не дивляться в камеру), м'яке ранкове сонячне освітлення, натуральні кольори. Жодних штучних стокових фото. Типографіка:Сучасна, читабельна, з достатнім міжрядковим інтервалом і білим простором. Професійний рівень без перевантаження.4. Структура лендінгу (6 основних блоків)БЛОК 1. Головний екран (Hero) Візуал:Велике світле фото на весь екран — сучасна кухня, мама, тато, донька та синочок п'ють чисту воду зі скляних стаканів, посміхаються, м'яке ранкове сонце. Заголовок:«Ваше здоров'я починається з ковтка очищеної питної води.» Підзаголовок:Системи очистки питної води з пожиттєвим сервісним обслуговуванням для вашої сім'ї щодня. CTA-кнопка:«Отримати консультацію експерта» (помаранчева/жовта, помітна).БЛОК 2. Наші Цінності та Філософія (Звернення засновника) Візуал:Професійне фото власника (smart casual, відкритий і довірливий вигляд). Текст (з референсу): НАША МІСІЯ Особисте звернення: CTA:«Я хочу бути здоровим» (скрол до Блоку 3 або форми).БЛОК 3. Просвітницький курс (Науковий підхід) Заголовок:Дізнайтеся більше про воду, яку ви п'єте! Формат:Стильна інтерактивна сітка з 10 клікабельних блоків/карток. Кожна картка веде на окрему сторінку статті/відео (рекомендовано для SEO) або модальне вікно з повним текстом/відео. Примітка:Тексти/відео статей надає Замовник. Виконавець забезпечує зручну структуру та привабливе відображення.БЛОК 4. Очищена питна вода змінює смак життя! (Емоційні докази) 4 преміальні картки в сітці або колажі: Здоров'я:Дівчина п'є очищену воду. Текст: «Відновлюйте своє здоров'я ковток за ковтком.» Борщ / Страви:Макро борщу з парою. Текст: «Відчуй насичений смак своїх страв з очищеною питною водою.» Кава / Чай:Батько заварює каву, бабуся з чашкою чаю. Текст: «Розкрий справжній аромат кави та насолодись запашним чаєм.» Побут / Техніка:Донька прасує сорочку чистою парою. Текст: «Збережи техніку на роки: ідеальна пара без накипу.»БЛОК 5. Комплексне рішення (Продукт) Візуал:Естетичний монтаж 5-ступеневої системи зворотного осмосу під мийкою (чистий вигляд, без хаосу трубок) + стильний окремий краник на стільниці. Текст:Переваги через кінцевий результат для клієнта (чистота, смак, турбота про здоров'я). Оффер:«Система під ключ + Професійний монтаж + Пожиттєвий сервіс».БЛОК 6. Блок довіри (Соціальні докази та гарантії) Головний тригер:Велика акцентна плашка: «Якщо якість води Вам не сподобається — поверніть систему протягом 60 днів (0% ризику)». Елементи: Карусель відгуків (відео або скріншоти реальних листувань). Галерея реальних робіт «До / Після» монтажу. Логотипи / згадки (якщо є).5. Функціональні та технічні вимогиФорми та лідогенерація Форма консультації з полями: Ім'я, Телефон, Місто/район, «Яка вода у вас зараз?» (або коротке питання). Інтеграція з Telegram-ботом або CRM (на вибір Замовника).Аналітика та маркетинг Google Analytics 4 + подія на відправку форми. Meta Pixel (Facebook/Instagram). Налаштування конверсій.Швидкість та SEO PageSpeed Insights ≥ 90 на мобільному та десктопі. Чиста семантична верстка, оптимізовані зображення, lazy loading.Мобільна версія Mobile-first дизайн. Ідеальне відображення на iPhone та Android (референс — макет на телефоні).CMS та статті Зручна система для додавання та редагування статей курсу (колекція/пости).6. Етапи виконання та затвердження (4 етапи) Прототип (UX-чернетка):Чорно-біла схема розташування блоків і кнопок. Перевірка логіки та акцентів. Дизайн-концепт (UI):Кольоровий макет перших 3 блоків з затвердженими фото. Перевірка стилю, шрифтів, кольорів кнопок. Повний дизайн:Візуалізація всіх 6 блоків. Фінальні правки по графіці. Верстка та запуск:Готовий сайт на обраній платформі. Перевірка швидкості, адаптивності, роботи форм, аналітики.7. Вимоги до виконавця Досвід створення преміум-лендінгів для продуктів/послуг здоров'я, еко, техніки або lifestyle-брендів (обов'язково портфоліо з посиланнями). Досвід роботи з Webflow або Bricks Builder (обов'язково). Готовність працювати поетапно з проміжними затвердженнями.8. Що потрібно в комерційній пропозиції Рекомендована платформа з обґрунтуванням (Webflow / WP + Bricks). Фіксована вартість з розбивкою за етапами (або фікс + можливі правки). Терміни виконання по етапах. 2–3 релевантні приклади з портфоліо (посилання + короткий опис). Умови підтримки після запуску (перші 1–3 місяці). Контактна особа та готовність до дзвінка/зустрічі для обговорення.9. Додаткова інформація Весь текстовий контент (крім референсних фраз) надає Замовник. Фото та візуали: Виконує виконавець, інтегрує та оптимізує. Домен та хостинг: Замовник надає або виконавець допомагає з підключенням. Авторські права: Після повної оплати всі права на сайт переходять Замовнику.

Create analogs of the bus transportation website like pavluks-trans and rubikon Can be on a ready-made template design +-

It is necessary to implement a full cookie consent management mechanism (Cookie Consent) on the OpenCart (3 pcs) websites and configure Google Consent Mode v2. Requirements: install and configure a CMP (Cookie Management Platform) or another solution for managing user consents; implement a full Cookie Consent banner with options to accept, reject, and configure cookie categories; set up Google Consent Mode v2 through Google Tag Manager; ensure correct transmission of consent statuses to Google Analytics 4, Google Ads, and other marketing services; configure the operation of analytical and advertising tags so that they only trigger according to the user permissions obtained. Currently, the cookie banner is only informational and does not manage consents, nor does it transmit their status to Google services. A complete setup is required in accordance with the current GDPR and Google Consent Mode v2 requirements.

It is necessary to add 129 products. There is an export file with the products, however, the standard import does not fit, as it is necessary to create the catalog structure before uploading: categories, sections, and if necessary, subcategories. After that, perform the product import and check that all cards are correctly distributed among the categories. If you have experience with similar tasks, please send examples of your work, completion times, and costs.

WHAT NEEDS TO BE DONE The work is divided into blocks; you can take on everything or individual blocks: Block 1 — Speed Optimization (Mobile-First) The current PageSpeed score for the mobile version is 51/100. It needs to be raised to 80+. Target metrics: LCP < 2.5 s (currently 7.4 s), FCP < 1.8 s (currently 3.9 s), TBT < 200 ms. Tasks: critical CSS inline, deferred JS, WebP/AVIF, lazy load, plugin audit. Block 2 — GTM and Analytics Remove hardcoded GA4/Google Ads scripts from header.php. Install and configure the GTM4WP plugin. Implement Google Consent Mode v2 (script or cookie banner). Block 3 — Product Card Template A single Mobile-First Single Product template in Elementor. Sticky "Buy" button while scrolling on mobile. Cross-sell block of services under the purchase button. Check the automatic transmission of events view_item, add_to_cart via GTM4WP. Block 4 — Product Feed for Google Merchant Center Install Product Feed Pro (AdTribes) or CTX Feed. Configure XML feed with correct field mapping (id, title, gtin, brand, price, availability). Daily updates via WP-Cron, auto-exclusion of products "out of stock". Block 5 — 6 Landing Pages in Elementor 3 e-commerce pages: catalog of components, ready solutions for UPS, SES kits. 3 lead generation pages: turnkey UPS installation, SES for home, solutions for business. There are detailed prototypes with the structure and blocks of each page. Block 6 — Forms and dataLayer Events 6 unique dataLayer events upon successful form submission (CF7 and Elementor Pro Forms). Mandatory requirements for all forms: phone input mask, protection against resubmission, reCAPTCHA v3 or Honeypot. --- REQUIREMENTS — Practical experience with Elementor Pro (Single Product templates, custom Page Templates) — Understanding of WooCommerce dataLayer and GTM4WP functionality — Experience in WordPress speed optimization (Critical CSS, WebP, WP Rocket or similar) — Experience in setting up dataLayer events for CF7 or Elementor Pro Forms — Portfolio or examples of similar work — mandatory Knowledge of Google Consent Mode v2 will be an advantage. --- WORK CONDITIONS The site is on live hosting — all changes only through staging or test duplicate. Any optimization should not disrupt the initialization of GTM and the dynamic dataLayer. A detailed technical specification will be provided after the first contact. Payment is staged by blocks or for the entire project (we will agree) Please write in your response: 1. Your experience with similar tasks (links or a brief description of the case) 2. Whether you are ready to perform the entire project or individual blocks 3. Estimated cost and timelines after reviewing the technical specification