Более 500 млн человек ежедневно смотрят и создают сторис. С ними удобно тестировать тренды маркетинга и дизайна, можно сразу получать отклик аудитории. К этому «быстрому» и ненавязчивому формату контента компании подходят со всей ответственностью — работают по брендбуку, задействуют фото, видео, иллюстрации и анимацию. Разбираемся в трендах и специфике дизайна сторис, чтобы по-настоящему вовлекать аудиторию.
Сторис сейчас можно встретить в соцсетях и мессенджерах, на маркетплейсах, в приложениях и развлекательных сервисах. Публикуют даже сериалы в этом формате. Успех контента зависит от алгоритмов — они анализируют тему, частоту и время просмотра, реакции и чаще показывают в ленте то, что нравится большинству пользователей.
В приоритете блогеров именно вовлечение аудитории. А дизайн подстраивается под этот процесс — становится мемным, акцентным и передает идею, а не просто демонстрирует красивую картинку. В русскоязычном сегменте такой контент можно встретить в VK и Telegram.
Сторис от крупных компаний создают целые команды: SMM-специалисты, маркетологи, дизайнеры, копирайтеры. Поэтому бренды используют продуманный сюжет, за которым хочется следить — участвовать в акциях, оставлять комментарии, пересылать близким. В этом особая роль дизайна — VR- и 3D-объекты до сих пор удивляют, а продуманные движения камеры и монтаж выглядят стильно.
Элементы оформления по брендбуку и гайдлайну — фишка крупных компаний. Их сторис можно «опознать» в ленте по цветам, шрифту, логотипу, иллюстрациям или 3D-рендерам.
Это могут быть плавные объемные линии, фото с тенью и наоборот, плоские детали в стиле flat design. Верстка тоже разная. Например, в коллажной элементы чуть находят друг на друга.
Бренды не ограничиваются стильными карточками для сторис и выбирают форматы, которые показывают реальные люди — это вызывает больше эмоций. В одном сете с привычными сверстанными карточками могут быть видео с продуктом, распаковкой, отзывами.
Бренды аккуратно объединяют разный контент на этапе верстки — используют единые шрифты и плашки, размещают ссылку на товар в одном месте.
ИИ помогает создавать фон для сторис, элементы декора и даже полноценного маскота бренда. Такие ролики вовлекают и передают дополнительный смысл. Например, ценности бренда. А благодаря подробным детальным промптам генерации можно вписать в брендбук.
В некоторых сторис компании по шагам рассказывают, как пользоваться их продуктом. Такие карточки-инструкции оформляют в журнальной верстке — как печатные буклеты. Фото оказывается на заднем плане, а текст в виде «вопрос-ответ», чек-лист или прайс-лист занимает почти весь экран.
Фото, видео и сгенерированные объекты часто сочетаются с интересными эффектами и переходами в монтаже. Например, используют стоп-моушн — анимацию из отдельных кадров.
Еще отрисовывают персонажей и их движения в профессиональных программах вроде Adobe After Effects. А отдельные элементы будто «зависают» в пространстве — это добавляет картинке объем.
Часто у блогеров нет времени на дизайн — вовлечение скорее поднимет аутентичный или мемный контент, а не стильный. А нестареющие приемы верстки используют, чтобы оформить хайлайтс (сторис к закрепе профиля) или прогреть аудиторию к покупке своего продукта.
Минимализм. Блогеры выбирают два-три цвета на весь сет, обычно это натуральные оттенки — терракота, шалфей, светлый песок, трава, белый шелк. А еще спокойный фон и единый шрифт — им оформлен заголовок, фраза или цитата. В зависимости от настроения и стиля, текст могут напечатать или написать от руки.
Базовая анимация. Для монтажа видео часто достаточно простых и интуитивно понятных приложений. Поэтому и эффекты для сторис предустановленные — плавные растворения картинки, пленочные засветы, микродвижения объектов, пролеты камеры.
Если регулярно работать с контентом, со временем получится создавать больше карточек, снимать трендовые видео и рассказывать о продуктах бренда. Собрали универсальный алгоритм из 3 шагов, который поможет начинающему SMM-специалисту, маркетологу или дизайнеру.
Работа со сторис начинается с идеи ролика и подробного описания видео или каждой из карточек будущего сета. В дизайне важно учесть, какие нужны изображения, что делать на видео.
На этом же этапе стоит проработать текст. Его не должно быть много — одно-два предложения на одну сторис. Иначе придется мельчить и будущая картинка станет нечитабельной.
Сценарий можно доверить нейросети. Например, редактор Unisender в своем Telegram-канале советует методику PMPHSA — плавный переход от боли аудитории к решению.
Твоя задача — сделать сценарий и написать текст для рилс по методике PMPHSA (боль → больше боли → надежда → решение → действие (призыв к действию).
PAIN — боль. Бьем в острую боль зрителя, чтобы он узнал свою проблему.
MORE PAIN — больше боли. Добавляем боли, показывая последствия.
HOPE — надежда. Рассказываем, что есть те, кто избавился от проблемы.
SOLUTION — решение. Даем решение и доносим его преимущества и выгоды.
На 1 карточку максимум 2 предложения. Предложи идеи по визуалу к этому тексту.
Вот информация, которую нужно использовать в качестве референса: [бриф от клиента, тема ролика, описание продукта и ЦА]
Когда сценарий готов, нужно собрать под него все материалы. Учитывайте, что размер сторис — 1080х1920 или 9:16 в пропорции.
Прежде всего, вам понадобятся фотосессии от клиента или изображения со стоков, а еще иллюстрации от дизайнера. Если вы сами работаете с контентом, можно поискать вдохновляющие кадры, составить мудборд и уже по нему снимать, например, раскладку.
Атмосферно смотрятся снимки с естественным солнечным светом, разным кадрированием — от общего плана до макросъемки. Такие кадры можно найти на Unsplash, Pixabay или Life of Pix — последний пригодится также для сторис с видео. Например, можно указывать тематические запросы: «Interior design», «summer food», «pet».
Если материалов нет, изображения для сторис можно поручить нейросетям — начать в том же чате, где ИИ подготовил сценарий. А затем загрузить промпт к каждой карточке по отдельности в сервисы для генерации картинок.
| Шаблон промпта | Пример |
| Составь подробные промпты для визуала каждой из карточек сторис для генерации в нейросети. Размер 9:16. На каждой карточке должно быть не больше 1 активного действия. Должен быть сохранен четкий последовательный сторителлинг. Визуальный стиль — [цвета, темы]. Если присутствие человека на какой-либо из карточек не важно, то делай более абстрактно, без человека, с метафорой и пустым фоновым пространством для ввода текста. | Составь подробные промпты для визуала каждой из карточек сторис для генерации в нейросети. Размер 9:16. На каждой карточке должно быть не больше 1 активного действия. Должен быть сохранен четкий последовательный сторителлинг. Визуальный стиль — женственный, с заземляющей атмосферой: теплые нейтральные оттенки (терракота, шалфей, светлый песок, трава, белый шелк), плавные формы, элементы природы (животные и птицы, свет, планеты, вода, воздух, мягкий текстиль). Если присутствие человека на какой-либо из карточек не важно, то делай более абстрактно, без человека, с метафорой и пустым фоновым пространством для ввода текста. |
Автор статьи ведет канал о йоге — а промпты, которые выдает ChatGPT переносит в Recraft. В итоге получается сет из 5-8 картинок в едином стиле — занятия дома и в группе, летняя природа, метафоры духовного роста.
Сторис можно собрать на основе видео — по сценарию, который подготовили на прошлом этапе. Это могут быть несколько роликов, которые на этапе монтажа объединятся в один.
Или формат «говорящей головы» — человек смотрит в камеру и живым языком, без репетиций, проговаривает мысль. Часто камеру ставят на уровне глаз, чтобы не искажать пропорции лица и тела. Затем настраивают фокус — фон будет чуть размытым, у кадра появится глубина.
Строгих правил по съемке сторис нет — и это дает пространство для творчества и экспериментов с трендами. Для вдохновения можно посмотреть больше сторис в каналах брендов и блогеров. А еще обучающие туториалы, как в примерах ниже.
Последнее — собрать сторис по готовому сценарию и визуалу. На этом этапе важно обратить внимание на согласованность всех элементов — карточки должны последовательно погружать в тему и предлагать четкое решение.
Чтобы упростить себе задачу, можно создавать сторис в специальных сервисах:
Flyvi. В простом графическом редакторе много готовых шаблонов для популярных сфер — косметики и моды, фитнеса, кафе, репетиторских услуг. В каждой карточке можно заменить шрифт, графический элемент. Например, перекрасить под стиль бренда.
Figma. Пользователи популярного сервиса подготовили десятки шаблонов для сторис — с интересным текстом по кругу, мокапами для фотографий. Здесь можно перекрасить любой элемент по брендбуку и заменить шрифт на фирменный. Чтобы разобраться со всеми возможностями программы. читайте наш гайд по Figma.
Photoshop. Поддерживает слои, работу с масками, векторными объектами. Можно взять за основу шаблон в формате PSD или нарисовать отдельные детали и точно следовать брендбуку. Используйте плавные линии и воздушные шрифты или наоборот, брутальные, четкие элементы в темном цвете. В подробном гайде по Photoshop разобрали главные инструменты программы.
500 Stories. В приложении на iOS можно работать с фото и видео — выбрать шаблон и стоковые фото или музыку, посмотреть руководство по дизайну.
CapCut или VN. Приложения для работы с видео помогут смонтировать ролик и наложить трендовые блогерские эффекты — цвета, фоны, переходы между кадрами.
Читайте только в Конверте
Разобрали каждый из 5 шагов на этом пути: от загрузки базы до работы со статистикой. Никакой воды — мини-курс можно пройти всего за 30 минут. И бесплатно.
Искренние письма о работе и жизни, эксклюзивные кейсы и интервью с экспертами диджитала.
Проверяйте почту — письмо придет в течение 5 минут (обычно мгновенно)
