Буклет — основа сайта
Принцип разумной достаточности придумали не просто так. Действительно, если уже есть утверждённый заказчиком визуальный стиль, Tone of Voice (TOV) — стиль подачи, определены основные информационные блоки — то зачем разрабатывать всё это вновь?
Мы в Андва убеждены: сайт должен перекликаться с буклетом, а буклет с сайтом. Покупатель почитал буклет, потом сходил на сайт. Или наоборот. У него не должно возникнуть впечатления, что эти два источника говорят о разном.
Контент буклета и сайта — в чём разница?
Но сайт или лендинг не должен повторять буклет один в один. Как минимум, на лендинге необходима навигация по основным информационным блокам, формулируется CTA (Call to Action или Призыв к действию), прорисовывается «форма захвата» — то место, куда потенциальный покупатель попадает, если следует CTA:
- форма обратной связи;
- или форма заказа звонка;
- или запрос дополнительной информации на e-mail и т. д.
На сайте разрабатываются и другие интерактивные элементы. Допустим, калькулятор ипотеки. Или раскрывающийся список часто задаваемых вопросов — в буклете таких форматов не бывает.
Ещё одно отличие: тексты из буклета при публикации на сайте нужно модифицировать с учётом рекомендаций специалиста по SEO (Search Engine Optimization).
В начале 2022 года задачи SEO решаются не только вставкой «ключей» в тексты, но и правильным структурированием страниц, описанием изображений, вёрсткой страниц авторов — author page — и т. д.
Кстати, тексты можно сделать более подробными и развёрнутыми — количество знаков на сайте не ограничивается размерами полосы.
Есть отличия лендинга и буклета в экономике проекта: добавление информации на сайт не приводит к такому росту затрат заказчика, как в случае с буклетом.
Особенно если заказчик добавляет разделы и страницы самостоятельно. Одно дело — заплатить за дизайн новых полос, другое — напечатать их немалым тиражом.
Для сайта статьи затрат на тираж просто не существует, поэтому его можно наполнять материалами до бесконечности. Но принцип разумной достаточности всё же никто не отменял. Огромную пространную портянку никто не дочитает до конца. А если основная ценность в конце текста, то она скрыта.
А вот публикацию новостей забрасывать нельзя ни в коем случае, по крайней мере до продажи большей части квартир. Пишем заметки, отчёты о ходе строительства и благоустройства.
Потенциальный покупатель, зайдя на сайт, должен видеть: сайт обновляется, застройщик работает в поте лица, дома растут вверх, квартиры будут готовы в обозначенные сроки. И двор тоже. И парковки. И забор. И дорожка до остановки. И вообще всё, что обещано застройщиком.
Два слова об иллюстрациях. Сайт позволяет публиковать столько фотографий, рендеров, таблиц, виджетов, сколько нужно, чтобы закрыть все возможные вопросы потенциальных покупателей. Здесь важно избежать двух ошибок.
Первая — переборщить с картинками на стартовой стр
анице, перегрузить её.
Вторая — увести пользователя в дебри галереи и бросить там одного.
Потенциального покупателя нужно грамотно вернуть обратно к выбору квартиры и мягко подтолкнуть к CTA. Для этого мы любим «подвесить» кнопку CTA, чтобы она постоянно присутствовала на экране. Есть и другие приёмы.
Какие разделы должны быть на сайте ЖК?
Простой ответ на этот вопрос: те же, что и в буклете. О них читаем в нашей статье Буклет ЖК как инструмент продаж — перелинковка. Плюс ещё несколько совершенно необходимых разделов.
Мы в «Андва» делаем так: сводим разделы буклета в таблицу и отмечаем, что необходимо сделать с каждым из них на сайте.
Проектирование структуры сайта, контент
Следующий этап — определение порядка блоков из таблицы, формулировка заголовков разделов с учётом семантического ядра для SEO. Например, вместо «Двор» будет «Спорт–Парк во дворе».
Если видим, что уложиться в одну страницу не получается, проектируем структуру дополнительных страниц, определяем места на стартовой для ссылок на них.
Затем принимаемся за контент.
Возвращаемся к таблице и начинаем работать над текстами. Под расшифровкой технических подробностей мы подразумеваем раскрытие пользы.
Допустим, в буклете есть информация: «межквартирные стены из пеноблока толщиной 190 мм». На сайте появляется дописка: « — значит, телевизор своих соседей вы вряд ли услышите, а чтобы повесить книжную полку, достаточно будет обычной дрели».
Приведём примеры сценариев.
Пример первый. В разделе «Двор» буклета приводится список особенностей, в который включены двухуровневое освещение и спортивная площадка.
В тексте сайта вместо сухого списка будет текст «Вы можете гулять по дорожкам, освещённым низкими — 80 см — фонарями, создающими уютную, камерную атмосферу. А благодаря высоким — 3,25 м — светильникам по периметру спортплощадки партию в волейбол или баскетбол можно будет продолжить и после заката».
Пример второй. В разделе буклета «Общая информация о ЖК» упоминаются списком продуктовые магазины и ближайшее кафе «Пингвин».
На сайте пишем: «Продукты для кубанского борща или узбекского плова можно купить в Магните или Пятёрочке по соседству. А когда нет времени на готовку или есть повод — всей семьёй идём в «Пингвин» есть пасту: с морепродуктами для мамы, карбонару для папы и фарфалле с курицей в сливочном соусе для детей».
Через подробности и сценарии мы раскрываем ценности технологий, расположения, оборудования двора — да практически к любой информации можно приспособить сценарий — лишь бы не переутомить пользователя всё новыми и новыми подробностями, сценариями, не свалиться в излишне менторский тон.
При переработке текстов буклета в тексты на сайте копирайтер должен постоянно держать в голове портрет ЦА, не сбиваться с заданного буклетом Tone of Voice.
Одновременно происходит подбор и подготовка изображений — реальных фотографий, рендеров, инфографики — всего, чем можно проиллюстрировать текст. Лучше один раз увидеть, чем сто раз прочитать.
Прототипирование
Когда есть тексты и заголовки, подготовлены изображения, да и со структурой всё ясно, мы делаем прототип. Дизайнеры Андва используют либо Figma, либо сразу верстают сайт в WordPress или Tilda — всё зависит от заказа. У каждого подхода есть свои преимущества и недостатки.
Например, построение сайта на Tilda обходится дешевле и гораздо быстрее других вариантов — рабочий сайт реально создать за пару дней! Но вот заниматься его продвижением такого сайта практически бесперспективно — таково мнение нашего SEO-эксперта.
Figma вообще не делает готовый сайт, только представление прототипа. Зато с ней работают практически все веб-программисты, которые на готовом прототипе сделают рабочий сайт буквально за неделю.
WordPress сложнее Tilda, но код сайта получается более прозрачным, а с SEO-продвижением никаких трудностей не возникает.
Выбор конкретной платформы и исполнителя для разработки сайта по прототипу зависит от задачи, поставленной заказчиком, а также от бюджета.
Публикация сайта
По готовому прототипу веб-программисты делают сайт. Как правило, сайты ЖК имеют очень простую структуру — одна или несколько страниц без сложных сценариев и переходов, один CTA, одна форма захвата. Некоторые затруднения могут доставить интерактивные элементы типа калькуляторов ипотеки. В любом случае вёрстка подобных проектов занимает 2-3 недели.
Осталось выбрать и купить подходящее доменное имя, приобрести хостинг и поженить всё вместе: готовый сайт выкладывается на хостинг, а у регистратора настраивается домен.
Сайт готов и работает, заказчик доволен, покупатель идёт на сайт клином, особенно если застройщик озаботился таргетированной рекламой.
Мы, брендинговое агентство Андва, тем более довольны, что в минимальные сроки при оптимальном бюджете можно сделать отличный продукт, который принесёт прибыль нашему клиенту.
