Задача по услуге "Лендинг под ключ"

Техническое задание на разработку Landing Page
Название проекта: Сборка ПК (B2B + B2C)

1. Цель и задачи
Разработать продающий лендинг для компании по сборке и продаже компьютеров и комплектующих.

· Главная цель: Генерация лидов от юридических лиц (опт, корпоративные закупки).
· Второстепенная: Показать возможность покупки для физ лиц, единичные заказы.

2. Целевая аудитория

· B2B: Директора, закупщики, системные администраторы компаний (нуждаются в гарантиях, отсрочке, наличии на складе).
· B2C: Геймеры, студенты, школьники.

3. Структура блоков (сверху вниз)

1. Hero-блок: Название + 2 кнопки-триггера («Оптовым клиентам», «Собрать ПК»). Обязательно вывести УТП: «Работаем с юр. лицами и физ. лицами».
2. Цифры/Доверие: 10 лет на рынке, 7000+ довольных клиентов, гарантия от 1 года, срочная сборка за 4 часа).
3. Каталог (3 готовых решения): Показать 3 визуальные карточки ПК (Базовый, Стандарт, Максимум) с ценой и характеристиками.
4. Услуги (для B2B): Отдельный блок — «Почему нас выбирают организации?» (Наличие склада, Безналичный расчет, Заключение договора, Техподдержка 24/7, цена с НДС).
5. Процесс заказа: 4 шага (Заявка -> Консультация -> Сборка/Тест -> Доставка).
6. Форма захвата + Контакты: Телефон, Email, адрес офиса. Форма с полями: Имя, Телефон, Комментарий (для опта или розницы).
7. Footer: Копирайт, политика конфиденциальности.

4. Дизайн и стилистика

· Стиль: Технологичный минимализм.
· Цветовая гамма: Темный фон (#0B0C10 или #1A1A1A) + акценты (голубой/неоново-синий #45A29E или фиолетовый #8A2BE2) + белый текст.
· Графика: Использовать качественные стоковые изображения компьютерного железа (материнские платы, подсветка, вентиляторы), желательно в формате PNG без фона.

5. Требования к анимации и интерактиву

· Parallax / Scroll: Плавное появление элементов при скролле (эффект «fade-in up»). Никаких резких вылетаний и морганий.
· Hover-эффекты: Красивое свечение или масштабирование карточек товаров при наведении.
· Смена фона: Легкая градиентная переливающаяся анимация на Hero-блоке (очень медленная, ненавязчивая).
· Счетчики: Цифры в блоке с преимуществами должны анимированно накручиваться при входе в зону видимости.
· Технология: Предпочтительно чистый CSS/JS или библиотека AOS, без тяжелых анимаций на Flash.

6. Технические требования

· Адаптивность: Резиновая верстка под все разрешения (Mobile First). На телефонах убрать сложные анимации, оставить только базовые переходы.
· Скорость: Время загрузки страницы < 3 секунд (оптимизация картинок обязательна).
· Стек: HTML5, CSS3 (SCSS/LESS приветствуется), Vanilla JS или JQuery (без тяжелых фреймворков, чтобы легко было править).
· Сборка «интеграция на WordPress»).
· CRM/Отправка заявок: Настроить отправку данных формы на Email

7. Что предоставлю я
· Все тексты, реальные цены, логотипы, фотографии товаров (предоставлю в отдельной папке).
· От фрилансера ожидаю: Разработку макета в Figma (если не используем готовый шаблон) и чистую верстку с настроенной анимацией.
Бюджет обсуждается.