В шапке главного экрана, с которого и ведёт начало наш квиз, мы указываем название компании, информацию о реальной гарантии, номер телефона и несколько мессенджеров для связи. Размещаем кнопку: «заказать звонок». 

Следующая информация — название услуги и городов, где заказчик осуществляет работы. Далее предлагаем узнать стоимость будущей кровли, затратив на это 1 минуту, ответив всего на 4 вопроса. 

Здесь же обязательно напоминаем о подарках, которые он получит по прохождению квиза. 

Кнопка для старта: «узнать цену кровли». Под кнопкой пишем, что этот опрос бесплатный и ни к чему не обязывает. Вносим спокойствие. Напоминаем о подарке.

2 экран:

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

Первый блок квиз-лендинга:

На первом экране квиза задаём вопрос, от которого и будет исходить заказчик при выполнении работ. Чтобы клиенту было проще сориентироваться, варианты ответов сделали в виде фотографий высокого качества. Под каждым фото написали правильное название типа кровли.

Сбоку сделали форму на тот случай, если у клиента сложный проект и нужен особый подход. Кнопки: «назад» и «далее».

2 блок квиз-лендинга:

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

3 блок квиз-лендинга: 

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

4 блок квиз-лендинга:

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

5 блок квиз-лендинга:

6 блок квиза - Благодарность:

После того, как клиент выбрал подарок и отправил свой номер телефона, появляется окно “благодарности”. Оповещаем клиента, что заявку приняли и ему нужно подождать, чтобы с ним связался менеджер. Если клиент ждать не хочет, предлагаем ему связаться через любой мессенджер по указанному номеру телефона.

7 блок квиза - При выходе с сайта:

Как только посетитель захочет покинуть квиз, появляется окно. Оно напоминает, что он всё ещё может получить скидку. Если не может или не хочет ждать предлагаем ему связаться через любой мессенджер по указанному номеру телефона.

Защита при незаполненной формы:

Квиз создан таким образом, что клиент не может двигаться вперед, пропуская вопросы. Если он делает такую попытку, появляется соответствующее окошечко: