Задача
Создать одностраничный сайт (лендинг) на платформе Тильда для продажи арболитовых блоков. В проекте необходимо объединить стилистику и блоки двух референсных сайтов.
Визуальные требования
- Цветовая гамма: светлые тона, преобладание белого цвета в шапке.
- Анимация: появление блоков при скролле (эффект fade-in или slide-in).
Структура главной страницы (по порядку)
- Шапка (Header) с белым фоном: логотип, пункты меню (до 5 пунктов), телефон с графиком работы.
- Первый экран (Hero): основной баннер с УТП (уникальное торговое предложение) и формой захвата либо кнопкой, открывающей всплывающее попап-окно.
- Блок «О компании»: изображение + небольшой текст.
- Блок «Продукция»: сеточка из 3 товаров. Два товара взять с первого референса, один - добавить со стандарным размером 200×300×400 мм. Для каждого блока: название, мелкая характеристика и цена (цену проставить позже).
- Технические характеристики: таблица с размерами, классом прочности, плотностью и морозостойкостью (данные берутся с первого референса).
- Дополнительные преимущества: в формате иконок/карточек с короткими подписями.
- Форма захвата (заказ звонка): поля - имя + телефон.
- Текстовый блок «Об арболите»: копирайт его истории и состава (структура этого блока взята со второго референса).
- Портфолио/слайдер домов: галерея изображений готовых объектов (сделать карусель из 7 -10 случайных фотографий домов).
- Преимущества домов из арболита: список плюсов: экология, теплоизоляция и пр.
- Блок «Технология производства»: краткие шаги с иконками, объясняющие как создаются блоки.
- Характеристики арболита в виде сводной инфографики или второй таблицы.
- Сравнение с другими стеновыми материалами: таблица сравнения по теплопроводности, цене, сроку службы.
- Блок «Контакты»: адрес основной компании, подключенный псевдо-телефон+ кнопка заказа звонка (ведущая в попап).
- Подвал (Футер): логотип + копирайт, те же пункты меню, ссылка на «Политику конфиденциальности», ссылка на «Договор публичной оферты».
Уточнения
- Все названия референсных сайтов/компаний в финальном проекте заменяются на нейтральные или на те, что уточнены в чате.
- Фото в слайдере берутся из свободных по лицензии банков, иллюстрации для иконок - с Флатикона или типовые тени.