Создание дизайна Landing Page Хабрахабр. Landing Page далее по тексту Целевая страница одностраничный сайт, построенный таким образом, чтобы обеспечить сбор контактов максимального количества целевых посетителей и максимальную конверсию в контексте его использования. При разработке целевых страниц можно столкнуться с двумя главными проблемами, которые могут привести разработчика в ступор или серьезно повлиять на конечный результат не в лучшую сторону. Первая проблема тупой продающий контент. Вторая проблема отстойное оформление. Крайне редко встречаются целевые страницы, которые имеют хорошее содержание и выглядят достойно. Чаще всего целевые страницы представляют собой унылый шлак. Так научимся же создавать качественные и красивые целевые страницы. Разобьм урок на 3 части. Содержание, Оформление и Практика. Хронология изложения материала будет идти ОТ НАЧАЛА ДО КОНЦА, так что вы можете смело брать эту статью на вооружение при разработке своего очередного продающего шедевра. Здесь я постараюсь собрать и учесть абсолютно все, что имеет отношение к опыту человечества в разработке целевых страниц и то, что действительно работает, пока такой формат продаж еще актуален. После теории, в разделе Практика, мы создадим дизайн, не побоюсь этого слова, правильной целевой страницы, с учетом всех рассмотренных правил и рекомендаций. Часть 1. Содержание Landing Page. Текст это вс. В первую очередь, нужно написать текст. Просто написать текст, открыть Word и написать текст. Текст заголовка, текст предложения, текст отзывов. Проблема многих, даже опытных веб дизайнеров заключается в том, что они начинают свою работу с окна Фотошопа, а не текста. Нужно взять себя в руки, набраться терпения и делать все по порядку, если хотите сделать действительно качественную целевую страницу, а не производить на свет очередное унылое творение, которое мало того, что не выполняет своей функции и не является инструментом в принципе, но еще, как бонусом, отрицательно сказывается на вашем общем самочувствии и вызывает фрустрацию от собственной некомпетентности при сдаче проекта клиенту. О тексте по порядку. Заголовок целевой страницы. Первое, что вы должны понять целевая страница создается не для естественной поисковой выдачи, а для рекламы, для конкретного запроса или запросов, под которые будет куплена соответствующая позиция или место на площадке. И вот здесь множество веб дизайнеров начинает лажать по полной. Они начинают выдумывать какие то непонятные заголовки, типа Вы обратились по адресу, Мы лучшие в своем деле, Мы такие крутые, что нам в принципе даже не нужно писать о том, чем мы занимаемся. Понимаете, в чем ошибка Если пользователь набрал в поисковой строке Пылесосы i. Robot Roomba в Москве, то ему глубоко фиолетово кто вы, какие вы крутые и сколько вы лет на рынке. Он хочет видеть пылесосы i. Robot Roomba и иметь возможность купить их в Москве. Чем точнее заголовок соответствует поисковому запросу, тем лучше ваша целевая страница. Можно усилить заголовок словами Лучшие, быстрые, самые мощные и т. В результате должно получиться что то вроде Умные роботы пылесосы i. Robot Roomba в Москве. Не стесняйтесь, это реально работает. Меньше воды в тексте. Тут кроется очень заезженная, не всегда очевидная и, в то же время серьезная ошибка. Пользователь чувствует воду, он читает текст до тех пор, пока его не начнет очень жестко тошнить от вашего текста. И даже если бы не было текста, а была только яркая картинка пылесоса в заголовке с ценой и кнопкой Заказать то 5. Но благодаря вашему тексту и потугам в сочинениях, на которые вы убили пол дня целевая аудитория разбегается во все стороны с тошнотными позывами в сторону горе страницы и ее автора, в частности. Как избавиться от воды Подкрепляйте каждое утверждение ФАКТАМИ, ЦИФРАМИ и ГРАФИКАМИ. Не нужно писать У нас много довольных клиентов, напишите, сколько довольных клиентов, детализируйте и сегментируйте клиентов. Столько то женщин приобрело пылесос, столько то холостяков остались довольны чудо девайсом, столько то часов данный пылесос сэкономил времени, столько то часов проработал. Подкрепляйте каждое утверждение цифрами или не делайте утверждения вовсе, чтобы избавить посетителя от желания приобнять белого друга. Избавляйтесь от лишних и ненужных слов. Не нужно бояться, что страница будет пустая, не нужно забивать ее только для того, чтобы было. При грамотной работе в результате вы получите гармоничную целевую страницу. Главное, не торопитесь. Не обманывайте. Если вы дизайнер целевой страницы, на вас ложится серьезная ответственность, вы должны проследить, чтобы вся информация была достоверной. Очень часто клиент и сам не понимает, к каким ужасным последствиям может привести обман и не достоверная информация и с радостью идет на поводу у некомпетентного маркетолога или даже сам предлагает разместить такую информацию на странице. Все тайное становится явным, не забывайте об этом. Найдите преимущества, которые реально существуют, обыграйте и преподнесите их красиво. Не нужно выдумывать то, чего нет и высасывать из пальца репутацию клиента. ВыгодаПреимущества. Напишите в документе список выгод, которые получит потенциальный покупатель, заказав услугу или товар на целевой странице и сделайте краткое описание каждой выгоды. Это единственное место, где нужно серьезно задуматься и проанализировать все возможные выгоды. Но будьте осторожны. Иногда клиенты, которые заказывали целевую страницу, отправляли мне список выгод, который был, мягко говоря, высосан из пальца. Проанализируйте реальные выгоды, а не только те, которые видит продавец. Плагин Иконок Для Wordpress на этой странице. Его оценка по понятным причинам может быть не объективной и выглядеть довольно глупо в глазах реального покупателя. Хотя такое происходит не часто и прислушиваться к заказчику нужно обязательно, так как он работал с продуктом довольно продолжительное время и может снабдить вас нужной информацией. Здесь вы можете скачать цифры картинки для детей в цветочном варианте в виде. Здесь каждая цифра представлена на отдельной странице. Такие карточкилисты нужно распечатать на цветном принтере и просто дать ребенку пусть он. Каждая цифра на отдельной странице. Цифры и знаки можно распечатать по два экземпляра, чтобы можно было. Всего в документе 14 страниц, которые надо распечатать на цветном. Печать композитного изображения на одной странице. Сохранение и печать. Но вместо цифры с номером страницы показываются слова. Можно ли в OpenOffice. Создать свой стиль для отдельной страницы, а в стиле указать альбомную ориентацию для страницы. Landing Page далее по тексту Целевая страница одностраничный. И даже если бы не было текста, а была только яркая картинка. Подкрепляйте каждое утверждение цифрами или не делайте. Будет довольно глупо смотреться эта кнопка в каждой секции, после каждого элемента. D0%BF%D0%B5%D1%87%D0%B0%D1%82%D1%8C_%D0%B8%D0%B7_%D0%B1%D1%80%D0%B0%D1%83%D0%B7%D0%B5%D1%80%D0%B0.png' alt='Цифры В Картинках Распечатать Каждая На Отдельной Странице' title='Цифры В Картинках Распечатать Каждая На Отдельной Странице' />Анализируйте. Постарайтесь как можно интереснее оформить выгоды в дизайне. Не стесняйтесь использовать инфографику, персонажей, интересное визуальное оформление, маркеры. Поработайте над этим. В верстке добавьте анимацию. Указывайте на то, что товар или услуга являются новинкой. Да, как бы это ни звучало странно, но целевая аудитория очень расположена к подобного рода заявлением. Слова Новый, Новинка, Современный, Свежий магическим образом влияют на конверсию целевой страницы весьма положительно. Не стесняйтесь, в общем. Обязательно размещайте отзывы. Дополню. Размещайте НАСТОЯЩИЕ отзывы. Представьте себе ситуацию, зашел потенциальный клиент на целевую страницу, ознакомился с условиями, готов уже был приобрести товар, но наткнулся на типовые, сахарные отзывы, да еще и в придачу, на фотографии, которые уже где то видел либо на такой же целевой странице, либо в каком либо фотобанке, или в результатах поисковой выдачи. После того как пользователь почувствует обман вы потеряете его навсегда. Покупают у тех, кому доверяют, у тех, кто лжет никогда не купят. Используйте только настоящие отзывы, с настоящими фотографиями. Напрягите заказчика пообщаться со своими лучшими клиентами, это не так сложно, как кажется, однако в результате вы будете гордиться своей качественной работой. Каждый отзыв должен начинаться заголовком, которым может служить выдержка из текста самого отзыва с описанием преимущества для клиента, например, Благодаря пылесосу i. Robot Roomba я экономлю около 2. После заголовка идет текст отзыва. Затем, имя того, кто отзыв написал и кем он является семьянин, ген. Важно, чтобы отзыв был подкреплен не только хорошим заголовком, но и фотографией реального человека. Подчеркивайте важные достижения клиента благодаря продукту или услуге, естественно в тексте жирным выделением или цветом, соответственно и в дизайне при оформлении. Гарантия возврата денег. Гарантия возврата денег в разы повышает доверие к продавцу и помогает посетителю целевой страницы проще расстаться со своими деньгами. Writer. Страницы, оглавление и сноски Часто задаваемые вопросы. Вопросы создания и редактирования оглавления, сносок, оформления страниц. Contents. 1Страницы. Как расставить номера страниц, начиная с третьей чтобы на первых двух не было нумерацииГде изменить форматнастройки страницы поля, колонтитулы и пр. Как расставить номера страниц Включил нумерацию страниц. Но вместо цифры с номером страницы показываются слова. Как убрать 2. Оглавление и сноски. Страницы. Как расставить номера страниц, начиная с третьей чтобы на первых двух не было нумерацииРешение состоит в том, чтобы применить к первым двум страницам иной стиль оформления. Это необходимо сделать, поскольку страниц со стилем Первая страница в нашем случае не одна, а две. Поэтому, если колонтитула в документе ещ нет, то вставьте нижний или верхний колонтитул Вставка  Колонтитул,    а затем, установив курсор в колонтитуле, Вставка  Поле  Номер страницы. Для этого. просто щлкните мышью в соответствующей области страницы, или. Ctrl lt Page. Up для перехода в верхний колонтитул, или lt Ctrl lt Page. Down для перехода в нижний колонтитул. Но вместо цифры с номером страницы показываются слова. Эта функция предусмотрена для вставки ссылок на номера страниц в тексте документа, но не для самой нумерацииДля ручной установки номера страницы необходимо воспользоваться меню Формат  Абзац  Положение на странице   Добавить разрыв   Со стилем страницы  Номер страницы. На втором разрыв с новым номером. А колонтитулы являются частью стиля страницы. Например, стиль. Для этого откройте стилиста lt F1. Включите стилиста lt F1. Стили страниц доступны при нажатии на кнопку в верхней части стилиста с изображением листа с заврнутым углом. Затем просто назначайте нужный стиль на нужную страницу. Создать новый стиль страницы четвртая кнопка в ряду сверху, задать ему имя, например, Альбомная страница и указать в параметрах альбомную ориентацию вкладка Страница, ориентация альбомная, а дальше применить этот стиль к нужным страницам. Как убрать Поставить курсор в начало страницы. Далее Формат  Абзац  Положение на странице   Разрывы   Номер страницы. Например, нужно. Можно ли это исправитьДа, редактированием стиля. Выделяем текст документа. Если что все заголовки были заданы стилями, но номеров нет, то нужно зайти в меню Сервис  Структура нумерации. Все номера заголовков видны правильно. Но можно настроить оглавление нужным образом. ООо Полезности Как сделать оглавление документа в виде гиперссылок. Как выделить разным цветом строки пункты ОглавленияВставка  Оглавление и указатели  Оглавление и указатели    вкладка Вид Снимите флажок Защищено от изменений вручную ОК. Выделите нужные пункты и укажите им понравившийся цвет.