Как оформить группу (сообщество) или страницу ВКонтакте

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

Аватар

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

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

Логотип на аватаре страницы ресторанной группы Ginza Project

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

Иллюстрация на аватаре развлекательного паблика «Мона Гидропона»

А если речь о личном бренде, самый популярный вариант — портретное фото.

Портретная фотография на аватаре паблика Ах Астаховой

Обложка

Обложка — это горизонтальный баннер, размещённый в самом верху. Его размеры — 1590х530 px для десктопной версии.

Пример обложки в паблике Fortnite в десктопной версии сайта VK

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

Пример обложки в паблике Fortnite в приложении VK

На обложке можно размещать всё что угодно: чаще это иллюстрации, связанные с бизнесом, или фото товаров. Красивые коллажи можно сделать в многофункциональном редакторе Figma или в более простых онлайн-сервисах: Canva или Visme.

Также обложка — хорошее место для анонсов и рекламы: именно этот баннер люди увидят, когда откроют группу, пропустить его сложно. Поэтому писать короткие актуальные сообщения — можно и нужно:

Пример рекламы на обложке в паблике «Церебро Таргет» в десктопной версии сайта VK

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

Создать обложку с автоматическим обновлением данных можно в специальных сервисах, которые будут интегрированы с вашим пабликом или сообществом. Самые популярные — Dycover и Let’s Cover.

В паблике команды поддержки ВКонтакте, например, настроили динамическое обновление количества вопросов, на которое они ответили. При этом размеры на десктопе такие же, как и у статичной обложки: 1590х530 px.

Скриншот динамической обложки паблика команды поддержки VK в десктопной версии сайта

Динамическая обложка в мобильном приложении необязательно должна совпадать с десктопом. Можно загрузить какую-то другую и выбрать вертикальный формат — более выигрышный для мобильного экрана. Тогда размер обложки будет 1080х1920 px.

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

Скриншот динамической обложки паблика команды поддержки VK в приложении

Чтобы сделать такую анимированную обложку, нужно загрузить видео весом до 20 МБ. Длительность ролика — не более 30 секунд, по окончанию он автоматически запустится с начала.

Виджеты

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

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

Виджеты на странице KudaGo

Если у вас нет фирменной инфографики и иллюстраций, подходящих для виджетов, можно поискать что-нибудь на стоках: Freepik, Fraction или Icons8. Подберите иконки, подходящие вашему бренду по стилистике, и используйте. Только обращайте внимание на лицензию: некоторые картинки платные или требуют ссылки на авторов.

Товары

С рубрикой товаров всё просто: это очень похоже на карточки товаров на сайтах. В каждой карточке ВКонтакте полагается добавлять квадратную картинку 500х500 px.

Если товар материальный, осязаемый и симпатичный на вид, чаще всего делают фото продукта крупным планом на нейтральном фоне. Вот так:

Раздел с товарами в группе «Британские пекарни»

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

Можно использовать контент с фотостоков, экспериментировать с фоном и надписями. Вот, например, яркие карточки с услугами химчистки:

Раздел с товарами в паблике Clean Step

Посты

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

Содержание картинок зависит от специфики вашего бизнеса и фирменного стиля. Это могут быть профессионально отснятые продукты, любительские снимки «внутренней кухни», мемы или посты с дизайном, сделанные по шаблонам. А может быть и всё сразу.

С фотографиями никаких особых правил нет — главное, чтобы был нормальный свет и незаваленный горизонт. С дизайном постов всё чуть сложнее. Следите, чтобы объекты были контрастными на фоне, а надписи — если они будут — достаточно крупными и читабельными.

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

Пост в паблике «Циан Недвижимость»

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

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

Пост в паблике «Циан Недвижимость»

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

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

Пост в паблике «Циан Недвижимость»

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

Пост в паблике «Циан Недвижимость»

Видеозаписи

Видеоконтент пользуется спросом, и с точки зрения визуального оформления тут одна важная вещь — обложка.

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

Раздел видео в группе Avito

Истории

Публикация сторис ВКонтакте — это способ регулярно общаться с аудиторией и максимально быстро доносить актуальную информацию. Оптимальный размер картинки — 1080х1920 px. Помните, что сверху и снизу немного места займут элементы интерфейса: не размещайте ничего важного по краям.

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

Истории VK в паблике «Ленты»

Если вы планируете делать видео и анимацию, нужно будет подготовить файлы не больше 10 МБ. Максимальная длительности видео в Историях — 15 секунд.

На странице можно сделать закреплённые Истории («сюжеты»), сгруппировав их по разделам. Это совсем маленькие кружочки: для их оформления подойдут иконки или простые однозначные иллюстрации.

Закреплённые сторис в паблике «Ленты»

Название и описание страницы

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

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

Шпаргалка по размерам и инструментам

Таблица с размерами всех элементов оформления:

И таблица с полезными сервисами, которые помогут оформить паблик или сообщество: