5 шагов для создания успешного кейса на Behance

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

5 шагов для создания успешного кейса на Behance

1. Придумайте обложку

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

с мокапами

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

5 шагов для создания успешного кейса на Behance

с логотипом, надписью или одним небольшим элементом

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

5 шагов для создания успешного кейса на Behance

с иллюстрацией, фотографией, 3D моделью

В этой группе ключевую роль в проекте будет играть сет из элементов с обложки, а в случае с фото – передает атмосферу проекта.

5 шагов для создания успешного кейса на Behance

комбинация из вышеперечисленных групп

5 шагов для создания успешного кейса на Behance

Совет: Создайте обложку, сделайте 5-8 скринов обложек из Behance и поместите свою обложку в этот список. Вы хотите выбрать свою обложку? Если да, здорово! Но лучше провести этот эксперимент еще на нескольких людях и узнать, почему они выбрали ваш или другие варианты.

2. Наполните деталями

Каждый проект индивидуален и содержит отличительные черты. Интересная типографика, необычная сетка, сет иллюстраций или даже иконок, созданный самостоятельно. Добавьте этот блок в кейс, покажите закулисье, начните с идеи и закончите блоком, как это выглядит в интерфейсе. Часто показывают только результат работы, хотя 2/3 времени тратиться на гипотезы, исследования и тестирование.

Пример блоков с прототипом элементов и их реализации в приложении
Пример блоков с прототипом элементов и их реализации в приложении

3. Загрузите видео

Намного интереснее смотреть короткое видео одного из флоу проекта, чем просматривать 6-10 экранов и улавливать связи самостоятельно. Практика показывает, что людям нравятся короткие видео (привет, TikTok) . Также здесь вы передаете микроанимацию в проекте – переходы между экранами, состояния элементов, например, при нажатии на кнопку или ховер на фотографию.

Существует несколько способов добавлять видео на Behance. Я делаю это через встроенное медиа, предварительно отправляя видео на Vimeo. Ниже оставлю пример ссылки и расскажу о некоторых параметрах

<iframe src="https://player.vimeo.com/video/XXXXXXXXX?autoplay=1&amp; loop=1&amp;muted=1&amp;autopause=0&amp;color=XXXXXX&amp;title=0&amp; byline=0&amp;portrait=0" width="X" height="X" frameborder="0" allowfullscreen></iframe>

autoplay=1 – видео проигрывается автоматически, без нажатия на play;

loop=1 – видео не останавливается когда доходит до конца, а начинается заново;

autopause=0 –если у вас более одного видео, воспроизводимого автоматически, то добавьте этот тег для каждого видео

После видео хорошей практикой считается добавить 2-4 экрана, которые пользователь захочет рассмотреть детально.

4. Передайте атмосферу

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

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

Пример блок введения
Пример блок введения
Пример блока с фотографией для разделения логических частей кейса
Пример блока с фотографией для разделения логических частей кейса
Пример блока заключения
Пример блока заключения

5. Добавьте ключевые фразы

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

Заключение

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

Это моя первая статья, надеюсь, что она будет полезна.

27
2 комментария