Задача
Разработать несколько посадочных страниц под запуск контекстной рекламы для праздничного агентства «МореШоу». Тематика лендингов — организация выпускных вечеров для детского сада и школы.
Почему одной страницы было мало
Выпускной в детском саду и выпускной в 11 классе продаются по-разному, хотя услуга формально одна. Родителей дошкольников и родителей подростков приводят разные запросы, а на странице их встречают разные ожидания по формату праздника, оформлению и тону. Общая посадочная под все возрасты снижала бы отдачу рекламы: человек по объявлению про садик попадал бы на страницу с фотографиями старшеклассников.
Решение
Создать общий лендинг для всех возрастных групп и на его основе сделать ещё три — с собственным фотоконтентом и оформлением под каждую возрастную группу. Так реклама ведёт человека сразу на «свою» страницу, а агентство сохраняет единую структуру предложения.
Отдельным требованием была скорость: правки во всех версиях посадочных — от мобильных до десктопных — должны вноситься максимально оперативно. Четыре страницы вместо одной означают четырёхкратную работу по каждой правке, если не заложить это в основу вёрстки.
Как нам удалось сократить время разработки на 25%
На этапе вёрстки первого лендинга в Tilda мы применили инструмент Autoscale. Он масштабирует макет целиком, вместо того чтобы собирать под каждое разрешение отдельную резиновую вёрстку — и именно это решило задачу оперативных правок в четырёх версиях сразу.
Данный инструмент позволил
- Адаптироваться дизайну сайта под любое разрешение, в том числе для HD-экранов
- Избежать лишнего пустого пространства на экранах с высоким разрешением
- Ускорить работу дизайнера — не пришлось тратить время на резиновую вёрстку и за счет этого время разработки сократилось на 25%
- Сократить время внесения правок для всех версий посадочных страниц и сэкономить бюджет клиента
Реализация
Основной ассоциацией и идеей для проекта стала ностальгия по школьным годам. А именно яркая цветовая палитра, мягкие формы блоков, рисунки карандашом в тетради в качестве декоративных элементов. Также мы использовали нестандартную сетку расположения блоков. Для лендинга про выпускной вечер в 9−11 классах была выбрана более строгая и официальная палитра.
Разница между версиями держится на фотоконтенте и палитре, а структура и логика заявки у всех четырёх страниц общая. Для агентства это означает, что новую возрастную группу или сезонное предложение можно добавить той же сборкой, не разрабатывая лендинг с нуля.
Итог
- Четыре посадочные страницы под контекстную рекламу: общая и три под возрастные группы;
- Время разработки сокращено на 25% за счёт Autoscale вместо ручной резиновой вёрстки;
- Правки вносятся один раз и расходятся по всем версиям — от мобильной до HD-экранов.
