M-TRANS.BY

Лендинг для компании по рекламе на транспорте

Дата запуска январь 2026

Tilda

VSCode
PhpStorm
Figma
Photoshop
Illustrator
Terminal
Git
GitHub
Billing Qmedia
Bitrix24
Cypress
Swagger

О клиенте

M-Trans — компания, специализирующаяся на размещении наружной рекламы на общественном транспорте (маршрутках, такси и городских автобусах). Компания предлагает рекламодателям нестандартные рекламные решения с широким охватом аудитории за счёт активного движения транспорта в городской среде.

О проекте

Цель проекта — разработать и запустить лендинг, который ярко и наглядно покажет возможности размещения рекламы на общественном транспорте, подчеркнёт масштабы и опыт компании M-Trans, а также чётко донесёт преимущества наружной рекламы в движении, привлечет целевую аудиторию и конвертирует посетителей в заявки.

Основные задачи

Быстрая разработка
Чтобы сайт был готов к моменту, когда компания сможет полноценно работать.
Базовый SEO-функционал
Чтобы сайт можно было продвигать в поисковой выдаче.
Простое управление сайтом
Чтобы клиент или его сотрудники могли самостоятельно вносить небольшие правки на сайт по необходимости.
Возможность масштабирования
Чтобы сайт и его структуру можно было увеличивать, добавляя новые посадочные страницы.

01 — Проектирование

На этом этапе мы проводим анализ и подготовку, чтобы заложить правильный фундамент для всего проекта. Сначала собираем и изучаем элементы фирменного стиля клиента: цвета, шрифты, визуальные акценты и принципы бренда. На основе этого закладываем основу для будущего дизайна.

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

02 — Дизайн и вёрстка

На этапе дизайна уделялось особое внимание визуальной составляющей. Клиент, как специалист по рекламе, делал акцент на «сочных» и цепляющих изображениях, поэтому важно было сохранить яркость подачи, но при этом не перегрузить лендинг. Заказчик сделал акцент на ярких мокапах и крупных заголовках.

В процессе реализации, после согласования макета, клиент предложил добавить новый информационный блок. С командой удалось организовать внедрение новой идеи без выхода за рамки утвержденного бюджета. Все решения по дизайну и структуре принимались с оглядкой на конечную цель — конверсию в заявку от рекламодателей.

03 — Программирование

Интерфейс был реализован на платформе Tilda с активным использованием Zero Block. Это позволило:

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

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

Для хедера в мобильной версии было сделано комбинирование стандартного и Zero Block-а, чтобы была возможность отобразить иконки социальных сетей, не заходя в меню.

Что имеем в результате:

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