Как оформить карусель в соцсетях и на сайте

По данным исследования Fanpage Karma, карусели получают на 13% больше охватов, чем рилсы, а их вовлеченность выше в 1,5 раза. Формат помогает удерживать внимание аудитории в соцсетях, а на сайтах — компактно разместить товары, кейсы, инструкции или подборки контента. В статье собрали советы, как выстроить логику и дизайн слайдов, чтобы их захотелось долистать до конца.

Что такое карусель и где ее используют

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

Карусели можно использовать:

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

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

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

У каждой платформы свои требования к оформлению: отличаются рекомендуемые размеры изображений, соотношение сторон и максимальное количество слайдов. Например, в Instagram* в одной публикации можно разместить до 20 слайдов, в Pinterest — до 5, а во ВКонтакте — до 10. 

Что можно оформить в виде карусели

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

В таком формате можно оформить:

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

Интервью. Разделите разговор на несколько карточек. На первой представьте героя, а на следующих расположите ключевые цитаты. В карьерном канале Т-Банк так рассказали историю профессионального роста сотрудника.

Подборка товаров. Объедините несколько продуктов в одной карусели: покажите новинки или позиции из одной категории. Например, бренд Divage сделал подборку летней косметики.

Дайджест. В карусель удобно собрать главные новости, популярные статьи или актуальные акции. Компания «Пересвет-ЮГ» оформила в таком формате дайджест с планировками месяца.

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

Инструкцию. Пошаговые руководства легко превратить в серию карточек: один слайд — один этап. В таком формате компания «Технониколь» собрала гайд по гидроизоляции и утеплению пола в ванной.

Историю. Карусель помогает выстроить последовательный рассказ о создании продукта или пути героя. Медиа PostNews представила в таком формате историю Криштиану Роналду.

Как выстроить логику повествования в карусели

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

Открывающая карточка. Она должна заинтересовать пользователя и мотивировать его листать дальше. Для этого придумайте понятный и цепляющий заголовок. Он может обозначать проблему, подсвечивать пользу материала или создавать интригу. Обложка карусели в паблике «Медвуза» с первого взгляда дает понять: дальше читателей ждет подборка фильмов.

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

• Проблема → решение. Сначала покажите, с какой сложностью столкнулись вы или ваши клиенты, а затем расскажите, как ее можно решить.

• Шаг 1 → шаг 2 → шаг 3. Используйте эту схему для инструкций и пошаговых руководств.

• Знакомство → особенности → преимущества. Схема подходит для презентации товара, услуги или проекта. Сначала объясните, что это за продукт, затем расскажите о его ключевых характеристиках и покажите, какую пользу он дает.

• Топ-лист. Соберите несколько пунктов по одной теме и расположите. Например, «5 способов улучшить дизайн» или «7 ошибок в работе с контентом».

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

Как оформить карусель

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

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

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

Разделите один элемент на несколько слайдов. Можно разрезать иллюстрацию на части и разместить их на стыке карточек. Посмотрите, как дизайнеры Флаувау стилизовали публикацию под фотоальбом: на одном слайде видна часть страницы, а на следующем — ее продолжение.

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

Чередуйте фотографии и видео. Если площадка позволяет, комбинируйте статичные изображения с короткими роликами. Смена форматов делает карусель более разнообразной и помогает удерживать внимание пользователя. Вот как это сделали в карьерных соцсетях МТС:

Какие ошибки чаще всего портят карусели

Даже удачная идея не сработает, если информацию в карусели сложно воспринимать. Разберем ошибки, которые встречаются чаще всего.

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

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

Слабый первый экран. Обложка должна сразу объяснять, о чем карусель и зачем ее листать. Избегайте общих заголовков вроде «Полезная информация» или «Несколько советов». Вместо этого лучше сразу обозначить тему и пользу.

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