Landing page для салона красоты. Как должен выглядеть эффективный landing page Что такое прелоадер и какие задачи он решает
Создание целевой страницы, как кажется на первый взгляд, очень простая задача. Но это не совсем так. Нужно проделать очень тяжелую работу чтобы создать конвертирующий лендинг. Перед тем как начать создавать лендинг нужно ответить на ряд вопросов:
- О чем ваши клиенты думают?
- Как они нашли вашу целевую страницу?
- Какой заголовок привлечет их внимание?
- Какое устройство они используют?
- Какую потребность они испытывают?
- Что нужно сделать, чтобы превратить их в лиды?
1. Минимализм
“Меньше — значит больше” — эта идея относится ко многим аспектам маркетинга. Наука и исследования доказали, что минималистский образ мышления приводит к прорывам в жизни и бизнесе. Минимализм позволят сделать переосмысление приоритетов, и, откинув все ненужное, сконцентрироваться на самом важном. Это же и касается создания лендинга.
Много различных дополнений на странице только запутают пользователя и отвлекут от главной цели. Также не делайте один лендинг сразу для нескольких офферов, это может ощутимо снизить конверсию.
Избегая лишней информации и лишнего выбора, вы поможете посетителям сохранить фокус на их главном, и получить свою желанную конверсию.
2. Используйте правило 5 секунд
В современном мире все происходит очень быстро: люди хотят быстро поесть, быстро получить информацию, и сразу перейти к следующему действию. Мгновенное воздействие имеет очень большое значение, и вы должны попасть прямо в точку. Считайте, что у вас есть только пять секунд для привлечения посетителя.
Как этого достичь? Это возвращает нас к первому пункту - минимализм. Броский заголовок, цепляющая картинка, призыв к действию, и ваш лид готов.
Кроме того, ключевые преимущества вашего предложения размещайте вверху, чтобы пользователю не пришлось скройллить вниз, и он сразу смог принять решение.
Крейг Томлин, специалист по юзабилити, объясняет, почему правило 5 секунд так важно:
Исследования показывают, что посетителям нужно очень мало времени (в некоторых случаях — и доли секунды), чтобы судить о качестве сайта.
Например, давайте посмотрим на поисковую выдачу по запросу “landing page”:
3. Быстрая загрузка страницы
За каждую секунду задержки загрузки страницы, коэффициэнт конверсии снижается на 7% . Это еще раз подтверждает правило 5 секунд. Посетитель должен усвоить суть и преимущества вашего предложения в течение 5 секунд. Если страница довольно “громоздкая” и медленно загружается, делайте всё возможно для ее ускорения.
Для проверки скорости загрузки можно использовать Google PageSpeed .
4. Забудьте о каруселях и слайдерах
Да, со стороны это выглядит красиво. Может поэтому маркетологи так часто используют всевозможные слайдеры и карусели. Но на самом деле это может губительно сказаться на коэффициенте конверсии. Эксперимент на сайте университета “Нотр Дам” показал, что только 1% пользователей кликали на установленный слайдер.
Когда картинка меняется пользователи и не думают на нее кликать. Такие элементы только умаляют значение лендинга.
5. Используйте белое пространство
Современный пользователь сети не хочет увязнуть в громоздких блоках текстов и длинных параграфах. Исследования показали, что правильное использование белого пространства между пунктами, а также в левом и правом полях увеличивает понимание содержимого на 20%. Так читателю легче сосредоточится на основном контенте. Например, обратите внимание как использует белое пространство Buffer:
Пустое пространство на лендинге позволяет мозгу легко проанализировать информацию и решить что делать дальше.
Apple также славится использованием белого пространства. Их брендинг, дизайн продукта и даже магазин основаны на важности отрицательного пространства/белого пространства.
6. Социальное доказательство
Бесспорно, люди являются социальными существами по своей природе, и все мы находимся под влиянием других людей, по крайней мере, в некоторой степени. Очень часто, чтобы сконвертировать пользователя, достаточно показать ему тех, кто уже пользуется вашими услугами.
Например, вы могли бы установить на свой лендинг список ведущих компаний с их логотипами, которые использует ваш товар или услугу.
Это поможет существенно поднять доверие к вашему продукту со стороны посетителей.
7. Доступная контактная информация
Контактная информация вашего предприятия должна быть на виду и легко доступна. Эта информация позволяет посетителям удостоверится, что вы не являетесь шарлатаном, ваш бизнес законный и имеет физический адрес.
8. Отзывы
Мы ранее уже писали о важности отзывов в интернет-маркетинге. И для лендинга это важно в том числе. Отзывы, особенно с фотографиями реальных людей (лучше — известных личностей), действительно могут на несколько процентов повысить конверсию.
9. Добавьте видео
С помощью видеоролика на целевой странице можно увеличить количество конверсий на 86%. Кажется невозможным, но это так.
Видео помогает более наглядно показать преимущества вашего продукта. И если посетитель посмотрел ваш видеоролик, то, скорее всего, он воспользуется вашим продуктом. Почему? Потому что, как минимум, он потратил свое время на его просмотр, и более детально понял важность и полезность продукта.
Следите за тем чтобы ролик был относительно коротким (5 минут максимум) и информативным.
10. Добавьте кнопки социальных сетей
Сарафанное радио ещё никто не отменял. “Шейр” довольного пользователя может принести дополнительные конверсии.
Эти 10 методов можно использовать в любой маркетинговой ситуации. И даже посетители, которое не имеют намерения покупать продукт, сделают вам конверсию, если вы будете применять эти советы на практике.
Разработка лендинга салона красоты – актуальное решение, если Вы хотите гарантированно привлечь новых клиентов и увеличить прибыль . В компании «Зекслер» работают опытные профессионалы: для Вас будут трудиться прототипировщики, разработчики, дизайнеры, копирайтеры и контент-менеджеры.
Мы создадим для Вас такой лендинг, который не останется незамеченным. Подчеркнем Ваши преимущества , разработаем красивый продающий дизайн в фирменных цветах. Мы будем ежедневно отслеживать количество посещений ресурса и анализировать статистику. Наша команда сделает все, чтобы Вы добились успеха: только уникальный контент и идеальное сочетание текстовых и графических элементов. Ваша компания станет еще более известной и популярной благодаря мощному притоку новых клиентов.
Сколько стоит создание лендинга в тематике «Салон красоты»?
Перед тем, как ответить на этот вопрос, мы проводим личную встречу с заказчиком и выясняем, каким он хочет видеть будущий сайт. Мы детально изучим особенности Вашего бизнеса и будем работать в соответствии с Вашими пожеланиями и предпочтениями. Официально-деловой или свободный стиль? Минимальное количество контента или детальное описание услуг? Выбор остается за Вами.
В зависимости от того, насколько сложный и функциональный будет сайт, стоимость будет различной. Обычный лендинг стоит 50 тыс. рублей . Более объемные и сложные лендинги требуют большей отдачи, и это также следует учитывать. В любом случае, Вы получите гарантированный результат – правильный лендинг, работающий на привлечение клиентов и увеличение прибыли . Ваши затраты на него окупятся уже в течение нескольких месяцев с момента запуска. Детальная отчетность даст представление о затраченных ресурсах: мы работаем добросовестно, качественно и в срок!
КЛИЕНТ
Салон красоты Антураж – это парикмахерские и косметические услуги, макияж и наращивание ресниц, уход за телом, ногтевой сервис и многое другое.
ЗАДАЧА
Создать сайт и выполнить базовую SEO оптимизацию, которая сделает пользователей интернета клиентами салона красоты «Антураж».
ПЛАТФОРМА
Codelgniter - фреймворк на PHP.
СОЗДАНИЕ ЛЕНДИНГА ДЛЯ САЛОНА КРАСОТЫ
Сайт, состоящий из одной страницы, на котором переход по меню осуществляется скроллом, то есть прокруткой страницы. Простая и удобная навигация без дополнительной перезагрузки страниц упрощает процесс восприятия информации. Стильное исполнение сайта в чёрно-белых тонах создаёт единое впечатление о компании. Эффект предзагрузки для сайта – прелоадер – визуально отображает процесс загрузки элементов сайта.
Важная информация на сайте подана просто и доступно. Преимущества и возможности компании расписаны в информационных блоках: о салоне, услуги, фотогалерея, отзывы, сотрудники. Блок «о салоне» демонстрирует основную идею композиции решения. Ключевую роль здесь играют пропорциональное соотношение элементов и трансформация галереи. Также стоит отметить целесообразность использования прокрутки в текстовой части, что, в свою очередь, не нарушает композиционной задумки дизайнера и не ограничивает администратора сайта в количестве наполнения блока текстовой информацией.
Фактически каждый информационный блок оформлен в виде различных слайдеров. Это позволяет вместить всю необходимую информацию, избегая дополнительной прокрутки. Все слайдеры подобраны с учетом мобильной адаптации и выглядят при прокрутке как мобильная версия сайта, а не адаптивный лендинг.
Любое изображение при наведении на него курсором мыши становится цветным, тем самым акцентируя на себе внимание пользователя.
В футере сайта имеется кнопка “подняться наверх” с аудио-сопровождением.
Стильная и удобная административная панель управления даёт возможность быстро и удобно редактировать размеры и порядок фото (что немаловажно для данного сайта).
СРОКИ РАЗРАБОТКИ ЛЕНДИНГА
Создание сайта в течении 14 рабочих дней.
SEO ОПТИМИЗАЦИЯ ЛЕНДИНГА
Забегая вперед скажу, что выбранная нами стратегия продвижения принесла хорошие результаты и привела на сайт довольно много клиентов. Конечно не каждый одностраничный сайт повторит успех salon-anturage.by , а многие вообще считают seo оптимизацию одностраничных сайтов малоэффективной. Самое главное при выборе методов продвижения – это тщательно изучить конкурентов на интернет-рынке.
Работы по продвижению сайта:
- 1. В первую очередь мы провели тщательный анализ конкурентов. Внимание обращали на:
- - Возраст сайтов конкурентов;
- - Трафик;
- - Количество проиндексированных страниц;
- - Количество входящих ссылок и их качество;
- - Ключевые запросы и их позиции в поиске;
- - Социальные сети, подключенные к ресурсу (на каких социальных площадках продвигаются, количество подписчиков, среднее количество лайков, репостов и подписчиков, частота публикаций) На основе проведенного анализа была разработана стратегия продвижения сайта. Мы решили сделать базовую оптимизацию ресурса, подключить социальные сети и использовать крауд-маркетинг.
- 2. Собрали и согласовали с клиентом семантическое ядро сайта. Подбор запросов осуществлялся с помощью программы KeyCollector, поисковых подсказок и сайтов конкурентов.
- 3. Прописали мета-данные – title, description, h1-h6, alt. Эти теги очень важны для seo сайта, а их правильное заполнение положительно сказывается на ранжировании сайта в поиске.
- 4. Зарегистрировали в панелях веб-мастеров Google и Яндекс. Для увеличения скорости индексации landing page.
- 5. Подключили сервисы аналитики Google и Яндекс.
- 6. Использовали крауд-маркетинг. Рекламировались на тематических форумах.
- 7. Зарегистрировали в Яндекс каталоге и на других тематических и региональных площадках.
- 8. Создали и выполнили интеграцию социальных сетей: Facebook, Vkontakte, Instagram, Одноклассники.
Выводы и результаты оптимизации:
Лендинг салона красоты “Антураж” жители города Солигорск могут найти на топовых позициях, как в Яндексе, так и в Google.
Яндекс:
Google:
На сайте salon-anturage.by выполнены все требования поисковых систем, а также он предоставляет пользователям максимально полный ответ на их запрос по услуге в поиске. Упор делался на внутреннюю оптимизацию веб-сайта, работы с социальными сетями и форумами использовались в качестве вспомогательного инструмента. Через месяц после окончания работ, без покупки ссылок, а благодаря лишь работам по базовой оптимизации сайт занял топовые позиции в поиске, и рост трафика на сайте продолжается.
На графике мы видим рост числа посетителей за шесть месяцев.
Landing pageБольшинство из тех, кто пользуются интернетом для продвижения своих товаров и услуг, слышали термин Лендинг пейж (Landing Page - посадочная страница) - это эффективный способ продвижение товара или услуги в краткой, лаконичной форме с помощью сайта-одностраничника. Последние годы такой способ продвижения своей компании, товара или услуги, в сети интернет стал довольно популярен, иногда им даже пользуются компании, которые имеют полноценные сайты. Так как же создать эффективный landing page?
У любой веб-разработки есть свои правила и рекомендации по ее правильному воплощению в жизнь, не исключением является landing page - построение эффективных посадочных страниц.
Фиксированный хедер - заголовок landing page
При перемещении по длинному одностраничному сайту, чтобы посетитель не потерялся в тексте и графике, в большинстве посадочных страниц делают фиксированный хедер. На него выносят кнопки навигации по странице, ссылающиеся на разные текстовые и графические блоки. Иногда одностраничный сайт дополняют вспомогательными страницами, типа «Контакты», «О компании», ссылки на которые так же размещены в хедере. Но перенасыщать сайт вспомогательными страницами не рекомендуется - помните ведь это по факту одностраничник.
Позаботьтесь о качестве текста
Текст в эффективном лендинг пейдж должен быть краток и лаконичен, четко излагающий мысль и призывающий посетителя к действию. Где возможно нужно использовать маркированные списки, они лучше привлекают внимание посетителей. Не переусердствуйте с разнообразием шрифтов - как и на любом сайте нужно использовать два, максимум три шрифта. Цвет шрифта должен быть контрастным, иметь достаточный размер, чтобы хорошо читаться.
Визуальное оформление
На лендинге не должно быть слишком большого количества картинок и текста, это должна быть довольно лаконичная страница. По возможности, и если это вписывается в дизайн страницы, нужно использовать собственные, а не стоковые фотографии, по исследованиям такие фотографии больше вызывает доверие посетителей.
Лид-форма
При создании конверсионной формы обратной связи, исключите лишние, и не обязательные поля, клиенты не любят заполнять большие формы. В идеале это «имя» и «email», но при необходимости можно добавить одно-два поля.
Другие способы повышения эффективности
Некоторые компании создают «эффект срочности» для повышения конверсии своих лендингов, ставя таймер с обратным отсчетом до конца акции, или ограничивают количество предлагаемых товаров. Некоторые добавляют форму «перезвоните мне», чтобы облегчить пользователям процесс заказа.
Какими бы вы средствами не пользовались для создания эффективного лендинга, помните, что нельзя его перегружать большим количеством товаров и услуг, делая из него одностраничный интернет-магазин. Landing page создается для продвижение одной услуги, товара и в крайнем случае - группы товаров.
Некоторые сферы деятельности особо нуждаются в раскрутке. К этим сферам относятся наиболее конкурентные, а значит и популярные среди населения виды бизнеса. К таковым несомненно относится косметологические и прочие услуги салонов красоты. Нужно заметить, что интернет-ресурсы, созданные для рекламы салонов красоты так же имеют ряд особенностей и специфик. В данной статье мы попробуем остановиться на основных из них.
Лендинг для салона красоты
Главной задачей любого одностраничника, в том числе и лендинга для салона красоты, является выполнение своей основной рекламной функции — привлечение клиентов, грамотная презентация товара/услуги и получение прибыли.
Салоны красоты оказывают целый комплекс разных мероприятий (услуги парикмахера, визажиста косметологические и SPA мероприятия и прочее). По-этому, в контексте Landing Page, важно не распыляться на все возможные оказываемые услуги, а сфокусироваться на какой то конкретной из всего перечня. В противном случае (если развернуто описывать все возможные услуги) мы собьем пользователя с толку и отпугнуть его, потеряв тем самым потенциального клиента.
Так же на своем лендинг пейдж салона красоты нужно больше акцентировать внимание читателя на всевозможных специальных предложениях и акциях, пример: «скидка наSPA процедуры по будням до 50%» и т.д.
Пример landing салона красоты
Landing page салона красоты должен иметь привлекательный и элегантный дизайн. Ведь в самой фразе «салон красоты» заложены воздушность, неповторимость и стремление к прекрасному. Как неопрятный, небрежный человек не может расположить к себе, так и одностраничник салона красоты не может позволить себе иметь неаккуратный, незавершенный и не симпатичный внешний облик. В противном случае – это будет просто злая ирония и непрофессионализм хозяев интернет-ресурса.