В течение последних пяти лет IMPACT создавала веб-сайты для множества замечательных клиентов. Со временем мы увидели появление множества платформ и пытаемся доказать их универсальность и огромные возможности.
Однако, независимо от того, кто приходил и уходил, платформа веб-сайтов HubSpot всегда побеждала, предлагая простую в использовании структуру, SEO-оптимизацию, поддержку мобильных устройств, персонализацию контента и многое другое.
HubSpot также продолжает тратить много времени и ресурсов на улучшение и развитие своей платформы. В 2014 году компания объявила о переходе от системы управления контентом (CMS) к системе оптимизации контента HubSpot (COS), в которой они представили страницы веб-сайтов, целевые страницы, формы блогов, электронную почту и аналитику.
К концу 2015 года HubSpot снова перенес терминологию на платформу веб-сайтов и интегрировал более настоящий редактор шаблонов WYSIWYG («Что видишь, то и получаешь»), чтобы улучшить взаимодействие с пользователями.
После всех этих обновлений агентства и клиенты продолжают расширять возможности платформы и создавать замечательные сайты, которые отличаются от традиционных шаблонов, которые мы постоянно видим сегодня.
Чтобы понять истинный потенциал платформы, посетите эти пять фантастических веб-сайтов, созданных на платформе веб-сайтов HubSpot, и узнайте, что выделяет их среди других.
1. КатаПуш
Сегодняшние пользователи в восторге от интерактивных элементов и анимации, которые оживляют устаревшие и застойные веб-сайты.
Catapush - единственная компания, которой удалось добиться такого эффекта в различных областях своего сайта. На домашней странице компании есть анимация над сгибом, а еще несколько находятся в разделе «Почему лучше?»
Анимация помогает объяснить функциональность продукта в увлекательной форме, на которую пользователи захотят остановиться и посмотреть
Остальная часть сайта содержит различные значки и графику с содержанием, объясняющим варианты использования продукта и его возможности.
Графика и крупные шрифты делают чтение о продукте значительно более приятным, и у пользователей по-прежнему есть возможность углубиться в любые функции, щелкнув призывы к действию, если они доступны.
Добавление дополнительной навигации на эти страницы - отличный способ исключить возможность создания очень громоздких меню из глобальной навигации. Он стратегически разделяет контент, чтобы пользователи могли легко перейти именно к тому, что они ищут.
Я также большой поклонник их страницы регистрации на бесплатную бета-версию. Вместо того, чтобы размещать дополнительную информацию на целевой странице, команда предоставила возможность веб-сайту говорить за себя и создала простой макет, в котором есть только форма и скудное содержание.
2. Грейфер
Grapple, один из клиентов IMPACT (и лауреат премии HubSpot Impact Award 2015 за лучший дизайн веб-сайта), претерпел значительные изменения на своем сайте. Когда сайт изначально разрабатывался, целью было предоставить представление о программном обеспечении Grapple и привлечь потенциальных клиентов от регистрации новых пользователей.
Чтобы облегчить это, главный герой на главной странице веб-сайта разместил большое изображение, демонстрирующее продукт, и призыв к действию, позволяющий посетителям подписаться на него.
Далее на странице были разделы, в которых освещались различные аспекты продукта. Эти описания сопровождались изображениями слева, показывающими примеры каждого.
С тех пор, в рамках проекта, ориентированного на рост, Grapple претерпела дальнейшие изменения, чтобы оптимизировать его для своих пользователей. Например, мы переместили форму регистрации в главное меню, разместив слайдер, показывающий компании, использующие их программное обеспечение.
Большие разделы, посвященные продукту, также были сжаты в один раздел, описывающий каждую из функций программного обеспечения.
Эти изменения в конечном итоге помогают сократить домашнюю страницу и сократить объем контента, чтобы он был более удобочитаемым, особенно для посетителей, впервые посещающих.
3. Альтус Финансовый
Слишком часто мы встречаемся с традиционным образом героя и его ценностным предложением. Altus Financial добавила оригинальности своему сайту, включив видео в главный раздел, чтобы люди могли сразу получить реалистичное представление о компании.
На главной странице также большое внимание уделяется клиентам Altus, их целям и отзывам нынешних клиентов. Это укрепляет доверие и повышает авторитет сайта, побуждая пользователей взаимодействовать с ним или узнавать больше о достижениях других клиентов.
Сайт также хорошо организует информацию на внутренних страницах, посвященных управлению финансовыми целями. Каждый внутренний элемент содержит небольшой фрагмент контента, который должен найти отклик у пользователя. Списки справа от них отображают услуги, предлагаемые каждым элементом, а также раскрывающиеся списки с описанием каждой из них.
Даже блог компании был оптимизирован: в главном герое отображается самая последняя статья, а ниже отображаются более поздние статьи. Там также есть отрывок из статьи и соответствующие теги, чтобы пользователи быстрее поняли, что они будут читать
4. Логическое оригами
Origami Logic - маркетинговая компания, которая стремится быстро предоставить маркетологам данные, необходимые для принятия более обоснованных решений.
Как и большинство веб-сайтов, на которые переходят, их глобальная навигация содержит наиболее важные элементы спереди и по центру, а менее популярные элементы спрятаны в меню-гамбургере.
Это освобождает место в глобальной навигации, но при этом позволяет пользователям переходить на другие внутренние страницы, расположенные в гамбургер-меню.
Вверху у Origami есть ценная функция с двумя разными ползунками; один отображает компании, с которыми он работал, а также текущие новости.
При прокрутке вниз синий фон меняется на оранжевый, и вы знакомитесь с текстом, который продолжает меняться, рассказывая пользователям историю. Это помогает удерживать внимание пользователей на контенте и заставляет их читать то, что в противном случае они могли бы пропустить.
Страницы продуктов и решений построены по схожему шаблону: страницы имеют дополнительную навигацию, которая прокручивается к определенным областям страницы. Это приятно, если у вас есть разделы с приличной длиной контента, из-за чего страница может стать длинной и неудобной для прокрутки.
5. Бизибл
Социальное доказательство - всегда отличный способ дать пользователям чувство доверия к продукту, который вы продаете. Слайдер с логотипом Bizible и слайдер с отзывами на главной странице прекрасно достигают этого эффекта, тем более что они перемещаются автоматически.
Еще одним штрихом гуманизации и индивидуальности является форма BOFU, которая использует другой подход, отображая форму в виде предложения, написанного от первого лица, для которого пользователь заполняет поля.
Страница цен Bizible также является примером того, как правильно отображать предлагаемые вами варианты, выделяя при этом наиболее популярные из них. На странице даже есть сравнительная таблица ниже, показывающая функции, предлагаемые каждым уровнем обслуживания.
Демонстрационная страница компании также напоминает пользователям о функциях продуктов, но при этом включает в себя больше отзывов и логотипов компаний, с которыми она работает. Форма справа также имеет краткий и сжатый дизайн, чтобы не перегружать пользователя полями формы, которые ему необходимо заполнить.