Оформление сообщества ВКонтакте. Какие элементы бывают и зачем они нужны
Думаю, вы не раз сталкивались с понятиями «продающий дизайн» и «комплексное оформление». На первый взгляд определения выглядят простыми. Кажется, что если сделать такое у себя в группе, то сразу попрут продажи. Своеобразная кнопка «деньги» получается.
Но всё не так просто. Сама по себе яркая обложка ничего продать не может. Даже очень крутое оформление не будет работать, если группой не заниматься. Публикация интересных постов, работа с аудиторией, реклама и множество других факторов делают группу продающей.
Грамотно же сделанный дизайн помогает довести потенциального покупателя до нужного действия — покупки товаров или услуг.
Поэтому многие дизайнеры предлагают сделать комплексный дизайн сообщества. Но что именно подразумевается под этим определением?
В статье рассказываю обо всех элементах оформления ВК и делюсь шаблонами нужных размеров для каждого элемента.
Обложка сообщества, размер 1590х400










Это первое, что видит посетитель, заходя в группу. Именно с неё начинается взаимодействие с потенциальным покупателем. И от того, как этот элемент выглядит, зависит, останется ли человек в сообществе и продолжит его изучать или пройдёт мимо.
Представьте себе две группы, которые занимаются организацией банкетов. У одной — яркая запоминающаяся обложка, из которой сразу понятно, о чем в сообществе пойдёт речь. С фотографией интерьера на фоне, счастливой парой молодожёнов (ресторан же свадебные банкеты устраивает) и всей необходимой информацией (название, услуги, город, контакты и т.д.) А у другой вместо этого картинка, например с официантом. Или даже не обложка, а просто аватарка.
В какой группе захочется остаться и продолжить изучение? Особенно если вы целевая аудитория)
Правильно. В первой, которая вызвала нужные эмоции. И сразу дала понять, где вы находитесь и что здесь могут предложить.
Сейчас ВК тестирует новый формат обложек. И когда обновление вступит в силу, размеры и шаблоны будут уже другие. Подписывайтесь на группу, чтобы не пропустить новый пост с обновленными шаблонами и форматами.
Мобильная обложка, размер 1920х1080



Скачать шаблон 1920х1080 (безопасные зоны сделаны на основе отображения обложки на экране телефона Samsung Galaxy 40A)
А если у сообщества есть мобильная обложка, то шансов, что заинтересовавшийся человек задержится, становится ещё больше. Ведь многие изучают группы именно с телефона. Сейчас время такое. Многое делается практически на ходу, чтобы всё успеть. И это тоже нужно учитывать.
Миниатюра (аватарка), размер 1080х1080
Не менее важным элементом оформления является миниатюра. Аватарку видят даже раньше, чем обложку. Она помогает быстро отыскать нужное сообщество в поиске, или сразу даёт понять, чей пост мы видим в ленте. Чаще всего в качестве миниатюры используется логотип или другой узнаваемый элемент, который будет ассоциироваться с сообществом.





Баннер в закреплённом сообщении, размер 1080х1080
Это следующее, что увидит пользователь, попавший в группу. Такой баннер должен привлекать к себе внимание, чтобы захотелось прочитать текст самого поста.
Это может быть баннер акцией, розыгрышем или интересное изображение к посту-знакомству, расписание работы и многое другое.
Формат как квадратный, так и прямоугольный.







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



Скачать шаблон 8 кнопок
Виджеты, размер 480х720
Скачать шаблон 3 виджета
Товары, размер 1080х1080
Вот мы и добрались до них. Товары. Какое же продающее сообщество без них? )
Это, пожалуй, ключевой элемент. Даже если вы не продаете через сообщество напрямую. Как, например, ресторан, который определенно заключает сделку уже на месте, а не в соцсетях. Товары всё равно стоит сделать. Так потенциальные клиенты смогут сразу ознакомиться с вашими товарами и услугами. И легче примут решение о покупке.


Шаблоны для постинга , размеры 1080х1080
Несколько заранее подготовленных шаблонов в едином стиле помогут сделать посты узнаваемыми и запоминающимися. А ещё значительно сэкономят время, ведь не нужно будет каждый раз рисовать баннеры с нуля, а только подобрать картинки и заменить текст.







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


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


Обложка альбома, размер 1238х834
Плюс в функционал оформления можно добавить и обложки альбомов с фотографиями, но это не обязательный элемент, который оформляется только при необходимости. Например, если у вас много разных типов товаров или отзывов по ним и хочется показать каждый отдельно.
Вики-меню
Это кликабельное меню, созданное с помощью вики-разметки. Тоже очень полезная вещь, но в последнее время пользуется меньшей популярностью. Хорошо подходит тем, у кого очень объемная навигация в группе, а кнопок меню и виджетов не хватает.
Такое меню создается с помощью инструмента Раскройка. Разрезаете готовую картинку на нужное количество фрагментов и сохраняете через пункт «Сохранить для Web». Либо можно использовать монтажные области. Но о них расскажу в другой раз)





Скачать шаблон (разметка под раскройку на 9 карточек, квадрат)
Скачать шаблон (вертикальное меню на 8 кнопок)
Обложки статей и опросов, размер 1238х834
Не обязательны, но если присутствуют, то привлекают к себе больше внимания.


Скачать шаблон 1238х834
Сайт из сообщества
Это совсем новый инструмент, но тоже имеет место быть. Пока сыроват, но в целом свои функции выполняет. Хорошо привлекает внимание. Через него можно показать свои преимущества, товары, отзывы и альбомы.






Скачать шаблон картинки на главный экран 1920х1240
Скачать шаблон 1920х760
Давайте резюмируем. К комплексному оформлению можно отнести такие элементы, как:
✅Обложка
✅ Мобильная обложка
✅ Миниатюра
✅ Виджеты
✅ Кнопки меню
✅ Баннер в закреп
✅ Карточки товаров
✅ Шаблоны для постов
✅ Шаблоны сторис
✅ Постеры
✅ Обложки альбомов
✅ Вики-меню
✅ Сайт из сообщества
А вот так это все выглядит в интерфейсе ВК.
Скачать мокап группы ВК (автор Роллан Муждабаев)
Это общий список элементов, и важно понимать, что для каждой группы комплект может быть разным. Всё зависит от целей сообщества. Кому-то достаточно только обложки и виджетов, а где-то могут понадобиться и все элементы.
Плюс хочу отметить, что размеры элементов могут варьироваться в зависимости от задачи, но ориентироваться на стандартные размеры все же стоит. Так, например, баннер для поста должен быть не менее 700 пикселей по ширине.
Функционал ВКонтакте предлагает множество различных способов, чтобы сделать группу продающей. Но не обязательно использовать сразу все. Подбирайте те инструменты, которые подойдут именно вам.
Если статья оказалась полезной, сделайте репост. Возможно кому-то из ваших знакомых она тоже поможет.
А вот здесь можно скачать все файлы из статьи.Больше интересного в моей группе. Получить консультацию по оформлению сообщества можно здесь.
Подписывайтесь на наши рассылки.
Самые полезные алгоритмы на нашем канале ВК
Бесплатное обучение от TargetHunter — здесь.
🔥🔥🔥 Бонусы для новых пользователей TargetHunter по промокоду ДоброПожаловать:
1) в сервисе парсера ЦА ВКонтакте:
два дня тарифа «Автоматизация» бесплатно + 1 месяц в подарок при оплате любого тарифа минимум на 3 месяца.
Активировать промокод ДоброПожаловать нужно ЗДЕСЬ
2) в сервисе парсера ЦА в Одноклассниках:
два дня тарифа «Автоматизация» бесплатно + 1 месяц в подарок при оплате любого тарифа минимум на 3 месяца.
Активировать промокод ДоброПожаловать нужно ЗДЕСЬ
3) в сервисе рассылок и чат-ботов Модератор TargetHunter:
14 дней тарифа «Начальный» бесплатно + 1 месяц в подарок при оплате любого тарифа минимум на 3 месяца.
Активировать промокод ДоброПожаловать нужно ЗДЕСЬ
4) в сервисе Рекламный кабинет TargetHunter:
14 дней тарифа «Базовый» бесплатно + 1 месяц в подарок при оплате любого тарифа минимум на 3 месяца.
Активировать промокод ДоброПожаловать нужно ЗДЕСЬ
1) Как подготовить площадку к рекламе.
2) Дверопол — влияние дизайна на конверсию трафика.
3) Как использовать градиенты в дизайне. 6 советов.
