Прейскурант є неймовірно важливим аспектом для вашого бізнесу. Зовнішній вигляд, функціональність, ефективність - всі ці параметри впливають на думку відвідувача і багато в чому саме від них залежить, чи відвідувач стане вашим клієнтом.
Коли ми говоримо про якісний прейскурант, ми не маємо на увазі, що туди необхідно втиснути якнайбільше елементів будь-якого розміру з описом та безліччю зображень. Йдеться про те, що всі елементи повинні гармонійно виглядати та відповідати дизайну сайту.
Дивіться також:
- Go Pricing - плагін WordPress для крутих та адаптивних прайс-таблиць
- Easy Pricing Tables - найпростіший спосіб створення прайс-таблиць на WordPress
- Як додати список цін у WordPress за допомогою безкоштовного плагіна Pricing Table
- Як додати таблицю порівняння цін та послуг з адаптивною версткою на WordPress-сайті
- Кращі плагіни WordPress для вставки таблиць та графіків
У нашій сьогоднішній статті ми хочемо представити кілька прикладів, які мають наочно показати, як вигідно та ефектно уявити свій продукт чи сервіс, їх характеристику та ціну.
Читайте далі, отримуйте дозу мотивації та натхнення, та створюйте свій ідеальний дизайн цінової таблиці.
1.Dropbox
Сторінка планів Dropbox, безумовно, одна із найпростіших представлених тут конструкцій. Все дуже конкретно, лаконічно, для привернення уваги застосовуються особливі зображення, які описують пакети.
Прейскурант гармонійно поєднується із тлом, добре виглядає на сторінці. Поділ пропозицій для груп або окремих осіб у вигляді звичайної лінії зверху – дуже цікаве рішення у мінімалістичному стилі.
2.Wufoo
Наступний приклад – плани та цінова таблиця Wufoo, які використовують яскравий барвистий макет.
Інтерфейс інтуїтивно зрозумілий, для переходу від місячних до річних планів потрібно лише натиснути на кнопку слайдера.
Кнопки call-to-action розташовані вгорі та внизу, що є додатковим заохоченням для відвідувачів. Замість того, щоб згадувати одні й ті ж функції по кілька разів, Wufoo перераховує всі можливості в найпопулярнішому пакеті Bonafide, а в інших відзначає наявність зеленої "галочкою".
3.Freshdesk
Прейскурант FreshDesk — один із найсвіжіших та найцікавіших варіантів, який ми бачили останнім часом. Дизайнери дуже креативно підійшли до оформлення та опису планів.
Найпопулярніший план виділяється невеликою GIF-кою з повітряною кулею, що ширяє. Вона відразу ж привертає увагу, оскільки є єдиним анімованим елементом на сторінці.
Скрізь домінує зелений колір, все забрендовано належним чином. Зусилля компанії спрямовані на підвищення їхнього коефіцієнта конверсії.
4.Плюгматтер
Plugmatter для прейскурантів своїх плагінів вирішили використати елегантний, класичний дизайн. Всі таблиці цін використовують matrix-макет, де функції знаходяться ліворуч, а їх наявність та деталі праворуч.
Колірна схема збігається із темою сайту. Рекомендований варіант виглядає трохи контрастніше, з яскравішими відтінками білого та червоного кольорів. Таке рішення привертає увагу відвідувачів.
Компанія представила такий самий шаблон в одному зі своїх плагінів для створення прейскурантіві варто відзначити, що він користується великою популярністю.
5.Pulse
Дизайн прейскуранта Pulse дуже простий та лаконічний. Поєднання маленького розміру тексту та просторого макета створює відчуття легкості. Велика кнопка для передплати мотивує відвідувачів на дію.
Головний пакет знаходиться в центрі, виділяється за допомогою контрастніших кольорів. До нього також прикріплено тег із написом "Great Value", що додатково мотивує відвідувачів підписатися на нього.
6.MailChimp
Одним із наших найулюбленіших варіантів є порівняльна таблиця цін у Mailchimp. У неї строгий дизайн і вона чудово спілкується з відвідувачами, надаючи всю необхідну інформацію.
Є спеціальна функція, в якій тег "Recommended" переходить від одного плану до іншого, залежно від потрібної кількості передплатників. Слайдер над таблицею робить цей процес не тільки інтуїтивно зрозумілим, а й корисним для відвідувачів, щоб знати, що саме їм потрібно вибрати.
Розробники не відразу вказують ціну, надаючи лише важливу інформацію про пакети.
7.ZenDesk
Zendesk виділяється на загальному тлі, пропонуючи безкоштовну пробну версію всіх своїх пакетів.
Шанс, що ваш відвідувач стане клієнтом, набагато збільшується, якщо він зможе побачити ефективність вашого продукту/послуги у дії.
Маючи це на увазі, кнопки Try виділені яскравим оранжевим кольором. Це розумний спосіб конвертувати відвідувачів якщо і не в клієнтів відразу, то принаймні в передплатників.
Рекомендований план не лише виділений у самій таблиці, а й пропонує повноцінний професійний план у пробній версії, на що вказує відповідний тег.
8.Litmus
Litmus під час створення своєї таблиці цін експериментували з великими кольоровими блоками. І вийшло дуже цікаво.
CTA розміщені над та під таблицею, але вони не однакові.
Вгорі розташована звичайна кнопка, а внизу - це пропозиція заощадити певну суму на кожному плані, набуваючи річну передплату. Це дуже мудрий хід, який безвідмовно працює здебільшого.
9.Бобове стебло
BeanStalk має одну з найпростіших конструкцій для прейскуранта. Тут дуже правильна, чітка структура: плани різних цільових аудиторій розташовані на різних картках, з різними кольорами.
Більш дорогі плани для бізнесу та підприємств знаходяться на картках з 3D дизайном, у той час як плани для фрілансерів та стартапів розташовані на звичайній картці з плоским дизайном.
Імена Bronze, Platinum і т.д. можливо, і не розкривають всі можливості та функції відповідних пакетів, але чітко демонструють їх відмінності.
10.Readymag
Таблиця порівняння цін у Readymag – ще один приклад дуже простого та лаконічного дизайну. Використовуються лише два основних кольори: білий та темно-синій, які відмінно поєднуються з небесно-блакитним тлом.
Немає жодних зайвих елементів, все чітко та ясно. Зверніть увагу, що знак долара менший у порівнянні з ціною. Такий трюк трохи зменшує хвилювання покупців, і їм не так страшно розлучатися зі своїми грошима.
Річний варіант чітко демонструє, скільки покупець зможе заощадити завдяки ньому. Підказки поруч із деякими функціями в плані Super Publisher допоможуть відвідувачам зрозуміти, що саме вони роблять і як працюють.
11.Crazyegg
При створенні своєї цінової таблиці Crazyegg ухвалили багато вірних рішень. Для виділення пакета, що рекомендується, розробники вибрали колір, який викликає довіру — синій. Кнопки CTA вирішили зробити зеленого кольору – колір натхнення.
Зазвичай, якщо властивості розрізняються лише за величиною, ця змінна виділяється жирним шрифтом. Наприклад, як у таблиці цін у BeanStalk - у пакеті Bronze "3GB storage capacity".
Crazyegg виділяє ці змінні набагато більшим шрифтом, щоб зробити їх очевиднішими і зрозумілішими для своїх відвідувачів.
12.Heroku
Heroku для свого прейскуранта використовують практично монохромний дизайн у фіолетовій гамі. Єдиний виняток – блакитний акцент для виділення плану Professional.
Ціни вказані в кнопці CTA, а не десь над нею, тому відвідувачі можуть робити свій вибір, ґрунтуючись на функціях пакета, а не його вартості.
Список функцій плану максимально скорочено завдяки використанню інших пакетів у описі. Так, у плані All Free Features опис починається із фрази, що сюди включені всі можливості плану Free.
13.Freshbooks
Коли дивишся на прейскурант Freshbooks, то здається, що це звичайний текст без рамки. Проте все досить структуровано та стильно.
Це працює, оскільки більшість планів відрізняються лише кількістю клієнтів та ціною.
Пакет, що рекомендується, відзначений тегом “Most Popular”. Знак долара, знову ж таки, значно менший за розмір ціни, що трохи зменшує можливі неприємні відчуття при оплаті.
14. SlideDeck
Усі пакети у таблиці порівняння цін Slidedeck виглядають однаково. Пакет, що рекомендується, трохи темніший, але в іншому плани, принаймні, візуально ніяк не відрізняються.
Чому це працює?
Для такого розширення як Slidedeck, наявність кожної функції може бути обов'язковою умовою для кожного користувача. Необхідний повний набір налаштувань та можливостей. Тому відмінність пакетів йде лише у кількості.
Простий, спокійний дизайн також відіграє не останню роль. Темно-сірий фон для текстових об'єктів та "галочок" відмінно поєднується з яскравими CTA кнопками.
15.YepText
Для обробки дизайну цінової таблиці YepText навряд чи знадобиться ціла хвилина. Все дуже просто і, найголовніше, зрозуміло. Уся важлива інформація вже там.
Імена пакетів є описовими, допомагаючи відвідувачам вибрати найбільш вдалий для них варіант.
16.Великий Картель
Ця креативна таблиця є прейскурантом компанії Big Cartel.
Зображення виступають практично фоновим зображенням розділу певного пакета. Вони демонструють, кому цей план підійде найкраще. Все організовано у порядку зростання функцій та можливостей.
Таблиця демонструє всі основні функції спливаючого вікна.
Джерело: wplift.com
Коментарі до запису: 0