ТЕХНИЧЕ ЗАДАНИЕ (ТЗ)
на разработку премиум-лендинга
«Очищенная Питьевая Вода»
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. Дополнительная информация
Весь текстовый контент (кроме референсных фраз) предоставляет Заказчик.
Фото и визуалы: Выполняет исполнитель, интегрирует и оптимизирует.
Домен и хостинг: Заказчик предоставляет или исполнитель помогает с подключением.
Авторские права: После полной оплаты все права на сайт переходят Заказчику.
