Як збудувати якісний сайт, що генерує клієнтів?

Роман Свистун

2020-04-20

Пошук потенційних клієнтів - це основний виклик для більшості компаній.

В світі приблизно 1,8 мільярдів сайтів. Генерація лідів в інтернеті стає щоразу важча та дорожча - чи то купівля кліків, чи СММ. Дуже важливо, щоб сайт працював бездоганно, щоб була добра навігація для різних пристроїв. Не забудьте привітати відвідувача та показати шлях до потрібних сервісів, та, найголовніше, до пунктів закликів до дії (call-to-action чи CTA) - онлай форми, телефони, замовлення.

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

Ставте клієнта на перше місце

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

Визначте хто ваш потенційний клієнт (лід)

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

Використовуйте адаптивний дизайн

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

Телефонний номер, фізична адреса або хоча би локація

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

Проте з часом може ускладнюватися інтерфейс і з’являтися дублюючі функції. Слідкуйте за ясністю інтерфейсу

Заклик до дії (CTA), форма на кожній сторінці

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

Кнопка має бути контрастною, виділятися по відношенню до решти сторінки. Різниця має бути помітною. Намагайтесь використовувати кнопки з поясненнями про вигоду, або ж розміщуйте повідомлення про вигоду поруч кнопки. Швидше за все реакція на кнопки “Отримати знижку” і “Підписатися” буде різною.

Посил треба повторювати у випадку довгих сторінок.

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

Встановлюйте терміни на виконання дії

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

Використовуйте тактику дефіциту

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

Використовуйте закриті питання на противагу відкритим

Легше щось впізнати ніж згадати

Уникайте відкладених помилок

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

Відгуки, бажано з фото

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

Відео про продукт чи послугу

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

Сертифікати, ліцензії, документи

Але лише ті, що реально вирізняють вас

Сильні, емоційні слова

Використовуйте заклики до дії, робіть правдиві обіцянки.

Продавайте вигоди, а не функції

Використовуйте живу розмовну мову

Замість сухої та формальної.

Пробуйте продавати уникнення втрат, а не здобування вигод

Часто люди бояться щось втратити, ніж прагнуть щось набути.

Уникнення стандартних шаблонів

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

Не ховайте важливі речі в контекстні меню

Хай важливе буде на видноті

Використовуйте одноколонковий дизайн

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

Великі зони для кліку

Легше клацати. Вони можуть виходити за межі кнопки чи лінку.

Прагніть до візуальної ясності

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

Групуйте споріднені речі

Не розкидуйте елементи що разом використовуються, використовуйте логіку. Підвищуйте юзабіліті.

Використання вільного простору

Щоб краще показувати справжні та потрібні месиджі, не потрібно заповнювати все вільне місце ще і ще. Проте слідкуйте, щоб не було занадто великих проміжків між шматками інформації, щоб не було відчуття ща це вже кінець і відвідувач пропустив потрібне, в основному це стосується відображення сайту на різних пристроях. Також пробуйте ширші поля. Коли елементи відокремленні, вони сприймаються більш самостійно і не перетворюються в “кашу”. Це підвищує читабельність. Це добре для списків, таблиць, параграфів, наборів елементів.

Розсилка

Демо чи якась цукерка

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

Розумне автозаповнення

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

Будьте послідовними

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

Спробуйте не суперечити звичаям

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

Блоґ

Онлайт-чат

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

Форум підтримки

Швидкість дуже важлива

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

Використовуйте цільові мікро-сторінки

Використовуйте клавіатурні скорочення

Для прикладу J і K для наступних та попередніх сторінок за прикладом Google та Twitter

Перебільшуйте виконання

Мотивація в нас зростає, коли ми близько до кінця.

Поступово відкривайте інформацію

Не перевантажуйте валом всього на одному екрані.

Просіть про невелику послугу на початку

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

Використовуйте ненав’язливі підказки

Уникайте модальних вікон з підказками. Щоб не відволікати дорогоцінну увагу на не головну мету.

Підписуйте іконки

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

Повторно заспокоюйте

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

Показуйте ціну у вигдному світлі

Щонайменше використовуйте слова “всього”, “лише”, “доступна ціна”. Напишіть 1 долар в день замість 30 доларів на місяць. Ілюзія з дев’ятками теж добрий варіант, замісь круглих чисел. Також $49 краще ніж $49.00.

Дякуйте

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

Представляйте дані в зручному для користувача вигляді

Не потрібно заставляти відвідувачів щось рахувати. Наприклад замість того, щоб написати коли клієнт передплатив річну підписку, напишіть скільки днів залишилося до кінця дії сервісу. Найбільш поширений приклад людяного відображення - зміну зроблено 5 хвилин тому, замість 12:09 20/04/2020.

Підкреслюйте свободу вибору, яка є у відвідувача

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

Використовуйте мінливі винагороди

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

Всюди використовуйте елементи для захоплення уваги

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

Використовуйте колекціонування

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

Встановлюйте очікування

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

Використовуйте гумор

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

Спрощуйте порівняння

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

Рекомендуйте та обмежуйте вибір

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

Забезпечуйте зворотній зв’язок

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

Будьте самі собою

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

Спробуйте прогресивне пом'якшення

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

Пояснюйте навіть очевидне з вашої точки зору

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

Будьте лаконічними

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

Дозволяйте виправлення помилок чи внесення корекцій

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

Використовуйте сегментацію відвідувачів

Показуйте більш відповідний вміст в залежності від користувача. Чи прийшов він з соціальної мережі чи з пошукового сервера? З якої він країни? Також використовуйте надану раніше інформацію самими відвідувачами для сегментації.

Використовуйте ненав’язливі поп-апи

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

Тестування

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

logo-planet Made in Svit