Як управляти лійкою продажів?

Вона являє собою співвідношення кількості спроб та результатів, показує, на яких рівнях ваша бізнес-система несе втрати. У цій статті ми постараємося дати відповіді на давно хвилюють всіх читачів запитання: що ж робити з лійкою, як їй управляти та підвищувати її ефективність.

 

Конверсія

Насамперед, введемо в наш бізнес-словник таке поняття, як конверсія. Конверсія — це показник ефективності того чи іншого рівня воронки. (Більш знайоме російській людині синонім конверсії — ККД — коефіцієнт корисної дії.) Щоб поміряти конверсію воронки, потрібно нижчий рівень розділити на вищестоящий. Тобто, якщо поділити кількість дзвінків на кількість відвідувачів, ми отримаємо конкретний показник конверсії. Наприклад, 1%. Це означає, що конверсія, або ефективність рівня «відвідувач — дзвінок», — 1%, а саме: один із ста відвідувачів сайту зробив дзвінок. Щоб подивитися конверсію, наприклад, на етапі «дзвінки — продажу», ми повинні розділити кількість угод на кількість дзвінків.

Конверсія — це показник ефективності того чи іншого рівня воронки.

Перевірка ефективності бізнесу

Щоб поміряти конверсію, ми працюємо з двома сусідніми рівнями. Також ми можемо перевірити ефективність кожного з рівнів бізнесу і бізнесу як такого. Наприклад, найнижчий рівень (продажу) можна розділити на самий верхній рівень (кількість відвідувачів). І стане ясно, з якою ефективністю наша бізнес-система переробляє входять спроби потрібні результати. Говорячи про роздрібному магазині, логічно виділити три рівня: перехожий, відвідувач, покупець. Ми можемо кількість покупців розділити на кількість перехожих або відвідувачів в залежності від того, що доцільно в даний момент.

Отже, тепер ми зрозуміли, що таке ефективність воронки і як її виміряти. Давайте розглянемо основні способи роботи з лійкою.
Методи роботи з лійкою

Існують три основних методи роботи з лійкою, які призведуть до збільшення прибутку.

1. Пропорційне розширення.

Наприклад, на сьогоднішній день воронка виглядає так: «200 відвідувачів, 4 дзвінка і 1 продаж». Якщо ми збільшимо кількість відвідувачів до 2000, то отримаємо 40 дзвінків і 10 продажів. Працюючи з трафіком на першому рівні воронки, ми підвищуємо результат на виході. На практиці кількість відвідувачів можна підвищити шляхом підключення SEO-оптимізації, контекстної реклами, банерів, партнерських посилань. Якщо ваша воронка має позитивну конверсію, то при пропорційному розширення верхнього рівня кількість грошей на виході зростає.

2. Розтягування.

Графічно це можна представити як спробу зробити з воронки трубу. Тобто нашим завданням буде підвищення ефективності на кожному з рівнів, а не тільки на верхньому. На прикладі сайту потрібно домогтися того, що він буде видавати конверсію «відвідувач — дзвінок» не 1%, а 3%. Тобто з 100 відвідувачів не 1, а 3 зателефонують нам або залишать заявку. Те ж саме відноситься до всіх інших рівнів.

3. Метод ключового рівня

Цей метод не найпростіший, однак, якщо зробити все правильно, результати вас вразять. Як же працює цей метод? Ми знаходимо той рівень воронки, на якому конверсія максимальна, і ставимо собі завдання збільшити кількість людей, що дійшли до цього рівня. Давайте подивимося на практичному прикладі, як потрібно знаходити ключовий рівень і працювати з ним.
Ми знаходимо той рівень воронки, на якому конверсія максимальна, і ставимо собі завдання збільшити кількість людей, що дійшли до цього рівня.

Коли ми займалися віконним бізнесом, то одного разу помітили, що до операції приводить нас дуже маленький відсоток (менше 2%) дзвінків.Це, природно, нікого не влаштовувало, і ми почали шукати ключовий рівень, щоб його посилити. Після детального аналізу всіх рівнів нашої бізнес-воронки виявилося, що на рівні вимірів конверсія набагато вище.

Завмер у віконному бізнесі — проміжний етап між дзвінком і угодою. Майстер-замірник виїжджає на квартиру, міряє віконний отвір, спілкується з замовником, вислуховує його побажання і вважає підсумкову вартість вікна.

Отже, ми виявили, що кожен другий вимір приносить договір на установку вікна. Це було зумовлено тим, що, по-перше, майстер приходив додому до покупця і давав конкретну пропозицію для реального віконного отвору, рівня вологості, шуму, тобто проводив індивідуальну роботу з клієнтом. По-друге, якщо замірник мав навички продавця, то він міг закрити певні заперечення клієнта. Наприклад, якщо клієнту було дорого, не подобався колір рами і так далі. Замірник також міг розповісти клієнтові про проходять в компанії акціях та строки їх проведення.

В результаті ми зрозуміли, що нашою метою на етапі «сайт — дзвінок» є не продаж вікон, а продаж вимірів. Це розуміння змінило всю тактику роботи компанії по перетворенню дзвінків угоди.

Ми змінили практично все в системі продажів. Насамперед, скрипт — мовний модуль, або схему діалогу з клієнтом.

Раніше скрипт виглядав приблизно так:

— Дівчина, порахуйте вікно, будь ласка.

Потім йшов ряд стандартних запитань і відповідей на них, десять хвилин клієнту співали в трубку і потім називали конкретну ціну. Після цього чоловік говорив: «Я подумаю, потім передзвоню». В результаті 99% дзвінків не приносили ніякого результату.

Новий же скрипт ми зробили по-іншому:

— Дівчина, порахуйте вікно, будь ласка.

— Розміри свої знаєте?

— Так, знаю, 170×70.

Потім вона запитує:

— А ви правильно міряли?

— У сенсі?

— Ви міряли зовні або зсередини?

— Що, вибачте?

— Зовні або зсередини?

— Треба зовні?

— Так, тому що зайві сантиметри можуть збільшити вартість. Скажіть, будь ласка, за яким принципом ви обирали профіль і склопакет, кількість камер у профілі?

— Вибачте, що?

— А рівень вологості у себе в квартирі знаєте? Давайте вчинимо так: послуга виміру у нас безкоштовна. До вас приїде наш майстер, він привезе з собою все необхідне обладнання і зробить замір. Після цього він вважатиме вартість вікна для вашої реальної ситуації. Майстер виміряє рівень шуму, вологості, подивиться, куди виходять вікна, буде розсихатися підвіконня від батарей, і дасть вам рішення в декількох цінових варіантах. До речі, у нас зараз проходить акція, якщо ви замовляєте завмер до кінця місяця, в подарунок отримуєте пляшку шампанського.

Думаю, не потрібно пояснювати, що після такої зміни скрипта кількість замірів зросла в рази. Крім того, ми змінили систему оплати менеджерів call-центру. Якщо раніше вони отримували фіксовану ставку + відсоток з проданого вікна, то тепер, крім відсотка з продажів, вони стали отримувати також конкретну суму за призначений завмер.

Звичайно ж, у цього рішення є оборотна сторона. Кількість замірів збільшилась, але якість їх знизилося. Потік клієнтів став менш якісним, тобто іноді замірник приїжджав, а йому казали: «Дайте нам пляшку шампанського і можете їхати». Якщо подивитися статистику, конверсія дійсно впала з 50 до 37%. Однак навіть при падінні конверсії на цьому ключовому рівні виручка і прибуток все одно збільшилися.

Виділення ключового рівня — дуже непросте завдання. До того ж, недостатньо просто виділити ключовий рівень, потрібно зробити всі необхідні зміни в компанії, пов’язані зі скриптом, акціями, сайтом, з системою оплати праці (в даному випадку менеджерів call-центру і заміряють), інструктажем, навчанням і т. д.

Також наведу приклад з іншої сфери. Працюючи з компанією з продажу автозапчастин, ми виявили, що наша реклама і сайт генерують величезна кількість дзвінків — близько півтори тисячі в місяць. Однак 90% дзвінків губилися. Клієнт дізнався по телефону про наявність деталі, говорив: «Гаразд, я заєду», — і більше не з’являвся. Добиралися до нас, відповідно, одиниці, тому що магазин розташовувався на Кунцевському авторинку. Адже коли людина потрапляв на ринок, у нього була велика спокуса згорнути в інший магазин і купити там ту ж саму запчастину.

Виділення ключового рівня може в рази підвищити продуктивність нашої воронки.

Якщо ж ми пропонували клієнту доставку деталі, то втрачених дзвінків ставало набагато менше. Було вирішено розпочати роботу з рівнем «дзвінок — доставка». Коли людина питав про наявність деталі, йому повідомляли, що він може замовити безкоштовну доставку, яку компанія готова здійснювати за свій рахунок або від якоїсь суми замовлення (від 2000 рублів). Метою стала не продаж автозапчастин і не просто довідкове інформування про наявність, а продаж безкоштовної доставки. Для цього ми зробили багато змін в менеджменті і взагалі в тактиці роботи компанії. Був сформований відділ доставки, база кур’єрів, диспетчерська служба, сама доставка була прорекламований у вигляді плакатів, банерів на сайті. Змінилася система мотивації і оплати праці менеджерів call-центру. До основної зарплати вони стали отримувати певну фіксовану суму грошей. Прибуток не змусила себе довго чекати.

Отже, дуже важливо запам’ятати, що виділення ключового рівня може в рази підвищити продуктивність нашої воронки.

Кластери та локальні цілі в бізнесі

Коли ви мислите лійкою, то починаєте ділити бізнес на кластери. У кожному з них з’являється своя локальна мета, відмінна від глобальної мети бізнесу, — продати товар. Наприклад, мета контекстної реклами — не продати товар, а продати клік, перехід на ваш сайт. Мета, припустимо, рекламної конструкції — продати відвідування магазину. Всі ці цілі продають ключовий рівень.Коли ви уявляєте бізнес у вигляді вузьких кластерів, ефективність вашої роботи сильно підвищується.
Коли ви мислите лійкою, то починаєте ділити бізнес на кластери. У кожному з них з’являється своя локальна мета.
Робота з рівнями

Зараз пробіжимося за рівнями нашої воронки і розповімо, як можна попрацювати з кожним з них.

Рівень першого порядку: «Покази — кліки»

Давайте розглянемо приклад, зрозумілий більшості учасників БМ, коли основна лідогенерація (пошук клієнтів) йде через інтернет. Виділяючи рівень воронки, що відповідає за генерацію

Як створити привабливий лендінг

У статті подано поради щодо створення ефективною і привабливою цільової сторінки з наочними прикладами.

Створити лендінг — означає скомбінувати між собою чіткість, переконливість, продуманий дизайн і нескінченне тестування. Без будь-якої з цих складових ваша сторінка просто не буде працювати.

Цільова сторінка (лендінг) — це окрема веб-сторінка, створена для конкретної маркетингової кампанії або націлювання певного пошукового запиту. Саме з пошукової системи користувачі «приземляються» на вашу сторінку, коли натискають на посилання в результатах пошуку, електронною поштою або в оголошенні.

Як правило, такі сторінки закликають користувачів виконати певну дію, наприклад, зробити покупку або підписатися на розсилку новин.

Отже, як створити ефективний лендінг, який буде стимулювати користувача діяти, не вдаючись до маніпулятивних методів або темним шаблонах (сторінки, які змушують вас робити те, чого ви не хотіли, наприклад, купувати або підписуватися на щось)? Відповідь полягає у першому абзаці.

Пора поринути з головою в процес створення цільової сторінки. Однак, перш ніж ми почнемо, потрібно визначити чітку спрямованість, і це починається з визначення нашого ціннісного пропозиції.

Визначення ціннісного пропозиції

З моменту, коли клієнт потрапив на ваш лендінг, потрібно всього 8 секунд, щоб привернути його увагу. Це означає, що перший крок у створенні будь-якої цільової сторінки полягає в переконанні користувача у тому, що конкретно цей ленлендінг інгем пропонує потрібний товар або пропозицію і робить це коротко і інформативно.

Почніть з написання одного речення, в якому повідомляється про пропозицію або товар. Воно має складатися з двох частин: яку проблему ви вирішуєте і яким способом це вирішується.

Ось, приміром, така пропозиція Skype:

«Skype дозволяє завжди залишатися на зв’язку. Розмовляти. Листуватися. Співпрацювати».

Перша частина описує користь, а друга — спосіб її досягнення.

Проте будьте обережні. Ваше ціннісне пропозицію може легко перетвориться в нісенітницю. Наприклад, говорити про «кращий у своєму роді» або «доброзичливому і доступному» — це пусті слова, які може затирати абсолютно будь-яка компанія.

Щоб не стати сірою масою, запитайте себе, а чи не буде, випадково, правдивим протилежне вашу пропозицію? Наприклад, якщо ви говорите:

«Ми пропонуємо високу якість за доступною ціною»

То реверс був би приблизно таким:

«Ми пропонуємо жахливе якість з космічним цінником»

І навпаки, якщо ви написали:

«Ми пропонуємо товари ручної роботи для вимогливого покупця»

Протилежність була б схожа на щось таке:

«Ми пропонуємо продукцію заводського виробництва для масового ринку»

Ціннісне пропозиція не обов’язково повинно складатися лише з одного речення. Складіть список всіх ваших переваг, а потім перерахуйте всілякі пропозиції.

Вирішіть, як ви будете стимулювати до дії

Кожен лендінг, очевидно, потребує заклик до дії. Це означає, що ви повинні запитати себе, яке цільове дію ви хочете отримати від користувачів?

Щоб конкретизувати цільову сторінку і підвищити ймовірність дій користувачів, не пропонуйте занадто багато закликів. Наприклад, прохання фоловити вас у соціальних мережах просто-напросто відволікатиме клієнта від виконання основної дії.

Але, так чи інакше, в деяких ситуаціях буде мати сенс вторинний заклик до дії. Якщо ви зробили все правильно, ваш лендінг переконає багатьох користувачів придбати ваш продукт. Але завжди знайдуться ті, хто буде до цього не готовий.

Замість того, щоб забитися в кут і почати плакати, варто запропонувати їм вторинний стимул до дії, який вимагає менше зобов’язань.

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

Щоб воно не відволікало, переконайтеся в його невеликій помітності. Тобто воно може перебувати в футері або прямо в діалоговому вікні, яке з’являється при виході з сайту. Але будьте обережні з спливаючими вікнами, тому що деякі користувачі вкрай негативно реагують на такого роду рекламу.

Зрештою подумайте про те, як саме ви збираєтеся стимулювати людей до дії. Можна запропонувати безкоштовну електронну книгу, якщо люди підписуються на розсилку, або якусь знижку, якщо вони здійснюють покупки через ваш лендінг. Іноді щось маленьке і на перший погляд непримітний може стати тим самим поштовхом, який змусить діяти зараз, а не колись потім.

Звичайно, подарунок не буде мати ніякого значення, якщо інші елементи будуть відлякувати клієнтів. Необхідно зрозуміти, в чому полягають проблеми і знайти спосіб їх вирішення. Це відомо як обробка заперечень.

Розуміння заперечень користувача

З яких причин людина може перестати робити що-небудь на вашому лендинге? А платна доставка, чи, може, вони турбуються про свою конфіденційності? А може у конкурентів дешевше?

Якщо вам важко скласти список заперечень, які можуть виникнути у користувачів, у такому разі необхідно провести дослідження, щоб з’ясувати це.

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

«Якщо ви вирішили сьогодні не діяти, то нам було б корисно дізнатися чому».

Як тільки ви зрозумієте причини, за якими люди не діють, ви можете приступити до їх вирішення.

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

Наприклад, mcdonald’s знає, що багато хто вважає, ніби їх курка відбувається не зовсім тим способом, який вказано в рекламі. І замість того, щоб ігнорувати ці проблеми, вони вирішують їх безпосередньо на своєму сайті.

Mcdonald’s не бояться вирішувати проблеми безпосередньо

Однак є ще один чинник, який слід враховувати при такому рішенні проблем. Ви повинні переконатися, що звертаєтеся до клієнтам в потрібному місці і в потрібний час.

Чудовим прикладом є конфіденційність і безпеку. Люди не будуть замислюватися про безпеку своїх даних, в момент прочитання політики конфіденційності. Але хто ж не почне думати про це, коли сайт запитує особистий адресу електронної пошти? Ось чому так важливо приділити увагу захисту даних і конфіденційності під час заповнення форми. Користувачі не стануть шукати відповіді на вашому сайті: вони просто змиряться.

Тісний зв’язок запевнень про конфіденційність з формою підписки на розсилку часто підвищує конверсію

Сформуйте свою особистість

В основному ми приймаємо рішення на підсвідомому рівні. Фактично, згідно з дослідженням, опублікованим у журналі «Поведінка та інформаційні технології», люди формують перше враження про сайт за 50 мілісекунд. Стверджується, що з-за «ефекту ореолу» ці початкові враження зберігаються і надалі.

Іншими словами, брендинг та естетика сайту формують наші враження від фактичного пропозиції, незважаючи на відсутність причинно-наслідкового зв’язку між ними.

А як бути з цими аспектами на практиці? Для початку, це свідчить про те, наскільки важлива естетика. Однак, що більш важливо, це означає, що нам потрібно чітке уявлення того, які перші враження ми хочемо передати, а потім переконатися, що наш дизайн робить саме це.

Визначте, що ви хочете донести

Гарною відправною точкою є складання короткого списку слів, які передають необхідні враження про вашому сайті.

Є й кілька універсальних слів. Наприклад, ви, швидше за все, захочете, щоб ваш лендінг передавав «достовірність». Проте багато що залежатиме від вашої аудиторії і самої пропозиції.

Як тільки у вас є шуканий список, а UX-ер вже розробив дизайн, який, як очікується, повинен передавати ці слова, наступним кроком буде перевірка.

Перевірка дизайн-естетики

Якщо дизайнер розробив декілька варіацій, тоді це тест повинен визначити найкращу. Наприклад, можна запитати користувача, який з дизайнів він вважає більш «доступною».

Часто такий простий тест — кращий спосіб знайти підходящий дизайн

Якщо на руках є всього один дизайн, можна запустити семантичне диференціальне дослідження, в якому ви просите користувачів оцінити сайт за ключовими словами. Наприклад, є дизайн доступним»?

За допомогою опитування можна з’ясувати, створює дизайн правильне відчуття у користувачів
Звичайно, естетика — не найголовніше в дизайні. Багато залежить від візуальної ієрархії.

Створіть свою візуальну ієрархію

Створення чіткої візуальної ієрархії для вашого лендинга гарантує, що користувачі побачать те, що необхідно саме вам і не будуть відволікатися на нерелевантні або вторинний контент.

Дайте відповідь на правильні питання в правильний час

Перший крок — переконатися, що ви даєте користувачеві правильну інформацію. Для цього потрібно зрозуміти розумовий процес, який відбувається в голові людини, коли він дивиться на вашу сторінку.

Звичайно, не можна бути в ньому впевненим на 100%. Навіть юзабіліті-тестування може дати лише розмите уявлення. Але давайте зробимо обґрунтоване резюмування.

Як правило, користувач підсвідомо ставить собі ряд питань, переглядаючи вашу цільову сторінку. Давайте по порядку:

  • Що пропонує мені ця сторінка? (Ціннісне пропозиція)
  • Як це допоможе мені? (Користь)
  • Як воно працює? (Особливості)
  • Чому я повинен довіряти? (Соціальне доказ)
  • Що я повинен робити далі? (Заклик до дії)

Тому важливо, щоб будь-яка візуальна ієрархія сторінки відображала порядок, в якому користувач задає ці питання.

Наприклад, типова ієрархія лендинга може виглядати приблизно так:

Цільова сторінка повинна поєднувати в собі всі перераховані вище розділи

Правильне відображення контенту на сторінці — це лише півбіди. Інша її половина полягає в забезпеченні видимості найголовнішим елементів сторінки.

Увага до них можна залучити різними способами, включаючи, але не обмежуючись такими:

  • Позиціонування.
  • Колір.
  • Розмір.
  • Образність.
  • Анімація.
  • Негативний простір.

Але, швидше за все, найефективніший метод — це мінімізувати відволікаючі фактори.

Спростіть інтерфейс

Для спрощення можна застосувати триетапний підхід, при якому ви систематично переглядаєте кожен елемент на лендинге, починаючи логотипом і закінчуючи посиланням на політику конфіденційності.

Дивлячись на кожен елемент, ставте собі три питання.

Почніть з того, ви можете видалити цей елемент? Якщо так, то які будуть наслідки? Будуть вони деструктивней, ніж збільшення когнітивної навантаження, яке створюють додаткові елементи? Якщо ні, то краще його прибрати.

Якщо ви вважаєте, що вміст занадто цінне для користувача або допомагає в конверсії, наступне питання, яке вам потрібно поставити собі — чи можу я приховати цей елемент? Чи можу я розмістити його на підсторінці, під ярликом або випадаючим списком?

Vibecast приховує вторинний контент під випадаючим списком

Цей підхід добре працює для вторинного контенту. Він може бути корисним для деяких користувачів, але не є цікавим для більшості людей.

Нарешті, якщо ви не можете приховати контент, тому про нього важливо знати, подумайте, чи можна його зменшити? Наприклад, клієнти можуть захотіти дізнатися про вашу політику повернення, але це не так важливо, як функції або переваги вашого продукту. Тому має сенс візуально позбавити його уваги.

Такий простий підхід в поєднанні з іншими методами проектування допоможе створити сторінку з сильною візуальної ієрархією. Таким чином увага буде залучатися до таких важливих елементів екрану, як закликів до дії. Але, як кажуть, довіряй але перевіряй.

Перевірте свою візуальну ієрархію

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

Очевидно, тест складається з показу користувачам вашого дизайну протягом п’яти секунд. Після чого користувачі повинні розповісти, які елементи вони пам’ятають.

Usability Hub полегшує запуск п’ятисекундних тестів

Звертаючи увагу на те, які елементи запам’ятовує користувач, і на порядок, в якому він їх називає, ви краще зрозумієте, наскільки ефективна ієрархія сторінок при залученні уваги до важливих елементів.А коли справа дійде до розробки дійсно чудового Лендінзі, тестування матиме вирішальне значення навіть після деплоя.

Моніторинг, Тест, Повторення

Жодна команда не зможе створити ідеальний Лендінгем з першої спроби. Завжди є можливість для поліпшень, тому тестування після запуску грає важливу роль.

Після того, як ви запустите нову цільову сторінку, ви повинні уважно стежити за нею, використовуючи реєстратор сеансів, такий як Hotjar або Fullstory. Ці інструменти дозволяють спостерігати за поведінкою користувачів на вашій сторінці.

Можна протестувати невеликі поліпшення зображень і кольору, використовуючи A / B-тестування, а значно більші зміни можуть бути прототіпіровани і протестовані вже за допомогою юзабіліті-тестування.

Який би підхід ви не вибрали, в кінцевому підсумку це буде цикл моніторингу, ітерації і тестування, який забезпечить довгостроковий успіх будь-якого Лендінзі.

Вибираємо шаблони сайтів, які будуть продавати і давати високі показники конверсії: гайд-інструкція

Бізнес в інтернеті — річ непередбачувана, але можемо точно сказати — 50% успіху залежить від сайту, а саме його зовнішнього вигляду, юзабіліті, наявності зрозумілих закликів до дії, грамотного, якісного контенту і продуманого шляху клієнта.

Якщо хоча б один з цих параметрів буде проігноровано, то навіть найкращі теми для WordPress не зможуть гарантувати великих продажів. Давайте ж розберемося, яким повинен був якісний, продає сайт, які вони бувають і як вибрати під шаблон.

Загальні рекомендації

Щоб користувач не тільки перейшов на ваш сайт, але і затримався на ньому і, можливо, здійснив покупку, ресурс, як мінімум, повинен бути:

  • SEO-friendly. Тобто в ньому вже повинен бути заданий «скелет» у вигляді SEO-параметрів. Їх потрібно налаштувати так, щоб по них сайт поступово піднімався на перші позиції пошукових систем.
  • Адаптивним під різні типи пристроїв. Дизайн і функціонал сайту повинен, як мінімум, бути розроблений під смартфони і ноутбуки, ще краще, якщо це будуть макети під усі версії Айфонів і планшети.
  • Кроссбраузерным. Це коли сторінка коректно відображається у всіх популярних, локальних браузерах.
  • З підтримкою віджетів і плагінів. У самому наборі, який йде разом з шаблоном (документація, технічна підтримка), їх може і не бути, але розробник повинен дати можливість їх встановити при необхідності. Плагіни — важливі елементи, адже вони дозволяють поліпшити юзабіліті і при цьому не уповільнити (хіба що на мілісекунду) швидкість завантаження сторінки.
  • Розроблений за методикою AIDA. Тобто привернути увагу, викликати інтерес і бажання придбати товар або замовити послугу, мотивувати виконати очікуване від відвідувача дію.

Рекомендуємо вибирати макет виходячи з красивих картинок або іконок. Тому що найчастіше зображення не входять у вартість шаблону і докупити їх не можна, а іконки — не найголовніше в сайті.

Також зверніть увагу на наявність технічної підтримки та умови її роботи. У 90% випадків розробник надає таку послугу у форматі 24/7, але не забувайте читати відгуки, адже на практиці все може бути зовсім інакше.

Рекомендації по окремим видам сайтів

Інтернет-магазини

Головна мета такого сайту — продати. Але спочатку зацікавити, дати зрозуміти, що товар на вашому ресурсі кращий, а потім реалізувати та забезпечити висококласний сервіс.

Хороший інтернет-магазин — той, де без взаємодії між n-кількістю людей можна придбати і отримати товар. Тобто важлива можливість автоматизувати процес купівлі-продажу по максимуму, щоб замовлення підтверджувався без дзвінків і зайвих розпитувань.Для цього повинні бути вбудовані віджети і плагіни, на кшталт кошика, виш-листа, порівняння товарів, слайдера, прийому платежів і т.д. На це і зверніть увагу в першу чергу при виборі шаблону для інтернет-магазину.

Ще один фактор – інтернет-магазини повинні підтримувати CMS (PrestaShop, WordPress, OpenCart, Shopify, інше) і, бажано, плагіни для електронної комерції (наприклад, WooCommerce).

Але є кілька і інших важливих речей:

  1. Зовнішній вигляд каталогу і товарних карток на головній сторінці. Товари повинні привертати увагу, бути стильними, а коротка інформація під ними – зрозумілою.
  2. Меню. Ідеальний варіант — мега-меню, де горизонтальне меню потрібно для розділів магазину («контакти», «технічна служба», «каталог», інше), а вертикальне — для структуризації товарів. Це зручно і дозволяє швидко знайти потрібну інформацію.
  3. Відмінно продумана структура, як результат — зручне і часте використання магазину для покупок
    3. Пошукова рядок. Для цього є окремий плагін. Він дозволяє знаходити потрібні товари за ключовими словами в рамках інтернет-магазину.
  4. Фільтри. Занадто багато їх робити не потрібно, але хоча б штук 5 — так. Вони спростять процес пошуку потрібних предметів.
  5. Онлайн чат. Ідеально — автоматизований, але з можливістю поспілкуватися з живою людиною.
  6. Місця для банерів зі знижками та акціями. Так як банери часто змінюють, важливо, щоб вони були на першій сторінці в окремому блоці, а не тільки на першому екрані в круговій галереї.
  7. Багатомовність та мультивалютність. Якщо ваша ЦА — люди з різних країн, без прив’язки до локації або в одній країні спілкуються на 2-3 мовах, то без цього не обійтися. Підключіть онлайн конвертер валют, щоб кожен міг побачити товар у потрібній валюті.

Сайти-візитки і сайти-портфоліо для презентації послуг фахівців

Сайт-візитка — це невеликий сайт, в якому може бути як одна сторінка з кількома блоками-розділами, так і 3-5 сторінок по 2-3 блоку. Основне призначення — довести свою експертність, презентувати себе як фахівця. Головний заклик — замовити щось безкоштовно або недорого, щоб перетворити теплого клієнта гарячого і мотивувати до продажу. Наприклад, безкоштовну консультацію. Тобто, основна мета лендинга — не прямий продаж, а залучення відвідувача в воронку продажів і вже після його зацікавленості у вигляді звернення до вас можна починати продавати.

При виборі шаблону під сайт-візитку потрібно розглядати такі елементи:

  1. Невелика кількість сторінок або блоків. Якщо це візитка у форматі лендинга, то достатньо буде і 5-7 блоків з основною інформацією на кшталт «про нас», «послуги/товари», «контакти», «команда». Якщо сайт зі сторінками, то їх назви ідентичні розділам в лендинге з попереднього речення і обсяг — 1-2 блоку.
  2. Оформлення блоку з контактними даними. Він повинен привертати увагу і викликати бажання зателефонувати, написати. Бажано, щоб у цьому блоці була невелика контактна форма — з номером і ім’ям, поштою та ім’ям. Наявність контактів дає можливість зателефонувати фахівця, а контактна форма — відразу надіслати свій запит і чекати відповіді
  3. Скільки місця у кожному розділі сайту виділено під текст. Важливо, щоб це був мінімум абзац з 3-4 речень, а в блоці з описом послуг та компанії — місце під 10-15 речень.
  4. Є різні віджети начебто прогрес-бару для демонстрації своїх умінь і навичок у вигляді інфографіки, слайдера.

Прогрес-бар — зручний спосіб показати, наскільки ви добре володієте якимись навичками, додатками, мовами
Сайти-портфоліо стосується все те ж саме, але є ще один важливий нюанс — наявність гарної, грамотно зробленою галереї. Якщо це роботи, наприклад, копірайтера, SEO-фахівця, менеджера з продажу, де візуал не так важливий у презентації прикладів робіт, то підійде простенький блок з фото, де під ними можна залишити текст-назва кейса і після натискання перейти на сторінку з докладним описом роботи.

Можна додати просто картинки, які тематично, нативно пов’язані з проектом, але важливо, щоб людина змогла перейти з ним і прочитати про прикладі роботи детальніше
Якщо це сайт-портфоліо творчої особистості, яка працює над створенням стильного візуала (веб-дизайнери, художники, фотографи), то ідеальний варіант — коли картинки збудовані в кілька рядів, вони однакового розміру, а при наведенні на них курсору з’являється підпис і кнопка для переходу на сторінку для детального ознайомлення з прикладом.

Портфоліо оформлена дуже просто, і це дозволяє акцентувати увагу на самих роботах, а не дизайні сайту

Лендінг

Лендінги відмінно підійдуть для продажу 1-5 товарів, обмежених у часі дії акцій або подій. Виходячи з цього, головна мета посадкової сторінки — зібрати контакти або ж відразу отримати оплату за продукцію, послуги.

Тому в самому сайті обов’язково повинні бути:

  • контактна форма (бажано відкрита і окремим блоком, а не поп-ап);
  • кнопки з конкретними закликами до дії (як мінімум в першому блоці та в середині, але ще краще додати і в кінці);
  • контактні дані;
  • інформація про компанію і окремо інформація про товари (їх переваги, мета використання);
  • вартість продукції;
  • відгуки.

При виборі шаблону обов’язково зверніть увагу на меню й у цілому побудова сторінки:

  • меню фіксується по всій сторінці або після другого блоку зникає?
  • а якщо зникає, є стрілка праворуч, щоб у будь-який момент повернуться вгору?
  • у рядку меню є місце для логотипу чи ні?

В хорошому макеті меню буде, воно не фіксується і зникає при скролле (або рядок меню настільки вузька, що не заважає при перегляді лендинга навіть будучи закріпленою), у рядку з ним можна розмістити логотип, а знизу праворуч є стрілочка для підняття вгору сторінки.

Рядок вузька, зафіксована при скролле, але не заважає перегляду, не відволікає

  • Якщо у вас немає чітких обмежень за колірною гамою і стилем оформлення сторінки, підбирайте шаблон так, щоб вносити в нього мінімум правок (як мінімум, по частині дизайну). Тоді дивіться на палітру кольорів — чи не занадто багато акцентних, поєднані вони між собою, які асоціації викликають, як будуть виглядати з вашим візуальним контентом.
  • Всі елементи виглядають гармонійно і єдине
  • Якщо плануєте проводити акції з чітким обмеженням у часі, зверніть увагу на те, чи є вже вбудовані віджети, начебто таймера зворотного відліку. Для продажу це відмінний інструмент.
  • Є таймер зворотного відліку і відразу можливість придбати щось або просто підписатися на розсилку

Сайти виробників, корпоративні, для офлайн бізнесу

Часто корпоративні сайти плутають з сайтами-візитками. Основна відмінність в тому, що сайт-візитка — невеликий ресурс, який потрібен для швидкого ознайомлення з послугами або продукцією компанії, самим підприємством. Корпоративний сайт набагато більше за обсягом і кількістю інформації. Він призначений для різних цільових аудиторій одночасно — партнерів (можливо, інвесторів і клієнтів. Але, якщо чесно, крутих шаблонів під такий тип сайтів трохи і доводиться вибирати ретельно.

При підборі макета зверніть увагу, щоб у ньому була, як мінімум, половина цих структурних елементів, а краще все:

  1. Товари або послуги. Тут описуються все, що продає або вміє компанія. Одна послуга може ділитися на кілька підтипів і, бажано, під кожен виділити свою сторінку. Це зручно з точки зору юзабіліті, а гарний розподіл внутрішнього посилального ваги викликає довіру в пошукових систем і сприяє якісному SEO-просування.
  2. Корпоративний блог. Тут можуть бути експертні матеріали, останні новини компанії, важливі події і т. д. Ось як туристичне агентство розповідає про різних країнах, новини в компанії і тренди в світі туризму. До речі, контент-маркетинг і свій блог — теж відмінний інструмент для брендингу та продажу.
  3. Інформація про компанії. Тут може бути історія створення, короткі факти, нагороди і сертифікати.
  4. Команда. Які фахівці є, який у них досвід, їх кейси.
  5. Розділи для партнерів, відвідувачів. Це важливо для налагодження зв’язків з колегами з суміжних ніш для отримання постійних клієнтів.
  6. Вакансії. Не забувайте регулярно оновлювати інформацію.
  7. Розцінки. Так, повинні бути окремо. Це ж не інтернет-магазин, правильно?

При виборі шаблону зверніть увагу, щоб всі ці розділи були і з нормальною ієрархією.За бажанням або відсутності великої кількості даних, можна оформити сайт як одностранічнік або Лендінг з декількома сторінками.

Також при виборі сайту для офлайн бізнесу дивіться, чи можна замінити колірну гамму і шрифти, якщо згідно брендбуку вони вам не підходять. У 80% випадків це доступна функція.

Рекомендуємо шукати відразу тематичний сайт, де враховані особливості різних ніш, продумана структура (згідно шляху клієнта або воронці продажів) і буває безкоштовний фото-контент. Також зверніть увагу, чи можна додавати відео, подкасти, які дозволяють підігріти клієнтів і підвищити конверсію.

Що в підсумку?

При виборі теми для сайту орієнтуйтеся на те, який саме сайт вам потрібен і які завдання він буде закривати. Для Лендінзі, мета якого – отримати контактні дані відвідувача, важливий порядок викладу блоків, зручні контактні форми і плагіни-віджети, щоб опрацювати тригери. Для інтернет-магазинів важлива структура (особливо меню) і підтримка CMS, плагінів електронної комерції, щоб автоматизувати всі основні процеси схоже на прийом замовлення, оплати. Для корпоративного сайту важливо велику кількість сторінок, між якими зручно переходити, і єдиний стиль оформлення. Для сайтів-портфоліо і сайтів-візиток грає роль наявність віджетів на зразок прогрес-бару, простих анімацій, стилю оформлення галереї, кнопок із закликом до дії.

Як створити лендінг, який дійсно буде продавати: 7 важливих кроків

Парадокс: створити лендінг просто, але не просто створити лендінг, який зможе дати 100% віддачу для свого власника. Часто при створенні landing page люди забувають або не знають про важливі кроки побудови лендинга.

Не посперечаєшся, значну роль відіграє власне зовнішній вигляд дизайну. Як не крути спочатку відвідувач оцінює візуально сторінку на яку потрапив, а вже потім інформацію надану в ній. Відповідно, багато хто починає створення сайту з дизайну, підбирають шаблони для лендинга, пишуть текст, що продає.

Зрозуміло, все це важливо при створенні лендинга. Однак, щоб дійсно продає текст працював, а гроші і час на розробку не були витрачені даремно — для початку, необхідно провести детальне дослідження.

Крок 1: провести дослідження

В першу чергу необхідно відповісти на такі питання:

  • Що власне буде пропонуватися на цій сторінці, яка специфіка товару або послуги?
  • Для кого створюється лендінг? Хто цільова аудиторія?
  • Хто головні конкуренти? Які наші переваги перед ними?

Зосередимося на товар

Золоте правило лендинга чітко заявляє: один товар — один лендінг. Не потрібно представляти всі свої товари. Для такої мети можна створити цілий повноцінний сайт. А ось landing page створюється для того, щоб звернути увагу на один (або в крайньому випадку лінійку продуктів).

Досліджуємо конкурентів

Далі приступаємо до вивчення конкурентів:

  • для початку, складаємо список головних конкурентів, які просувають такий же або подібний товар;
  • потім, переглядаємо їх лендінг, виділяємо ключові моменти ( що сподобалося, що не сподобалося, що краще б змінити, як зробити краще і т. д.);
  • застосовуємо зібрану інформацію при створенні свого лендинга.

Цільова аудиторія

Будь-маркетолог підтвердить: перед тим, як просувати товар необхідно чітко представляти свою цільову аудиторію. В першу чергу важливо:

  • скласти портрет потенційного клієнта;
  • зрозуміти як «зачепити» клієнта, його вимоги, «біль», звички тощо;
  • відокремити демографічні характеристики — стать, вік, рівень доходу і т. д.

Зібрані дані допоможуть більше «персоналізувати» майбутній сайт. Також в подальшому, інформація про клієнта дозволить ефективно просувати товар/послугу зацікавленої аудиторії.

Крок 2: продумуємо дизайн і контент

Тепер, коли ми знаємо наших майбутніх клієнтів, можемо приступати до планування зовнішнього вигляду сайту.

Отже, для початку розберемося, який контент повинен бути присутнім на лендинге:

  • візуальний: зображення, графіка, відео файли;
  • текст: продає, інформативний і по суті;
  • додатково таблиці, схеми, діафрагми, статистика, цифри — і інший контент, який заснований на різних даних.

Текст повинен лаконічно і доступно надати інформацію про товар/послугу. Також допоможе в майбутньому SEO – просування. Таблиці та схеми необхідні для того, щоб показати клієнтам свої переваги і ефективність. У той же час, візуальний контент дозволить показати товар «у всій красі», а також розбавити текст і зрозуміло підтримати дизайн.

До речі, про дизайні:

  • якщо є фірмовий стиль, ідеально — розробляємо дизайн фірмового стилю;
  • не потрібно бояться вільного простору, гірше коли лендінг перевантажений, особливо для сприйняття відвідувача;
  • дизайн повинен викликати емоції ( для цього ми збирали дані про потенційного клієнта);
  • важливо використовувати навігаційні підказки, іконки, структурувати інформацію ( до цього ми ще повернемося в ході статті).

Крок 3: визначаємося зі способом розробки: з нуля, конструктор, шаблони для лендинга

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

Втім, лендінг можна створити декількома шляхами:

  • найняти веб-розробника, дизайнера і створити з нуля: дорого, по рядках довго, але в підсумку можна отримати професійний, унікальний сайт;
  • самостійно скористатися конструктором, зразок Wix, Tilda або bitrix24: дешево, але результат може бути професійний;
  • використовувати готові шаблони для лендинга: виправдана ціна, всі дизайни розробляються професіоналами, багато тем і можна вибрати найбільш підходящий по смаку, напрямом.

Незалежно від того, який варіант буде обрано і втілений в життя, необхідно приділити увагу наповненню сайту.

Крок 4: манера подачі і структура

Для початку, при формуванні концепції подачі необхідно засвоїти:

  • Пройшли ті часи, коли правил агресивний маркетинг: безліч знаків оклику, настирлива вимога купити «негайно». Покупці, по правді втомилися від такого підходу.
  • Тепер споживачі більше цінують факти та їх підтвердження.
  • Виходячи з цього, при написанні подібних переваг: «чудовий сервіс», «відмінна якість», «унікальна пропозиція» і т. п. — важливо відповідати написаному і підтверджувати сказане рейтингом, відгуками, кількістю задоволених клієнтів, пояснити чому ж пропозицію так унікально.

Більш того, для кращої читабельності і сприйняття краще максимум структурувати інформацію:

  • подавати текст у форматі списків, таблиць, схем;
  • писати простими словами, не для пошукових роботів, а для людей;
  • більш того, маркетологи радять взагалі утримаються від великої кількості тексту, а натомість — лаконічність, мінімалізм і ілюстрація;
  • тематичні зображення, графіка, анімація, а також різні креативні рішення, незвичність і індивідуальність — кращі друзі лендинга.

Крок 5: УТП, вигода та заклик до дії

Незважаючи на всі тренди і антитренды — незмінними залишаються правила:

  • розміщення унікальної торгової пропозиції (УТП) в заголовку: відвідувач потрапив на сторінку відразу повинен зрозуміти в чому унікальність і вигода пропозиції;
  • пояснення вигоди: описати всі переваги ( і природно, зміцнити фактами);
  • заклик до дії/ кнопка CTA (call-to-action): прямо і ясно вказати, що саме повинен зробити відвідувач: замовити, зателефонувати, заповнити форму — щоб отримати бажану вигоду. Обов’язково виділяти яскравим кольором, адже кнопка повинна бути помітною.

Крок 6: зручність для відвідувачів, юзабіліті

Продовжуючи тему кнопок і навігації. Примітно, що до цих пір є лендінг геть ігнорують правила юзабіліті — зручності для відвідувача на веб-сторінці. Ми вже встигли обговорити важливість CTA, структури тексту і УТП.

Однак, хочеться додати:

  • всі конверсійні елементи, тобто кнопки, форми, заклики повинні бути помітними і короткими;
  • у формах, які пропонується заповнити відвідувача має бути мінімум полів — зі складними формами ніхто з клієнтів стикаються не хоче;
  • адаптивність landing page: сторінки і вміст повинні коректно проглядатися з усіх сучасних пристроїв;
  • якість зображень, графіки: всі зображення повинні збільшуватися і зменшуватися без втрати якості, особливо якщо там представлений товар;
  • у підсумку, працюючи з розробником, вибираючи шаблони для лендинга або розробляючи сайт в конструкторі необхідно переконатися в наявності всіх необхідних кнопок, адаптивності дизайну сайту.

Крок 7: «сім разів відміряй — один відріж»

Повірка, перевірка і ще раз перевірка функціональності і роботи сайту:

  • всі інтерактивні елементи працюють, як задумано;
  • на всіх браузерах, пристроях і операційних системах якісно відображається і працює лендінг;
  • хостинг, де опубліковано landing page, доступний користувачам з цільових країн;
  • вичитування тексту: ще раз перевірка на помилки;
  • оптимізовані чи шаблони для лендинга під просування.

Не забуваємо про A/B тестування: можна зробити в тестовому режимі з невеликим кількість користувачів перед головним запуском.При A / B тестування, змінюючи: заголовки, CTA, форми, інші елементи сторінки, а також пробувати різні інструменти для просування – можна знайти найефективніші інструменти та впровадити їх. У підсумку, можна збільшити конверсію і відповідно зібрати більше замовлень.

7 атрибутів ефективного Лендінг Пейдж

У даній статті ми розберемося, що повинен містити в собі Лендінг, щоб мати достатні «продавать» якостяі. Перше, що побачить потенційний клієнт після переходу по рекламному посиланню, – це і буде посадкова сторінка (Landing Page). Чим грамотніше буде її структура, тим вищою буде конверсія.

Існує 7 «must have» елементів, які повинна містити Landing Page:

1. Унікальна пропозиція

Формулювання інтригуючого хедлайнів, який чітко і ясно дає зрозуміти клієнту про те, з чим він має справу. Іншими словами формулювання міфу підприємства. Тема завжди підноситься великим шрифтом на самому видному місці сторінки. Найголовніше в цій справі – витримати стиль, властивий даній послузі. Наприклад, якщо ця пропозиція будь-якої серйозної бізнес послуги, то слід відмовитися від провокаційних закликів. Вони більше характерні для розважальних порталів.

2. Вигоди

Сюди відносяться основні вигоди та переваги проекту, які полягають в одному абзаці. Тобто підсумовування найважливішого, корисного і цікавого для потенційного клієнта. Текст повинен привертати клієнта до отримання послуги, внаслідок чого він зробить те, що від нього очікується. Тут будуть доречні всі способи. Наприклад, потішити марнославство людини, або згадати все його смертні гріхи і зіграти на цьому.

3. Основне описову зображення

Ілюстративний матеріал або відео про те «Як це працює». Це може бути ролик з основною концепцією проекту або діаграма, яка гранично дохідливо показує основні вигоди. Також цікавими будуть ілюстрація продукту, іміджева реклама і т.д. Матеріал такого виду – вдалий хід, так як сучасний користувач Інтернету мало читає, але більше дивиться і слухає. Цим варто скористатися. Картинка повинна бути змістовною, а відеоролик тривати не більше однієї хвилини. Інакше є ймовірність, що відвідувачеві набридне і він покине сторінку, а це неприпустимо.

4. Демонстрація продукту

Необхідно показати потенційному клієнту приклади використання пропонованої послуги в реальному житті. Можна вставити відгуки про продукт від відомих особистостей, анонси з журналів, фотографії від щасливих користувачів. Також можна надати список відомих компаній, які користуються просуває послугою. Однак слід пам’ятати про міру і не робити на цьому блоці основний упор.

5. Заклик до дії

Даний пункт є найважливішим моментом. Його часто мають у своєму розпорядженні на спеціальній кнопці, але можна почати відразу готувати відвідувача, вигукнувши те, що йому необхідно зробити, а поруч поставити довгоочікувану кнопку. Даний спосіб дуже ефективний тільки для просування певних послуг. У більшості ж випадків він може просто відлякати клієнта. Тому користуватися ним слід акуратно і грамотно.

6. Сall-to-action-button

Це та кнопка, для якої і створювалася вся сторінка захоплення. Люди, котрі розуміються на поведінкової психології людини, рекомендують робити кнопку жовтої або помаранчевої. Ці кольори найбільш привабливі для уваги. Також вони привертають до певних дій. Крім кольору, необхідно пам’ятати і про форму. Кнопка повинна бути смачною, соковитою і красивою, такою, до якої хочеться доторкнутися, а значить і натиснути.

7. Соціальні іконки

Якщо клієнт не готовий придбати послугу в даний момент, але зацікавився нею, для нього слід залишити шляхи відходу. Для цього підійдуть іконки соціальних мереж, які дозволять зберегти закладку з послугою на своїй сторінці. Даний блок не повинен звертати на себе уваги до тих пір, поки цього не зробить сам клієнт. Домогтися цього можна за допомогою правильного розміщення всіх вищеописаних атрибутів цільової сторінки.

Які кольори найкраще підійдуть вашому лендінгу?

Коли людина потрапляє на ваш Лендінгем, дуже важливо, щоб абсолютно всі сприяло його подальшому просуванню вглиб воронки продажів (sales funnel). Зокрема, на показники конверсії величезний вплив має колірна гамма.

Ральф Уолдо Емерсон (Ralph Waldo Emerson) одного разу дуже мудро сказав, що «природа завжди носить колір настрою».

У цій статті ми обговоримо, чому важливо обдумано підходити до вибору відтінків, які значення таїть в собі той чи інший колір, що було виявлено в ході проведення деяких експериментів і як слід вибирати кольори для збільшення конверсії вашої цільової сторінки.

Колір як один з важелів конверсії

Якщо ви думаєте, що колір є незначним фактором конвертації цільової аудиторії, то ви помиляєтеся. Практика показує, що багато маркетологів недооцінюють вплив кольору на людське сприйняття.

Згідно з даними Kissmetrics, досить часто вирішальним фактором для здійснення споживачем покупки стає зовнішній вигляд продукту, і в тому числі його колір. Якщо говорити точніше, 85% споживачів диктують кольору в якості основної причини вибору того чи іншого продукту.

Крім того, 42% формують свою думку про сайт лише по його дизайну, і більше половини (52%) не повертається на сайт з невдалим оформленням.

Kissmetrics також дає свої рекомендації по вибору кольору в залежності від характеру вашого бізнесу. Червоний, оранжевий, чорний і королівський синій кольори слід використовувати для залучення «імпульсивних» покупців (impulse shoppers); темно-синій і синьо-зелений – для «економних» покупців (shoppers on a budget); і м’які кольори, такі як рожевий і небесно-блакитний – для залучення «традиційних» покупців (traditional buyers).

Культура кольору

Як і з усім іншим в маркетингу, процес вибору ефективної колірної гами для вашої посадкової сторінки повинен починатися з чіткого визначення цільового ринку (target market). Особливо це важливо в тому випадку, якщо ваш цільовий ринок включає людей з різних культур.

Одні і ті ж кольори в різних культурах можуть мати абсолютно протилежні значення. Наприклад, в той час як західні люди вважають білий колір символом чистоти, для китайців – це колір трауру і смерті. А в Бразилії кольором смерті є фіолетовий.

Щоб переконатися, що ваш Лендінгем принесе оптимальний коефіцієнт конверсії, потрібно попередньо ознайомитися з культурними особливостями вашої цільової аудиторії і розробляти дизайн на підставі цих даних. Можливо, ви навіть вважаєте за необхідне інвестувати в кілька колірних схем для людей з різних країн.

Тема вашого лендінгу

Наступний ваш крок – упевнитися, що вибрані вами кольори збігаються з темою вашого сайту. Тут вступає в силу так званий «принцип близького знайомства» (the familiarity principle).

Простіше кажучи, «принцип близького знайомства» говорить, що людей притягує те, з чим вони добре знайомі. Ось чому кольорове оформлення повинно повністю відображати суть вашого продукту або послуги. Так, згідно з Color Wheel Pro:

«Синій – колір неба і моря. Він часто асоціюється з глибиною і стабільністю і символізує довіру, лояльність, мудрість, впевненість, розум, віру і правду. Вважається, що синій благотворно впливає на розум і тіло: він уповільнює метаболізм і має заспокійливий ефект ».

Помаранчевий ж колір символізує ентузіазм, захоплення, щастя, творчість, рішучість, потяг, успіх, заохочення і стимул. Саме тому багато «елементи призову до дії» (calls to action) пофарбовані в оранжевий колір:

Припустимо, що ви збираєтеся продавати морські рибальські снасті онлайн – в цьому випадку, краще не використовувати коричневі і зелені кольори в дизайні вашого сайту. Замість цього вдалим вибором стануть кобальтові та білий кольори, так як вони добре знайомі морським рибалкам. Якщо ж ваш бізнес пов’язаний зі збільшенням доходів підприємців, як у випадку з Quick Sprout, то зелений стане відмінним рішенням.

Купівельні візки в магазинах і цільові сторінки також не є винятками. Вони повинні повторювати колірну палітру вашого основного сайту, тим самим активізуючи «принцип близького знайомства».

Значення кольорів

У кожного кольору є свій характер. У той час як одні кольори пробуджують гарний настрій і надихають, інші, навпаки, викликають безпричинну тугу і валять в депресію.

Люди звикли прив’язувати до певних кольорів ті чи інші емоції, настрій і / або думки. Досвідчені веб-дизайнери знають абсолютно все про психологію кольору і розробляють сайти відповідно до цими знаннями.

Нижче ми розглянемо коротко значення основних кольорів.

Червоний

Червоний колір на Заході має декілька основних значень: заборона, любов і Різдво. Він часто використовується для формування відчуття терміновості або для передачі ідеї енергії.

Червоний також вселяє почуття голоду. Більшість мереж ресторанів швидкого харчування використовують в своєму логотипі саме червоний колір: McDonald’s, KFC, Chili’s, Applebee’s, і In-N-Out.

В ході різних тестів червоний колір неодноразово визнавався як найефективніший колір для кнопок «заклику до дії» на сайтах.

Жовтий

Жовтий колір – це свого роду пастка для очей, так як він досить рідко зустрічається в природі. Цей колір створює відчуття щастя і оптимізму, а також надихає на творчість.

Однак використовуючи жовтий колір, важливо не переборщити з ним. В іншому випадку є небезпека того, що ваш сайт стане виглядати занадто «гучним» і буде приносити абсолютно протилежні задуманим результати. Тому краще використовувати жовтий колір для кордонів, логотипів і кнопок, але не для фону.

Крім того, жовтий є відмінним контрастним кольором. Якщо ваша загальна колірна схема добре гармонує з жовтим, ви можете використовувати його для залучення уваги до певних елементів вашої сторінки.

Зелений

Перша думка у більшості водіїв при вигляді зеленого кольору одна: «Вперед!».

Крім цього, зелений колір передає собою ідею природи. У зв’язку з цим він стане хорошим вибором для сайтів, тематикою яких є активний відпочинок, як кемпінг або піший туризм.

Не варто забувати також, що зелений часто асоціюється з добробутом через колір американських купюр. Якщо ви просуваєте курси з продажу або маркетингу, то можете використовувати зелений колір для стимулювання думок про поліпшення свого фінансового стану у ваших відвідувачів.

Сайт VitaCost вдало використовував зелений колір для дизайну кнопок «заклику до дії»:

Синій

Синій є універсальним «корпоративним» кольором, і безумовно, займає чільне місце в багатьох бізнес-темах WordPress. І на це є своя причина.

Як уже згадувалося вище, синій передає відчуття довіри, чесності та безпеки. Фірми, які вибирають синій колір в якості основного для дизайну свого сайту, тим самим як би говорять своєї цільової аудиторії: «Ви можете довіряти нам».

Також синій може застосовуватися для вираження холодного або океанічного розташування. Якщо ваш продукт або послуга будь-яким чином пов’язані з подібною навколишнім середовищем, то розгляньте варіант використання синього кольору як основного для вашого дизайну.

Величезний плюс синього кольору полягає в тому, що, на відміну, наприклад, від жовтого, ви можете використовувати його в великих кількостях, особливо якщо виберете більш світлий відтінок синього.

Сайт Dr. Dental – відмінний приклад того, як задіюються різні відтінки синього на головній сторінці стоматологічної клініки:

Помаранчевий

Помаранчевий колір може транслювати різні повідомлення. Думки психологів на його рахунок розходяться. Одні кажуть, що він випромінює тепло і оптимізм, інші вважають, що помаранчевий вказує на застереження (згадайте про придорожніх знаках). Треті ж називають помаранчевий агресивним кольором.

Одне можна сказати напевно: безперечний король електронної комерції Amazon успішно використовує помаранчевий колір для кнопок «заклику до дії».

Фіолетовий

Фіолетовий колір був атрибутом королівської влади. У маркетингу він застосовується, щоб заспокоїти або втішити людей. Однак, як і у випадку з жовтим кольором, використовувати його слід в помірних кількостях.

Фіолетовий часто вибирають компанії, що займаються продажем антивікових продуктів. Хорошим прикладом тут служить сайт Meaningful Beauty. Зверніть увагу на те, як поєднуються різні відтінки фіолетового на сайті, а кнопка «заклику до дії» (суміш рожевого і фіолетового) гармонує не тільки з одягом моделі, але і з дизайном всього сайту в цілому.

Рожевий

Рожевий – улюблений колір багатьох молодих дівчат. Саме тому він досить часто вважається жіночим кольором.

Якщо основними відвідувачами вашого сайту є молоді жінки, зверніть увагу на цей колір.

Слід зазначити також, що більш темні відтінки рожевого можуть бути апелювати і до чоловічої частини аудиторії.

Дослідження, опубліковане в Journal of Orthomolecular Medicine, показало, що рожевий виробляє заспокійливий ефект. Згодом була висунута гіпотеза, що саме з цієї причини препарат від розладу шлунка Pepto-Bismol має рожевий колір.

Білий

У західній культурі білий колір символізує чистоту, якість і ясність. Ось чому він добре підходить до синього ( «цілісність») в корпоративній темі.

Білий колір практично завжди є найкращим вибором для фону сайту.

Чорний

Чорний є поєднанням всіх кольорів разом узятих і передає відчуття влади. Він часто використовується на ринку люксових товарів, а також для сайтів, присвячених технологіям або чоловічого фітнесу.

Дослідження: Червоний / Оранжевий vs. зелений

З метою вивчення впливу кольору на сприйняття було проведено кілька досліджень, порівняли ефективність червоною або помаранчевої кнопки «заклику до дії» із зеленою.

Dmix протестували 600 об’єктів з червоними і зеленими кнопками. На Лендінзі з червоною кнопкою коефіцієнт конверсії виявився вищим на 34%.

1: 0 на користь червоної кнопки

У другому дослідженні, проведеному HubSpot, трафік порівнювався за кілька днів і знову переможцем виявилася червона кнопка з рівнем конверсії, які перевищили інші варіанти на 21%.

2: 0 на користь оранжевої кнопки

У тесті, проведеному Visual Website Optimizer, порівнювалися три типи кнопок: біла кнопка з зеленим текстом, зелена кнопка з білим текстом і червона / помаранчева кнопка з білим текстом. Цього разу червона / помаранчева кнопка знову обійшла своїх конкурентів, однак збільшення конверсії склало лише 5%.

У підсумку, 3: 0 на користь червоної / помаранчевої кнопки

Чи випливає з цього, що червоний колір – найкращий вибір для збільшення конверсії?

Не обов’язково

Помаранчевий vs. синій

Monetate провів свій експеримент, порівнявши ефективність помаранчевої кнопки «заклику до дії» з синьою.

В ході класичного спліт-тестування компанія виявила, що синя кнопка перевершила результати своєї помаранчевої копії, хоча збільшення конверсії було не настільки велике – 9%.

То який же колір найкраще?

Не існує єдиного універсального рішення для всіх. Оптимальний колір для вашої кнопки «заклику до дії» залежить від контексту.

Так, в тесті Hubspot, згадуваному вище, червона кнопка помітно контрастувала з загальною колірною схемою сайту, в той час як зелена практично губилася на тлі схожого відтінку. Як ви думаєте, це могло якимось чином вплинути на більш високий показник конверсії у випадку з червоною кнопкою?

Зрозуміло

Ось чому HubSpot відразу ж вказав, що «результати даного дослідження можна віднести до всіх ситуацій. Максимум, чого ми можемо бути впевнені, це що вони справедливі для тих умов, в яких вони були виявлені: з цим дизайном сторінки, на цьому сайті і з тією аудиторією, яка переглянула його ».

Таким чином, для кожного конкретного сайту колірне рішення буде своє, однак намагайтеся при цьому дотримуватися наступного правила: колір кнопки повинен контрастувати з основною колірною схемою сайту, при цьому гармонируя з нею. Наприклад, якщо ваша колірна схема – блакитний і білий, можливо, хорошим вибором для кольору кнопки «заклику до дії» стане темно-синій. У той час як яскраво-червона кнопка буде занадто виділятися і може бути сприйнята як перешкода.

Спліт-тестування

Спліт-тестування допоможе вам визначитися з вибором найкращого колірного рішення. Оскільки в дизайні може використовуватися більше 2-х кольорів, вам, можливо, буде потрібно провести кілька ітерацій спліт-тестування.

Почніть з скорочення потенційно можливих кольорів для вашої кнопки «заклику до дії» до кількох варіантів, що відповідають темі вашого сайту або створюють достатній контраст.

Після цього можна починати проводити спліт-тестування, які нагадують собою груповий турнір. Виберіть переможця з перших двох тестів, а потім продовжите тестування з переможцем з іншої групи, і продовжуйте таким чином до тих пір, поки не буде визначено фіналіст.

Всі інші правила залишаються в силі

Навіть правильно вибраний колір сам по собі не врятує вас. Якщо ваш сайт і інформація на ньому не достатньо переконливі для відвідувачів, то зовсім не важливо, яку колірну схему ви оберете – ваша конверсія навряд чи зміниться.

Колір – це тільки частина вашої маркетингової стратегії. Пам’ятайте про це.

Підведемо підсумки

Кольори, які використовуються дизайнерами на веб-сторінках, впливають на показники конверсії. Спліт-тестування і знання основних значень кольорів допоможе створити вам такий дизайн, який переконає звичайних відвідувачів стати вашими клієнтами або навіть фанатами бренду.

Основні моменти, які завжди слід мати на увазі:

  • Фон не повинен залучати занадто багато уваги
  • Не варто використовувати кольори, які мають негативне значення в культурі цільової аудиторії
  • Елементи «заклику до дії» повинні бути помітними і розташовуватися вище «лінії згину»
  • Кількість відволікаючих елементів повинно бути зведене до мінімуму.
  • Високих вам конверсій!

Рейтинг ТОП 20 досок объявлений Украины в виде списка

Доски объявлений помогают продвижению Вашего товара. И это совершенно БЕСПЛАТНО! Просто разместите Ваше предложение на досках объявлений Украины из списка ТОП 20 Читать/смотреть далее

Черный Лендинг Пейдж — сочетание консерватизма и минимализма

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

Читать/смотреть далее

Миллионы украинцев выбирают создание Лендинг Пейдж

Какой сайт создать для того, чтобы быстро конвертировать посетителей в клиентов? Предприниматели Украины знают ответ на этот вопрос – ну, конечно же Лендинг Пейдж. Вот почему услуга создания лендинга в Украине пользуется такой популярностью Читать/смотреть далее

Как правильно составить техническое задание на создание Лендинга в Украине?

Часто возникают трудности и заказчик не знает, как правильно составить техническое задание на разработку Лендинга в Украине

Читать/смотреть далее