Про правильный дизайн Landing Page для клиники

Итак, что же такое Landing page?

Лэндинг страница, в первую очередь, это инструмент маркетинга, и именно от успешной и правильной работы маркетологов будет зависеть эффективность конечного продукта.

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

Самому такой сайт создать достаточно сложно и заниматься этим должна профессиональная команда, в которую должны входить Project Manager, UX Designer, UI Designer, Front-end developer, Web-Designer, Back-End Developer, QA Engineer, Content Manager, Digital Marketing Manager.

Из этого следует, что качественная целевая страница – это не просто набор блоков и картинок, это правильно и чётко организованная работа большого круга специалистов высокого уровня.

Я – дизайнер, поэтому в данной статье я буду освещать основные принципы конкретно одной области – дизайна, как можно меньше затрагивая другие этапы, и попытаюсь наиболее чётко и в полном объёме рассказать то, на что следует обратить внимание.

Изучите тематику и целевую аудиторию

Для того чтобы правильно определить, какой тематики наш сайт и какова его основная аудитория, для начала нужно выяснить его цель (заказ, звонок, письмо, регистрация и т.д.) и кто наши покупатели (по возрасту, полу, социальному статусу, доходам и т.д.)?

Теперь приведу пример, как можно выявить целевую аудиторию нашего сайта. Давайте создадим оптимального пользователя для нашего Лэндинга по таким категориям:

• Социально-демографические (пол, возраст, образование, уровень дохода, род занятий).

• Психографические (стиль жизни, особенности личности, черты характера, жизненная позиция, система ценностей).

• Поведенческие (повод для покупки, искомые выгоды, частота посещаемости конкурентов, степень готовности к переходу в другое агентство).

• Географические (страна, город, район).

Для анализа нам поможет метод персонажей: мы придумываем яркого представителя ЦА (персонажа), чтобы нам было легче представить себя на его месте. Для этого я выдумал вот такого персонажа:

Мужчина 32 года, проживает в центре Москвы, имеет высшее образование и средний уровень дохода, работает маркетологом. Любит путешествовать и увлекается восточной культурой, по характеру экстраверт, имеет активную жизненную позицию. Опытный пользователь ПК, посещает много сайтов по туризму.

После того, как мы определились, кем будут являться наши пациенты, второе, что мы должны выяснить, – сколько сайтов подобной тематики уже существует на просторах интернета и изучить их. Постарайтесь найти сайты конкурентов и примеры дизайна, целевых страниц, мировых лидеров. Я, например, пользуюсь для этого такими ресурсами, как Dribbble или же Behance.

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

О проектировании и маркетинге

Мы затронем данные области, потому как без них невозможно двигаться дальше и создавать дизайн нашей страницы. Начнём с маркетинга и постепенно перейдём к проектированию.

Тут я могу посоветовать использовать такую модель как AIDA, она позволяет нам понять, какой последовательностью действий руководствуется пользователь при принятии решения о покупке.

Четыре простых шага, по которым мы должны провести пользователя: внимание > интерес > желание > действие.

Давайте рассмотрим, как же по этой модели будет работать “Landing page”:

• Краткий, чёткий, привлекающий внимание заголовок

• Блок о продукте (зачем нужен, где применяется, важность приобретения)

• Акции, предложения, выгоды

• Мотивирующий призыв с кнопкой, форма регистрации с кнопкой (кнопка – это главный акцент)

Все эти элементы при правильном проектировании повышают конверсию нашего сайта, а правильное их расположение позволяет пользователю быстрее ориентироваться и принять верное решение. Мы буквально ведем пациента за руку в нужном нам направлении.

Вышеперечисленные элементы – это элементы маркетинга и каждый из них служит одной цели, продать товар или услугу. Надо сказать что сам “Лэндинг” – это только одна из составляющих правильного маркетинга. В совокупности со всеми остальными элементами страница будет выполнять своё предназначение и приносить должную отдачу своему владельцу.

Теперь подробнее о проектировании. Рассмотрим на примерах данный тип сайта и выясним порядок расположения и основные блоки, которые должны присутствовать на странице.

Как мы видим, на картинке первым расположен основной и главный блок, именно на него посетитель будет обращать внимание в первую очередь. В этом блоке расположены такие элементы, как Логотип в левом верхнем углу. На последнем слайде он по центру, что в принципе тоже приемлемо, крупный и лаконичный призывающий текст, кнопка или же форма с кнопкой.

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

Ещё ниже находится блок информации об услуге. В первом варианте это привлекательная картинка и описание, для чего и почему нужна та или иная мед. услуга + отзывы клиентов. Все это выполняет свою функцию, а именно – вызывает доверие у потенциального покупателя. Во втором варианте – это просто отзывы, но продукт уже видно на картинке выше.

Это основные блоки, которые, по моему мнению, должны быть на странице. Кроме этого, обязательными считаются такие элементы, как контакты. Они должны включать телефон и другие варианты связи, адрес и месторасположение. Эти элементы могут быть расположены в любом месте сайта, так как они дают информацию для связи с клиникой. Расстановка же остальных элементов и блоков зависит от уникальности и индивидуальности конкретно взятой Целевой страницы.

Хочу подвести итог и сказать, что маркетингом и проектированием должны заниматься такие специалисты, как UX Designer, UI Designer и Digital Marketing Manager. От их работы и уровня, по большей части и зависит конверсия и эффективность создаваемого проекта.

Контент

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

Теперь давайте рассмотрим на примерах, как же всё-таки стоит оформлять блоки:

• Если это акции и предложения тут обязательно потребуются графические обозначения услуги.

• При использовании блока о выгодах продукта лучше всего подойдут иконки, так как они минимум в два раза быстрее раскроют суть преподносимой информации.

• В блоке отзывы лучше всего использовать фотографии реальных людей, потому как доверие потенциальных покупателей возрастёт и тем самым подтолкнёт их к заказу товара.

• В контактной информации можно разместить карту с местоположением, а для номера телефона и скайпа также использовать иконки.

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

И, учитывая всё вышесказанное, не стоит забывать, что общая стилистика сайта не должна нарушаться.

Руководствуясь вышеперечисленными советами наш контент станет лучше отражать суть каждого блока, а ”Лэндинг” станет более эффективен.

Расставляем акценты

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

Итак, начнём:

Текст – заголовки должны выделяться и быть краткими и лаконичными, а пояснения к заголовкам лучше всего сделать менее заметными, но читабельными. Гиперссылки (якоря) должны быть либо подчёркнуты или же выделяться другим цветом.

Кнопки – должны выделяться наибольшим образом. Основной акцент нужно отдавать главной или основной кнопке, которую видит человек, когда заходит на ваш сайт, а остальным (второстепенным) кнопкам предпочтительно отдавать меньшее внимание.

Картинки и фотографии – если картинка у нас заменяет фон, то она должна быть оттенённой, а текст, иконки и кнопки, на ней, должны быть хорошо видны. Если у нас есть фото продукта, то на него мы направляем внимание покупателя и придаём ему акцент.

Способов расставления акцентов довольно много. При правильном соблюдении акцентов пользователь не будет теряться в информации и будет идти по запланированному нами сценарию, что в итоге и подвигнет его приобрести продукт.

Формы

А теперь поговорим немного о психологии, потому как именно так работают формы. Существует много форм элементов и каждая из них несёт определённый психологический посыл. Более закруглённые элементы или же кнопки создают эффект завершённости и лёгкости, а вот прямоугольные формы с острыми углами, напротив, символизируют упорядоченность и стабильность. Треугольные формы, в свою очередь, ассоциируются со стремлением идти вперёд и направленным движением.

Так всё же, для какого типа сайта подойдёт та или иная форма? Например, если у вас сайт посвящён бизнес продукту или какому-то строгому предмету, то тут подойдёт квадратная или прямоугольная форма, и, напротив, если надо вызвать ощущение лёгкости, обтекаемости, как, например, в случае сайта по продаже шаров для боулинга, тогда, на мой взгляд, лучше использовать более круглые формы.

Все эти, на первый взгляд, нюансы помогут вам верно создать кнопки, оформить блоки и т.д. И самое главное, будут способствовать повышению эффективности нашего продающего сайта.

Подбор цвета

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

Итак подробнее о цветах и их восприятии:

• Белый – это уникальный цвет для фона любого сайта, остальные цвета на фоне белого будут всегда хорошо смотреться. Так же этот цвет можно отнести к категории нейтральных цветов.

• Чёрный – цвет, который полностью завоёвывает внимание посетителя и погружает его целиком в нашу целевую страницу. Этот цвет тоже является нейтральным, как и его оттенки

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

• Синий – цвет интеллекта и рациональности. Хорошо подойдёт для научных сайтов, сайтов связанных с бизнесом.

• Зелёный – это цвет достатка и здоровья, такой цвет рекомендуется использовать на сайтах медицинской направленности.

• Жёлтый – дружелюбный и радостный цвет, часто ассоциируется с творчеством и весельем.

• Розовый – цвет нежности, сайты аудитория, которых преимущественно женщины, очень часто используют этот цвет.

Цветов и оттенков – море, но каждый несёт в себе определённый психологический посыл. Для правильного подбора цветов я рекомендую использовать Adobe Kuler. Как он работает, вы быстро разберётесь и сможете подобрать как основные, так и оттенённые (второстепенные ) цвета.

Заключение

Теперь вы знаете, что, вопреки бытующему мнению, процесс создания Landing Page – это не простая задача, которая требует больших затрат как времени, так и ресурсов. Правильный подход к созданию Лэндинга – это залог прибыли и успешности вашего предприятия.

Ведь бывают красиво и качественно созданные Лэндинги и так же наоборот. На каком, по вашему мнению, конверсия будет выше? Ответ очевиден.

Подводя итог, могу сказать следующее: тут описаны лишь небольшие нюансы, с которыми придётся столкнуться дизайнеру при создании продающей страницы. Я, со своей стороны, попытался максимально понятно разложить всё по полочкам и надеюсь помог вам в ваших затруднениях с созданием целевой страницы.

Источник: advertology.ru