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

Бізнес в інтернеті — річ непередбачувана, але можемо точно сказати — 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, плагінів електронної комерції, щоб автоматизувати всі основні процеси схоже на прийом замовлення, оплати. Для корпоративного сайту важливо велику кількість сторінок, між якими зручно переходити, і єдиний стиль оформлення. Для сайтів-портфоліо і сайтів-візиток грає роль наявність віджетів на зразок прогрес-бару, простих анімацій, стилю оформлення галереї, кнопок із закликом до дії.