Что было
Sunlight Outdoor владеет сетью из шести медиафасадов на Третьем транспортном кольце и ключевых магистралях Москвы. Действующий сайт сделан на старой системе управления и не адаптирован под телефоны. Площадки описаны длинными текстами одна за другой, а форм заявки на сайте нет вообще: рекламодателю остаётся только звонить.
Что изменилось
- Карточки шести экранов: адрес, показатели охвата GRP и OTS, статус и кнопка запроса. Данные площадок взяты с действующего сайта.
- Схема Москвы с экранами: кольца, река и шесть отмеченных точек. По нажатию открывается карточка площадки.
- Калькулятор кампании в три шага.
- Раздел кейсов с фильтром по отраслям.
- Страница о компании и услуги: размещение и монтаж.
- Форма заявки и кнопки запроса на каждой карточке.
Калькулятор бюджета в три шага
- Выбор экранов: один или несколько из шести.
- Период и частота: от одного до двенадцати месяцев и от трёх до двенадцати выходов ролика в час.
- Результат: ориентировочный бюджет в месяц и за весь период, размер скидки за срок и поля для контактов.
Стоимость считается как сумма ставок выбранных экранов с поправками на частоту показов и длительность кампании: чем дольше период, тем больше скидка. Рекламодатель получает порядок цифр сразу, а отдел продаж получает заявку уже с выбранными экранами и сроками.
Адаптив и темы
Сайт полностью работает на телефоне: для медиапланеров, которые смотрят площадки на ходу, это было главным недостатком старой версии. Есть тёмная и светлая тема с переключателем, выбор запоминается. Анимации отключаются, если в системе включено уменьшение движения.
Как устроено
HTML, CSS и JavaScript без фреймворков, анимации на GSAP, схема города нарисована в SVG. На основном домене работает прежний сайт.
Как было и как стало
Скриншоты
Частые вопросы
Что должно быть на сайте оператора наружной рекламы?
Площадки с адресами и показателями охвата, карта расположения, понятный способ прикинуть бюджет и отправить заявку.
Зачем калькулятор, если точную цену всё равно считает менеджер?
Он даёт рекламодателю порядок цифр без звонка и сразу собирает в заявку экраны, срок и частоту показов.
Почему важна мобильная версия для B2B-сайта?
Рекламодатели и агентства часто открывают ссылку с телефона. Если сайт не читается, до заявки дело не доходит.
