12 лучших примеров страниц с ценами, которые вдохновят вас на собственный дизайн

Ваша страница с ценами — это отличная возможность взять под контроль обсуждение цены и сделать покупку еще проще.

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

Как выглядит отличная страница с ценами? Чтобы вдохновить вас, мы разбираем обязательные элементы хорошей страницы с ценами и делимся лучшими примерами дизайна страницы с ценами. Проверьте их ниже.

Что делает страницу с ценами отличной?

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

Давайте взглянем на обязательные функции высокоэффективной страницы с ценами.

Удобный макет

Пользователям легко ориентироваться на страницах с лучшими ценами. Это не означает, что вам нужно проектировать свою страницу с ценами так же, как и целевую страницу, которая часто урезается с целью получения отправки формы.

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

Не забудьте разместить важную информацию в верхней части страницы, например ценностное предложение и по крайней мере одну кнопку призыва к действию.

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

Простой язык

Страница с ценами может быть хорошим местом для знакомства с жаргоном, особенно если ваш целевой клиент является продвинутым профессионалом в своей области. Но по крайней мере для одного пакета подумайте о том, чтобы информация была доступной и свободной от профессионального жаргона, чтобы кто-то, кто не является экспертом в этой области, мог сказать, какой пакет лучше всего подойдет для его команды.

Вы также можете играть с этим правилом в зависимости от пакета. Например, на странице с ценами HubSpot стартовый пакет для Marketing Hub использует чрезвычайно простой язык. «Формы», «маркетинг по электронной почте» и «живой чат» легко понять. Немаркетологи сразу узнают, что они получат от стартовой подписки.

Однако с профессиональным пакетом дело обстоит иначе. «Инструменты и автоматизация ABM», «A/B-тестирование» и «автоматизация многоканального маркетинга» — узкоспециализированные термины, понятные только самым опытным маркетологам.

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

Кристально чистая цена

Лучшие страницы с ценами имеют четкие пакеты, которые подходят для самых разных размеров компаний и бюджетов. Или, если вы обслуживаете в основном корпоративные фирмы, вы ясно даете понять, что обслуживаете только этот сегмент. Например, вместо включения цены вы можете включить кнопку «Поговорить с отделом продаж», чтобы корпоративные покупатели могли получить предложение.

Рассмотрите возможность включения как месячной, так и годовой подписки, особенно если вы продаете продукт SaaS. Если вы хотите привлечь клиентов за границей, дайте пользователям возможность видеть цены и в местной валюте. Эти небольшие изменения обеспечат отсутствие барьеров для конверсии. Не забудьте провести A/B-тестирование ценообразования, чтобы выяснить, что лучше всего подходит для ваших клиентов.

Готовы взглянуть на некоторые из лучших страниц с ценами в Интернете? Мы выбрали лучшие из них ниже.

Примеры страниц с ценами

1. ХабСпот

Платформа HubSpot CRM состоит из пяти продуктов: Marketing Hub, Sales Hub, Service Hub, CMS Hub и Operations Hub. Однако страница с ценами проста, предлагая каждый из них по отдельности, давая пользователям возможность выбрать тот, который больше всего соответствует их потребностям. Если пользователи заинтересованы в пакете, они могут переключить вкладку вверху, чтобы узнать цену пакета.

Обратите внимание и на различия в кнопках призыва к действию. Каждый может сразу же приступить к работе с подпиской Starter с помощью кнопки самообслуживания «Купить сейчас». Но если вы заинтересованы в более продвинутом пакете, страница вместо этого предлагает пользователям «Поговорить с отделом продаж».

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

2. Коробка

Страница с ценами Box информативна, интуитивно понятна и действенна — начиная с заголовка в верхней части страницы, который предлагает пользователям «выбрать лучший план» для своего бизнеса. Одна вещь, которую они сделали действительно хорошо, — это позволить пользователям выбирать своего покупателя, предлагая вверху две кнопки призыва к действию: «Отдельные лица и команды» и «Бизнес-планы». Это делает пользовательский опыт намного проще. В конце концов, если вы подумываете о покупке Box для своего бизнеса, вам действительно не нужно просматривать персональные тарифные планы (и наоборот).

Еще одна вещь, которую они делают хорошо, — это выделение наиболее экономичного варианта на странице — не только путем пометки его как «Самый популярный», но и путем создания всплывающего окна. Это отличный способ увеличить число переходов по этому пакету.

3. Зендеск

Первое, что вы видите, когда попадаете на страницу с ценами Zendesk, — это текст заголовка: «Все, что вам нужно для лучшего в своем классе обслуживания». Страницы с ценами иногда могут вызывать у пользователей чувство дискомфорта, и такие обнадеживающие тексты укрепляют доверие между бизнесом и его потенциальными клиентами.

Нам нравится, что страница с ценами разделена на несколько разделов: «Планы для всех», «Планы для предприятий» и «Часто задаваемые вопросы, ответы». Предоставление такой информации на странице с ценами действительно полезно для ваших пользователей, но может быть сложно сделать это таким образом, чтобы не смущать людей и не создавать беспорядка на веб-странице. Разделение информации на четко обозначенные вкладки и разделы — отличный способ сделать информацию управляемой для ваших пользователей.

Наконец, если вы немного прокрутите вниз страницу с ценами Zendesk, вы можете найти подсказку для сравнения планов. Нам нравится, как они показывают полный список функций и что вы получаете с каждым планом — и все это без того, чтобы пользователь уходил со страницы. Такая прозрачность помогает вашим продавцам продавать правильный продукт нужным клиентам, что в конечном итоге помогает удовлетворить клиентов в долгосрочной перспективе и снизить отток клиентов.

4. Обнаружить

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

Кроме того, мы обожаем простые призывы к действию. Обе кнопки предлагают пользователю начать бесплатную пробную версию, что позволяет посетителям понять, что им нужно делать.

5. Вистия

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

Они также используют язык, который позволяет посетителям легко найти тарифный план, соответствующий их потребностям. Под каждым вариантом они предоставляют краткое описание идеального клиента для этого варианта. Например, версия Pro предназначена для компаний, инвестирующих в маркетинг с помощью видео и подкастов.

Наконец, нам нравится, что количество видео, которые вы можете создать, включено в сравнение функций. Почему? Потому что в нем четко указана стоимость каждой подписки; нет никаких предположений. Wistia успешно говорит на языке своих клиентов.

6. Каспер

Благодаря минимальному количеству текста и эффективному использованию пустого пространства (т. е. пустого пространства вокруг объектов в дизайне) эта страница хорошо оформлена и проста для понимания. Но что нам действительно нравится на этой странице, так это их хорошо сформулированная политика возврата средств: «После того, как вы купите матрас онлайн, мы отправим его бесплатно. Если вы не влюблены, у нас есть пробная версия на 100 ночей. Мы заберем его и полностью вернем вам деньги по истечении 30-дневного периода корректировки. “

Тот факт, что компания приедет к недовольному покупателю на дом и бесплатно заберет матрас, а также полностью вернет деньги, является отличным свидетельством их приверженности обслуживанию клиентов. Это служит способом завоевать доверие потенциальных клиентов еще до того, как они купят, и, несомненно, поможет создать сторонников в будущем.

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

7. Квадратное пространство

Как и Zendesk, Squarespace использует сильный заголовок: «Настройте свой сайт, выберите план позже». Сразу же они заверяют пользователей, что им не нужно платить только за то, чтобы попробовать; посетители могут сразу попробовать платформу, нажав кнопку «Начать».

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

8. Билетный прыжок

Вот еще один вариант заголовка от Ticketleap, который сразу привлекает внимание пользователей. Когда вы попадаете на их страницу с ценами, первое, что вы видите, это слова «Простое, понятное ценообразование». Эта формулировка направлена ​​на то, чтобы пользователи почувствовали, что Tickleap на их стороне — они не будут тайно получать дополнительную плату после регистрации на платформе.

Позже на странице пользователи могут рассчитать, сколько они заплатят за Ticketleap, и получить простую цену, которую им обещали в верхней части страницы.

9. Слабость

Страница с ценами Slack — еще один пример отличного дизайна страницы. Варианты ценообразования находятся в простой, удобной для просмотра таблице, которая приятна для глаз, а сравнение их функций легко просмотреть. Обратите внимание, что подписка Enterprise Grid предлагает пользователям «Связаться с отделом продаж». Это отличный способ побудить клиентов высокого уровня нанять менеджера по работе с клиентами и разработать индивидуальное решение.

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

10. БомбаБомба

Ребята из BombBomb использовали другой подход, чем большинство. Самое первое, что вы видите, когда попадаете на их страницу с ценами, — это большой заголовок с надписью «Найдите план обмена видеосообщениями, который подходит именно вам», а также простую трехколоночную диаграмму доступных пакетов. Только при прокрутке вниз вы видите отдельные функции для каждой подписки.

Это отличный пример того, как компания разрабатывает свою страницу с ценами на основе конкретных целей. Если ваша цель состоит в том, чтобы сохранить простоту и увеличить количество регистраций, это один из способов помочь вашему делу. Обратите также внимание на обнадеживающий текст подзаголовка: «Присоединяйтесь к более чем 50 000 бизнес-профессионалов, которые используют видеосообщения BombBomb, чтобы перечеловечить свое общение». Из этого вы знаете, что другие тоже выиграли от использования этого продукта.

11. Пейджвамп

Элементы доверия — отличное дополнение к любой странице с ценами. Pagevamp понял это и разместил свою политику пробной версии прямо в начале страницы, в которой говорится, что «Каждый план начинается с 14-дневной бесплатной пробной версии». Подобная копия может побудить пользователя взглянуть на ценовые пакеты и подумать про себя: « Эй, если мне не нравится продукт, мне не нужно совершать .

Хотя никто не хочет, чтобы их клиенты уходили, вы увеличиваете ценность своего продукта, предоставляя бесплатную пробную версию. Если вы заставляете клиентов подписывать годовой контракт без пробного периода, вы, по сути, говорите: «Я знаю, что вы захотите уйти, поэтому я запираю вас на год». Это плохая политика, которая может принести краткосрочный доход, но создать недовольных клиентов и плохую молву в будущем.

12. Аккиа

Чем проще страница с ценами для вашего бизнеса, тем лучший пользовательский опыт вы предложите, но это тем сложнее, чем сложнее ваш продукт и модель ценообразования. Acquia — одна из таких компаний, но в этом примере они отлично справляются со своей задачей. Когда вы попадаете на страницу, вы не видите цену продукта. Вместо этого вы получаете информацию о выборе подходящего для вас варианта самообслуживания.

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

Прокручивая вниз, вы можете увидеть цены в зависимости от региона, в котором вы находитесь. Для каждого из них вы получаете два варианта: вариант самообслуживания «Личный» или вариант самообслуживания «Малый». Корпоративные предприятия также имеют возможность связаться с отделом продаж. Это упрощает выбор пакета в зависимости от вашего опыта и личности покупателя; опять же, не нужно гадать.

Правильный дизайн ценовой страницы повысит конверсию

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

Примечание редактора. Этот пост был первоначально опубликован в декабре 2015 года и обновлен для большей полноты.