Техническое задание: лендинг по продаже теплиц
Цель проекта
Создание лендинга с быстрой загрузкой, понятным интерфейсом для аудитории 50+, адаптивностью под все устройства. Основные задачи: продажа теплиц, сбор заявок, генерация заявок через тест со скидкой.
Общие требования
– Минимум тяжёлых изображений
– Быстрая загрузка сайта
– Простая навигация, крупные элементы для удобства людей 50+
– Мобильная, планшетная и десктопная версии
– На мобильной карточки товаров – в один ряд
– Всплывающие формы после клика по кнопке «Оставить заявку» (будут предоставлены, адаптировать под стили сайта)
Структура лендинга
1. Хедер
– Логотип (нужно реализовать, можно сгенерировать любым инструментов, индивидуальность не требуется, только не стоит брать с других сайтов)
– Номер телефона
– Иконки WhatsApp и Telegram
– Кнопка «Оставить заявку»
Пример хедера:
2. Блок оффер (первый экран)
– Главное изображение (теплица, урожай – по усмотрению дизайнера)
– Текст: «Пройдите тест и получите скидку 35% на покупку теплицы»
– Кнопка «Пройти тест»
Пример:
3. Блок преимущества
– Будет предоставлен текст
– Логотипы/иконки для преимуществ нужно будет подобрать
4. Блок каталог с карточками товара
Требования к карточке товара:
– Отображение цены:
* старая цена (перечёркнутая)
* новая цена
* цена в рассрочку
– Поле для ввода номера телефона
– Кнопка «Заказать»
– До 5 характеристик
– Переключатель выбора длины теплицы и шага дуги
– Возможность листать фотографии внутри карточки
– Обязательно указание: «Бесплатная доставка»
Если от дизайна решит, что карточка товара перегружена, можно оставить цены со скидкой и цену в рассрочку
Нужен дизайнерский подход к визуальному спасению карточек
Примеры текущих каталогов:
1. Блок отзывы
– Карточки с отзывами
– Звёздочки рейтинга
– Текст отзыва ( предоставим)
Пример:
2. Блок сертификатов качества
– Картинки с сертификатами ( предоставим)
3. Блок рассрочка
– Информация о покупке в рассрочку
– Картинка или иконка
4. Блок сборка
– Информация о сборке теплиц
– Текст, возможно изображение
Допускается объединение с блоком рассрочки
5. Форма заявки (внизу страницы)
– Текст: «Остались вопросы? Оставьте номер, и мы вам перезвоним»
– Поле для ввода номера
– Кнопка отправки
6. Футер
– Электронная почта
– Номер телефона
– Иконки WhatsApp и Telegram
– Строка: «Политика конфиденциальности® 2014 Все права защищены»
Пример:
Дополнительно
– Всплывающие формы заявки (будут предоставлены — использовать, адаптировать под стиль сайта)
– Все блоки должны быть адаптивными, легко читаемыми, удобными для возрастной аудитории
– Ссылка на Figma с текущими элементами и размерами страницы:
Цвета какие-то зеленые может быть, на усмотрения дизайнера