Эти блоги крупных брендов созданы для эстетики и конверсии. Делает заметки.
Мы часто слышим поговорку, которую знаменито окрестил Билл Гейтс:«Контент – король». Что ж, если контент – король, ваш блог – ваш посол; это то, как вы распространяете свое послание остальному миру.
Вот почему так важно иметь блог, который настроит вас на успех.
Хорошо оформленный блог, в котором легко ориентироваться, повысит вовлеченность и заставит людей возвращаться, чтобы прочитать (и, надеюсь, подписаться) ваш контент.
По личному опыту я знаю, что решить, с чего начать, когда дело доходит до дизайна блога, может оказаться непростой задачей. Вот почему я собрал пять моих любимых блогов, которые помогут вам правильно начать свой дизайн и полностью оптимизировать его для конверсии.
Если вы работаете в сфере маркетинга, вы, вероятно, слышали о Ниле Пателе.
Видели ли вы, как он выступает на какой-либо из крупнейших конференций отрасли, или читали одну из его многочисленных содержательных статей, нет сомнений, что этот парень знает свое дело.
Глядя на свой блог, Нил проделывает невероятную работу по включению ключевых элементов, которые помогают пользователям вовлекаться и взаимодействовать с его контентом.
Что он делает правильно:
Макет временной шкалы
Одна вещь, которую вы сразу заметите, - это уникальный макет блога. Нил поддерживает свой брендинг и дизайн в соответствии с остальной частью своего сайта, интегрируя в свои сообщения ощущение временной шкалы. Это позволяет легко увидеть, какая статья самая последняя.
Бонусные баллы: Он также воспользовался преимуществами сценария «Бесконечная прокрутка», который позволяет человеку продолжать прокручивать статьи без необходимости нажимать кнопку следующей/предыдущей страницы.
Сильное намерение выйти
Мы начинаем видеть намерения выхода, из-за отсутствия лучшего слова, всплывающие окна на все большем количестве веб-сайтов. Эти всплывающие окна - эффективный способ привлечь внимание ваших читателей, прежде чем они покинут ваш сайт, и предложить им повод остаться.
Нил использует эту технику в своем блоге, предлагая своим посетителям бесплатные уроки по увеличению трафика.
2. Посол
Ребята из бывшего клиента IMPACT, Ambassador, известны тем, что помогают клиентам создавать прибыльные реферальные кампании, но люди могут не знать, что они также на высоте, когда дело доходит до дизайна.
Один взгляд на блог компании, и это сразу становится очевидным. Они внедрили простой, минималистичный дизайн на основе карточек, благодаря которому зрителям будет легко просматривать последние статьи.
Что он делает правильно:
Раскладка в стиле карточки
Мы познакомились с макетом «Карточный стиль» на таких сайтах, как Pinterest и Twitter.
Посол воспользовался этим знакомством и поместил его в свой блог. Использование этого подхода предоставляет новым посетителям знакомый интерфейс, который устраняет любые первоначальные трудности и позволяет людям легко получить информацию, которую они ищут. Он также использует визуальные эффекты.
Отображение портрета автора
В физически отключенном мире читатели могут легко забыть, что на другой стороне компьютера на самом деле находится человек; тот, кто пишет красивый и интересный контент, который они могут прочитать.
Вы хотите, чтобы ваши читатели почувствовали вашу подлинность и индивидуальность, находясь в вашем блоге; вы хотите очеловечить свой бренд. Ambassador достигает этого, добавляя имя автора и фотографию прямо на карточке каждого сообщения.
Это помогает подчеркнуть лицо имени и создает человеческую связь еще до того, как пользователь нажмет на статью.
3. Канва
Поскольку Canva является популярным инструментом дизайна для многих маркетологов, неудивительно, что у компании потрясающий дизайн блога.
Что он делает правильно:
Отзывчивый опыт
Еще одним важным преимуществом дизайна блога на основе карточек является единообразный пользовательский опыт, который он создает независимо от типа устройства.
Просматривайте блог Canva на любом устройстве (или в любом браузере), и вы заметите, что размеры каждой карточки уменьшаются, не жертвуя при этом видимостью или читаемостью избранного изображения.
Контраст цвета для выделения карточек
Одна из моих любимых вещей, которые Canva делает в своем блоге, - это использование тонкого серого фона, который контрастирует с белым цветом каждой карточки. Это делает каждую карту более заметной. Использование таких контрастных цветов в вашем блоге - полезный метод, позволяющий придать визуальную значимость различным элементам.
4. Написать
Wrike, программное обеспечение для управления проектами, приветствует пользователей в своем блоге ярким изображением героя в сочетании с контентом, который знакомит пользователей с типом информации, которую они могут найти в блоге.
Что он делает правильно:
Видимая зона подписки на блог
Создание возможностей для ваших читателей легко подписаться и получать регулярные обновления из вашего блога имеет важное значение для любой кампании входящего маркетинга, однако об этом часто упускают из виду.
Wrike дает людям возможность подписаться прямо в верхней части блога. Кнопка подписки красиво контрастирует с фоновым изображением, что упрощает ее поиск, а форма подписки также открывается во всплывающем окне, позволяя пользователям подписаться без необходимости перехода на новую страницу.
Призывы к действию встроены в макет
Не секрет, что предоставление пользователю большего количества баллов конверсии поможет вам повысить общий коэффициент конверсии. Wrike включает в дизайн своего блога различные точки конверсии, которые обращаются к людям, находящимся на разных этапах воронки продаж.
5. Киссметрика
Теперь Kissmetrics использует другой подход к дизайну своего блога, чем другие блоги в этом посте. Благодаря более длинным выдержкам из сообщений и отсутствию избранных изображений его макет больше внимания уделяет создаваемому ими контенту.
Что он делает правильно:
Прикрепленная форма подписки
Ранее я упоминал о важности предоставления читателям возможности подписаться на ваш блог.
Kissmetrics делает еще один шаг вперед, предоставляя своим читателям возможность подписаться из любого места на странице. Для этого была реализована форма подписки, которая следует за пользователями вниз по странице при прокрутке статей блога.
Поделиться в социальных сетях имеет значение
Простой способ побудить пользователей прочитать статью - включить подсчет количества репостов в социальных сетях. Kissmetrics отображает количество репостов статьи в Facebook и Twitter. Хотя кто-то может не захотеть делиться статьей до ее прочтения, большое количество репостов может привлечь внимание и любопытство узнать, о чем эта статья.
Хотите бизнес-блог, соответствующий этим примерам?
За 799 долларов вы можете получить тот же дизайн, который мы используем в блоге IMPACT, а также все функции подписки, которые мы используем на веб-сайте вашей компании!
Наша команда только что создала и запустила эксклюзивный, полностью оптимизированный блог HubSpot COS, в котором будут реализованы некоторые из этих тактик, а также он будет полностью адаптирован к мобильным устройствам, протестирован кроссбраузерно и быстро загружается, чтобы предлагать лучшее. опыт, доступный вашим читателям.
Хотите это для своего бизнес-сайта? Получите это здесь прямо сейчас!