Кейс · лендинг
Одностраничный сайт компании, которая ставит систему умного дома ectoControl в Москве. Двенадцать блоков: возможности системы одной схемой, три шага до установки, два ценника прямо на странице и бригада из восьми монтажников в лицо и по имени. Структуру и тексты собрали на вайрфрейме до дизайна.
Умный дом — покупка на десятки тысяч рублей и чужие люди в доме с электрикой. Оба решения человек принимает до звонка, значит отвечать надо на странице.
Продукт незнакомый: клиент не знает ни что умеет ectoControl, ни сколько стоит установка. Ни один из этих вопросов нельзя оставить на «позвоните, расскажем».
Компания живет монтажом: систему производит ectoControl, ставить ее могут многие. Отличаться приходится бригадой, допусками и инструментом.
Собрать предстояло одну страницу целиком: структуру, тексты блоков, дизайн и сборку на WordPress.
Разрез дома с двенадцатью подписями по кругу: освещение, отопление, розетки, ворота, полив, водоснабжение, давление, утечка газа, протечка, напряжение, охранная и пожарная сигнализация. Тот же перечень списком занял бы два экрана, а схема читается за один взгляд и сразу показывает, что система закрывает весь дом целиком.
«От 23 770 руб» за решение под ключ стоит сразу под тремя шагами и отвечает тем, кто считает бюджет целиком. «От 9 860 руб» за монтаж вынесено отдельной карточкой ниже — для тех, у кого оборудование уже куплено. Обе цифры стоят на странице до отправки заявки.
Восемь монтажников стоят фотографиями с именами и фамилиями. Рядом — действующие группы по электробезопасности, проверка знаний ПУЭ, ПТЭ, ПТБ, ППБ и марки инструмента. Человек пускает в дом электрика, поэтому лица и допуски работают сильнее слова «профессионалы».
Три видеообзора блогеров на YouTube, ссылка на тему в разделе «Умный дом» на forumhouse, карточка в Яндекс Картах с оценкой 4,3 и приложение в Google Play. Все доказательства лежат вне сайта, поэтому их можно проверить, не веря странице на слово.
Похожая задача? Напишите в Telegram, отвечу за пару часов.
Порядок блоков и тексты согласовали на вайрфрейме, поэтому спорные места правились на схеме. Слева вайрфрейм, справа готовый макет.
На схеме пять пунктов о том, чем можно управлять, стояли одной строкой и жались по ширине. В дизайне они встали в две строки — три сверху, два снизу, — а место под картинку занял дом с телефоном в руке. Надкатегорию «Система ectoControl» подняли желтым.
На схеме блок со схемой дома звался «Зачем нужен EctoControl?». В дизайне заголовок стал «Одна система – множество решений!»: вместо вопроса читателю сразу дается ответ. Сама схема с двенадцатью подписями не поменялась.
На схеме было два подблока: «Профессиональный монтаж систем EctoControl» и отдельная «Установка оборудования „ПОД КЛЮЧ“» с двумя абзацами. В дизайне остался один заголовок «Монтаж – это наша работа!», а второй подблок свернулся в одну желтую строку про 400 проектов.
На схеме стояли два пустых кадра под видео и две площадки — forumhouse и Яндекс Карты. В дизайне видео стало три, с названиями блогов под каждым, и добавилось приложение в Google Play. Заголовок справа сменился с «Мы подобрали видеообзоры» на «Это подтверждают известные блогеры на YouTube».
Клиент пускает в дом чужих людей к электрике и платит десятки тысяч рублей, а решение принимает до звонка. Систему производит ectoControl, ставить ее могут многие, поэтому отличаться приходится бригадой, допусками и инструментом.
Что умеет система, видно одной схемой из двенадцати подписей вместо списка на два экрана.
Цена названа дважды — под ключ и отдельно за монтаж, поэтому вопрос «сколько это стоит» не уходит в звонок.
Бригада показана в лицо и по имени, рядом стоят допуски по электробезопасности и марки инструмента.
Отзывы собраны на чужих площадках: три видеообзора, forumhouse, Яндекс Карты и Google Play.
Двенадцать блоков в порядке прокрутки: от первого экрана до подвала.
Нажмите на изображение, чтобы открыть его во весь экран. Работают стрелки, клавиши ← → и миниатюры.
Схема с текстами, по которой согласовывали порядок блоков. Схема и макет разошлись по высоте на 748 пикселей: часть блоков по дороге сжалась, часть выросла, поэтому границы искались для каждого файла отдельно.
Нажмите на изображение, чтобы открыть его во весь экран. Работают стрелки, клавиши ← → и миниатюры.
Расскажите, из чего складывается цена и кто выезжает к клиенту. Посмотрю, какие блоки закроют вопросы про деньги и про людей до звонка.
