Задача

Создать одностраничный сайт (лендинг) на платформе Тильда для продажи арболитовых блоков. В проекте необходимо объединить стилистику и блоки двух референсных сайтов.

Визуальные требования

  • Цветовая гамма: светлые тона, преобладание белого цвета в шапке.
  • Анимация: появление блоков при скролле (эффект fade-in или slide-in).

Структура главной страницы (по порядку)

  1. Шапка (Header) с белым фоном: логотип, пункты меню (до 5 пунктов), телефон с графиком работы.
  2. Первый экран (Hero): основной баннер с УТП (уникальное торговое предложение) и формой захвата либо кнопкой, открывающей всплывающее попап-окно.
  3. Блок «О компании»: изображение + небольшой текст.
  4. Блок «Продукция»: сеточка из 3 товаров. Два товара взять с первого референса, один - добавить со стандарным размером 200×300×400 мм. Для каждого блока: название, мелкая характеристика и цена (цену проставить позже).
  5. Технические характеристики: таблица с размерами, классом прочности, плотностью и морозостойкостью (данные берутся с первого референса).
  6. Дополнительные преимущества: в формате иконок/карточек с короткими подписями.
  7. Форма захвата (заказ звонка): поля - имя + телефон.
  8. Текстовый блок «Об арболите»: копирайт его истории и состава (структура этого блока взята со второго референса).
  9. Портфолио/слайдер домов: галерея изображений готовых объектов (сделать карусель из 7 -10 случайных фотографий домов).
  10. Преимущества домов из арболита: список плюсов: экология, теплоизоляция и пр.
  11. Блок «Технология производства»: краткие шаги с иконками, объясняющие как создаются блоки.
  12. Характеристики арболита в виде сводной инфографики или второй таблицы.
  13. Сравнение с другими стеновыми материалами: таблица сравнения по теплопроводности, цене, сроку службы.
  14. Блок «Контакты»: адрес основной компании, подключенный псевдо-телефон+ кнопка заказа звонка (ведущая в попап).
  15. Подвал (Футер): логотип + копирайт, те же пункты меню, ссылка на «Политику конфиденциальности», ссылка на «Договор публичной оферты».

Уточнения

  • Все названия референсных сайтов/компаний в финальном проекте заменяются на нейтральные или на те, что уточнены в чате.
  • Фото в слайдере берутся из свободных по лицензии банков, иллюстрации для иконок - с Флатикона или типовые тени.

Приведение в порядок макета в Figma для подготовки к верстке судебного протокола

Нужно доработать макет протокола с доказательствами в Figma: структурировать объекты фиксации (скриншоты сайтов, URL, HTML-код) и таблицы для понятного восприятия судьей. Подготовить файл к верстке по готовому эскизу.