УралТрал: лендинг перевозки негабарита с фотографиями от нейросети

О проекте

УралТрал: прототип лендинга транспортной компании, которая перевозит спецтехнику и негабаритные грузы низкорамными тралами до 80 тонн. На этом проекте я отрабатывал подход, при котором все фотографии сайта создаёт нейросеть по заранее написанному плану, а не подбираются на фотостоках.

Структура лендинга

1. Первый экран: оффер «Перевозка негабарита и спецтехники тралами», кнопка расчёта и звонок, ключевые цифры компании.
2. Услуги: три направления с фотографиями: строительная техника, негабарит и тяжеловесы, промышленное оборудование.
3. Парк: типы тралов под разные грузы, от раздвижных платформ до телескопов для длинномеров, и собственные тягачи.
4. Контакты и заявка: короткая форма «расскажите о грузе» с маской телефона.

Задача такой структуры простая: человек, которому нужно перевезти экскаватор или станок, за один экран понимает, что компания возит именно такое, и оставляет заявку.

Фотографии по манифесту

Для тяжёлой техники стоковые фото плохо подходят: они узнаваемые и не складываются в единый стиль. Здесь изображения сгенерированы нейросетью по манифесту, то есть плану картинок сайта.

• Общий стиль задан один раз: документальная фотография техники, кинематографичная цветокоррекция, уральский индустриальный пейзаж, тёплый оранжевый акцент под фирменный цвет, без надписей и логотипов.
• Для каждой картинки описаны место на странице, пропорции, назначение и сюжет. У главной фотографии заранее заложено свободное место слева под заголовок.
• Пять изображений в итоге выглядят как одна съёмка: первый экран, три направления и парк.

Если нужно поменять сюжет или стиль, правится манифест и картинки создаются заново.

Как устроено

HTML, CSS и JavaScript без фреймворков, адаптив под телефон, своя страница 404. Это прототип: контакты условные, форма показывает сообщение об успехе, но заявку не отправляет.

Скриншоты

Частые вопросы