Оформлення сервісних сторінок на сайті

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

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

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

К сервісним належать такі розділи сайту:

• Про компанію;
• Оплата і доставка;
• Гарантійні умови і повернення;
• Партнерам, оптовикам, співпраця;
• Відгуки про компанію;
• Контакти.

1. Сторінка «Про нас»

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

В результаті ми отримуємо таку картину:

Приклад 1

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

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

Приклад 2

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

Багато хто може сказати: «Та хто читає всі ці тексти? Кому це потрібно? Головне, щоб сайт був зручним, ціни хороші і асортимент широкий!».

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

Приклад 3

Приклад хорошої сторінки — http://mirinstrumenta.ua/page/o-nas.html

Інформація представлена наочно і зрозуміло. Все по суті.

По цій же лінії можна переглянути сертифікати та фото офлайн-магазинів:

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

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

Приклад 4

Цікавий спосіб реалізації сторінки за допомогою інфографіки:

Інтернет-магазин f.ua

Приклад 5

Ще один варіант вкладки «Про компанію», оформлений інфографікою.

Також наведу кілька посилань, де можна детальніше прочитати про способи правильного оформлення сторінки «Про компанію»:

• https://watcherr.wordpress.com/2011/01/13/guidelines-for-writing-a-good-about-page/
• http://netpeak.net/ru/blog/about_us/

1.1 Додаткова інформація

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

Наприклад, магазин veliki.com.ua

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

Тому вони проявили креативність і створили окрему сторінку для подолання сумнівів потенційних покупців:

http://veliki.com.ua/dir_velikicomuathebest.htm

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

2. Сторінка «Оплата і доставка»

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

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

Приклад 2.1

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

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

Приклад 2.2

Приклад добре поданої інформації по доставці:

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

3. Сторінка «Гарантії та повернення»

Ця сторінка є обов’язковою для будь-якого інтернет-магазину, тому її потрібно оформити максимально інформативно та доступно.

Як не треба робити:

По-перше, сам текст написаний непрофесійно:

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

По суті, це виглядає так:

«Ми дуже класний магазин, ОТЖЕ! ми не продаємо дурниці»

Такі тексти не можуть підвищити довіру до магазину.

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

А тут я рекомендую виводити тільки точну суттєву інформацію.

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

Приклад 3.1

Добрий приклад — все по суті, коротко та зрозуміло.

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

Приклад 3.2

Приклад 3.3

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

Ще один хороший варіант:

Приклад 3.4

Якщо ви продаєте продукцію різних виробників, буде не зайвим вказати інформацію про офіційні сервісні центри:

3.1 Сертифікати

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

Приклад 3.1.1

Приклад 3.1.2

4. Сторінка «Відгуки»

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

Як не треба робити:

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

Я рекомендую оформити відображення відгуків у більш виразному і читабельному вигляді.

Приклад 4.1

По-друге, необхідно попрацювати над достовірністю. Якщо ви представлені на Яндекс.Маркеті, можна підключити відгуки звідти.

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

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

Приклад 4.2

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

Приклад 4.3

5. Сторінка «Питання-відповіді»

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

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

Приклад 5.1

Ще хороший приклад сторінки – http://www.mobilluck.com.ua/faq.php#id2

Приклад 5.2

Можна вивести посилання, що ведуть на певні типи питань:

6. Сторінка «Партнерам»

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

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

Покажіть на цій сторінці майбутнім партнерам всю серйозність ваших намірів!

Так робити НЕ треба:

Приклад 6.1

Різноманітність акцентів (різні шрифти, виділення червоним і синім кольором, жирним, підкресленням) не дозволяє зосередитися на справді важливій інформації.

Ось це вже краще:

Приклад 6.2

Ну а це взагалі добре — http://intertool.ua/cooperation/

Приклад 6.3

7. Контакти

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

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

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

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

Поганий варіант:

Приклад 7.1

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

Добрий варіант:

Приклад 7.2

Корисно буде додати галерею, що відображає дизайнерську концепцію магазину:

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

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

Приклад 7.3

Або так:

Приклад 7.4

Висновок

Сподіваюся, викладені рекомендації та приклади були корисними для вас. Буду радий, якщо поділитеся в коментарях своїми думками та ідеями щодо покращення сервісних сторінок на сайті.