ТОЧЬВТОЧЬ

Лаборатрия дизайна

ТОЧЬВТОЧЬ

Лаборатрия дизайна

Лендинг (одностраничник) — если цель: быстрые заявки

Подходит для локального подрядчика, который хочет получать заказы без сложной навигации.

  • Первый экран: заголовок с УТП («Бетонные работы под ключ в [город]: заливка фундамента, стяжки, отмостки», «Сдадим объект без перерасхода бетона»), подзаголовок, кнопка «Рассчитать стоимость», телефон.
  • Блок «Услуги»: карточки с иконками и кратким описанием (фундамент, стяжка пола, отмостка, площадки, дорожки, монолитные работы).
  • Блок «Как мы работаем»: 4–6 шагов (замер → смета → договор → работа → контроль → сдача).
  • Калькулятор расчёта: объём в м³, тип работ, доставка, дополнительные опции; на выходе — ориентировочная стоимость.
  • Преимущества/доверие: сроки, гарантия, контроль качества, фото техники, сертификаты/допуски.
  • Портфолио/кейсы: 6–12 фото «до/после» с подписями (объект, задача, объём, срок).
  • Цены/прайс: таблица с типовыми работами (например, «стяжка пола от X руб/м²», «фундамент от Y руб/м³»).
  • Отзывы: 3–5 отзывов с именами и фото (если есть).
  • Контакты и форма заявки: адрес, телефон, мессенджеры, карта проезда, форма «Оставьте заявку — приедем на замер».
  • Подвал: реквизиты, политика конфиденциальности, ссылки на соцсети.

Блок 1. Первый экран (Hero)

Что должно быть:

  • Логотип (слева или по центру).
  • Заголовок с УТП: например, «Бетонные работы под ключ в [Город]: заливка без перерасхода, сдача по срокам».
  • Подзаголовок: «Фундамент, стяжка, отмостки, площадки. Работаем с гарантией и контролем качества».
  • CTA‑кнопка: «Рассчитать стоимость», «Заказать замер», «Получить смету».
  • Контакты: телефон, мессенджеры (WhatsApp/Telegram), рядом с кнопкой.
  • Фоновое изображение: фото реальной заливки, бетононасоса, ровной стяжки; либо видео (короткий loop 10–15 сек).

Вёрстка:

  • На десктопе — крупный заголовок, кнопка контрастного цвета, контакт справа или в шапке.
  • На мобильном — шапка с логотипом и кнопкой «Позвонить», заголовок в 1–2 строки, кнопка по ширине экрана.
  • Важно: первый экран без прокрутки должен содержать заголовок, кнопку и телефон.

Блок 2. Услуги (карточки)

Карточки 4–6 шт.:

  • Фундамент (ленточный, плитный).
  • Стяжка пола.
  • Отмостка.
  • Площадки, дорожки, въезд.
  • Монолитные работы.
  • Дополнительные: резка швов, уход за бетоном, аренда бетононасоса.

Каждая карточка: иконка + название + 1 строка описания + кнопка «Подробнее» или «Рассчитать».

Вёрстка:

  • Десктоп: сетка 3×2 или 2×3 (flex/grid).
  • Мобильный: 1 колонка.
  • При наведении — лёгкая тень/подсветка, чтобы карточки ощущались как кликабельные.

Блок 3. Калькулятор расчёта стоимости

Поля:

  • Тип работ (выпадающий список).
  • Объём/площадь (м² или м³).
  • Марка бетона (М200, М300 и т. п.).
  • Доставка (да/нет, расстояние в км).
  • Доп. услуги (резка швов, прогрев зимой и т. д.).

Результат: ориентировочная стоимость + дисклеймер «точная смета после замера».

Вёрстка:

  • Поля выровнены по сетке, подписи над полями (не внутри).
  • Кнопка «Рассчитать» крупная, заметная.
  • Результат выводить отдельным блоком с крупным шрифтом.

Блок 4. Как мы работаем

4–6 шагов с иконками:

  1. Заявка/звонок.
  2. Выезд на замер.
  3. Смета и договор.
  4. Подготовка и доставка.
  5. Выполнение работ.
  6. Контроль качества и сдача.

Вёрстка: горизонтальный ряд иконок с подписями (десктоп), на мобильном — вертикальный список.

Блок 5. Преимущества и доверие

Пункты:

  • Гарантия N лет.
  • Контроль качества на объекте.
  • Собственная техника (бетононасосы, миксеры).
  • Допуски/сертификаты.
  • Работаем круглый год (с пояснением про зимние добавки/прогрев).

Можно добавить мини‑блок «Наши цифры»: «более N объектов», «средний срок N дней», «объём от N м³».

Вёрстка: 3–4 колонки с иконками, на мобильном — 1 колонка.

Блок 6. Портфолио (кейсы)

Формат карточек:

  • Фото «до/после» (или одно фото объекта).
  • Подпись: тип работ, объём (м³/м²), срок, город/район.
  • Кнопка «Смотреть кейс» (опционально).

Достаточно 6–12 кейсов, дальше — кнопка «Все объекты».

Вёрстка: галерея на flex/grid, на мобильном 1–2 фото в ряд.

Блок 7. Цены (прайс)

Таблица:

УслугаЕдиницаЦена отПримечание
Стяжка полам²X рубармирование включено
Фундаментм³Y рубопалубка отдельно
Доставка бетонакмZ рубминимальный объём N м³

Добавить пометку: «цены ориентировочные, зависят от условий объекта».

Вёрстка: адаптивная таблица или карточки цен (лучше карточки на мобильных).

Блок 8. Отзывы

3–5 отзывов: имя, фото (если есть), текст, объект/тип работ.

Вёрстка: слайдер (десктоп) или скролл (мобильный), 2–3 отзыва в ряд.

Блок 9. Контакты и форма заявки

Форма: Имя, телефон, тип объекта, комментарий.
Рядом: карта (Яндекс/2ГИС), адрес, часы работы, мессенджеры, телефон крупным шрифтом.

Вёрстка: форма и контакты в одной секции, на мобильном форма сверху, контакты снизу.

Блок 10. Подвал (Footer)

  • Реквизиты компании.
  • Политика конфиденциальности.
  • Ссылки на соцсети/мессенджеры.
  • Копирайт и год.
Бетонные работы
Пролистать наверх