Лучшие HR-блоги: как дизайн и контент помогают создавать привлекательный бренд работодателя

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

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

Эмма Норрис (Emma Norris)

Автор


Фото на обложке @andybeales / Unsplash

Интересный HR-блог может улучшить восприятие бренда, привлечь и удержать лучших сотрудников, а также создать им имидж экспертов в конкретной отрасли. Помимо содержательной стороны он должен быть удобным для пользователя, иметь привлекательный дизайн и вписываться в общую бренд-стратегию. Мы изучили пять зарубежных HR-блогов и выделили ключевые визуальные элементы, которые помогают компаниям усилить впечатление от своего HR-бренда.

Создавайте красивую верстку постов с Setka Editor — попробуйте бесплатно.

1. Блог Airbnb, посвященный разработке и Data Science

Airbnb — одна из немногих крупных международных компаний, в которой нет HR-отдела в классическом понимании. Вместо этого она создала команду, чья работа направлена на развитие атмосферы поддержки и сплоченности внутри небольших команд. Неудивительно, что различные отделы Airbnb выпускают собственные блоги, один из которых — «Engineering and Data Science». В нем сотрудники публикуют данные исследований и кейсы, связанные с разработкой платформы. Блог размещается на Medium, однако это не помешало Airbnb сохранить визуальную узнаваемость бренда за счет использования элементов фирменного стиля.

«

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

— Дженнифер Хом, руководитель команды иллюстраторов

Иллюстрации

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

Инфографика

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

2. Блог дизайн-команды Uber

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

«Uber хотел развивать подход дизайн-мышления, привлекать таланты и рассказывать о самых интересных моментах в работе своей дизайн-команды», — пишет разработчик блога Эллиот Кембер из Ueno. «Создание сайта стало отличным способом показать наши навыки анимации и добавить эффекты движения в макеты от Uber, объединив их с адаптивной версткой и плавной навигацией».

Ссылка

uber.design

Видео

Анимации

Модульные сетки

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

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

Создавайте красивую верстку с Setka Editor — попробуйте бесплатно

3. Блог Bloomberg о разнообразии и инклюзии

Блог Bloomberg преследует две понятные цели — привлечь и удержать самых разных сотрудников и подчеркнуть объем работы, который компания проделывает для развития инклюзивности в команде. «Мы считаем, что разнообразие является движущей силой инноваций и творчества… [и] это связывает нас с нашей аудиторией, которая придерживается тех же принципов», — говорит Эрика Айриш Браун, руководитель отдела по вопросам разнообразия. Блог представляет собой своеобразный контент-хаб, с помощью которого компания рассказывает о себе, своих исследованиях и идеях.

Продуманная навигация

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

Слайдеры с опорными точками

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

4. Блог компании O.C. Tanner

O.C. Tanner — международная организация, которая создает продукты для мотивации и развития сотрудников в компании. Организация выпускает блог, посвященный HR, включая практические материалы по развитию эффективной корпоративной культуры, лидерских навыков, вовлеченности сотрудников и многому другому. Ранее корпоративное издание называлось A Magazine, но в 2017 году компания провела ребрендинг в честь своего 90-летия. В результате блог получил современный лаконичный интерфейс с характерными визуальными элементами.

Смелая работа с цветом

Обычно в логотипах используются один или два ключевых цвета, однако в O.C. Tanner вдохновились калейдоскопом и решили выбрать сразу пять. Блог, прошедший редизайн, сохраняет связь с фирменным стилем компании: классическая плиточная верстка главной страницы чередуется с блоками, раскрашенными в один из пяти фирменных цветов. Еще более усиливает цепляющий эффект использование цветных градиентов.

Геометрические фигуры

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

5. Блог компании Namely

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

Ссылка

blog.namely.com

Яркие тона

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

Правило третей

Исследования показывают, что человеческий мозг всегда ищет шаблоны, и Namely использует эту нашу особенность в своих интересах. Создавая модульную сетку главной страницы, они применяют правило третей: здесь материалы в три колонки равномерно чередуются с версткой в одну колонку. Отдельные разделы на сайте также повторяют этот паттерн — эта визуальная иерархия направляет взгляд читателя по знакомому сценарию.

Визуальные приемы для HR-блога

Качественные иллюстрации с изображением людей.

Инфографика и скринкасты — в статьях, в которых важно объяснить детали сложного процесса.

Видео, которое увеличивает время, проведенное на сайте.

Ненавязчивая анимация для вовлечения пользователей.

Модульные сетки с чередованием слоев.

Продуманная навигация с использованием моушн-эффектов

Смелая работа с цветом для создания акцентов.

Шаблоны и паттерны в верстке.