Это вторая статья про Bēhance из четырех. Если вы пропустили первую, рекомендую начать с нее, а затем вернуться.
В этой статье расскажу про важные элементы классного кейса. Кейс — это универсальный и простой способ рассказать про ваш опыт в решении различных бизнес-задач. Важно правильно оформить проект после сдачи. Для начала нужно помнить, что основная цель кейса — получить ленточку. Для чего она нужна? Это даст дизайнеру международное признание, много органического трафика и несколько десятков запросов от потенциальных клиентов. А если вы студия — то с лентами в портфолио проще искать крутых дизайнеров в команду. Это говорит о том что у вас высокие стандарты и он сможет реализовать свои дизайнерские амбиции.
Какие проекты оформлять в кейсы?
Каждый новый проект должен или раскрывать ваш талант с новой стороны, или показывать прогресс, относительно старых работ. Просто штамповать похожие проекты нет смысла. Но, без портфолио работу не найти, а без работы портфолио не из чего собирать.
А бывает наоборот, дизайнер работает в крутой студии, но контракт запрещает публиковать материалы проектов, потому что NDA.
Что же тогда делать? Не обязательно, чтобы у проекта был реальный заказчик, главное, чтобы работа выглядела реалистично и решала конкретную бизнес-задачу. А если вы умеете решать дизайн-задачи, значит, можете разглядеть и дизайн-проблемы, которые есть в любом продукте.
Кроме того, просматривая еженедельно свежие проекты в галлереях, я заметил закономерность — редизайн известных брендов собирает в среднем по 10-20 тыс просмотров. Вот хороший пример редизайна Starbucks.
Хороший пример: проект по редизайну Starbucks, получивший ленточкуПоэтому, если нет пока интересных клиентских проектов — работайте над концептами в свободное время. В таких проектах нет ограничений и полная свобода на эксперименты. Можно использовать их как мастерскую для прокачки новых навыков.
Основной принцип успешного кейса
Задача кейса — показать не только финальный результат, но и процесс создания проекта с подробностями, аналитикой и командой. Должна получиться история, у которой есть завязка, развитие сюжета и эпичный финал, а в конце «титры» и благодарность.
Большая ошибка — демонстрировать только финальный дизайн. Это путь лентяев — сохранил макеты, залил макеты — и готово.
Но если не хочется тратить еще 2 недели на кейс, можно ускорить процесс:
- Сразу делайте крутые концепты для клиентов. Вам же всё равно показывать 1-2-3 варианта дизайна. Так сделайте это сразу хорошо, добавив в концепт титульный, лого, шрифты, цвета, основной дизайн, мокапы и мобильная версия. Это уже +- готовый кейс, можно выставлять.
- Ничего не удаляйте в процессе работы, а собирайте в отдельную страницу draft, потому что на такой «свалке» можно часто найти пару бриллиантов для кейса.
Ключевые блоки Behance-кейса
Любую историю можно уложить в кейс примерно с такой внутренней структурой:
Обложка
Обложка — лицо вашего проекта. Она должна выделяться в каталоге других проектов и вызывать желание провалиться внутрь.
3 совета на счет обложек:
- Не добавляйте на обложку много текста или описания, потому что оно даже с компа не очень читается, а с мобилки вообще просто мутное пятно.
- Делайте А-Б тесты и меняйте обложку иногда. Это даст вам дополнительный шанс получить еще больше просмотров и оценок.
- Триггер «Красотка» работает, как и в любых маркетинговых активностях, и повышает кликабельность кейса. В нашем случае это фитнес-блогер Екатерина Усманова и на ней просмотров больше, чем на кейсах с наградами. Поэтому, если можно добавить красотку на обложку и это будет выглядеть уместно — смело используйте этот триггер.
Хочется кликнуть, правда?Главный экран
Первое, что видит зритель после клика на обложку — главный экран кейса. И тут задача оправдать его ожидания и вызвать желание смотреть дальше. Это может быть классный мокап, фотография, иллюстрация, видео или анимация.
Пример главного экрана нашего проекта Health LabОписание и задачи проекта
Коротко, 1-2 абзаца на описание проекта и какую дизайн-задачу мы решали. Лучше не использовать много текста в кейсах. Если есть что написать — сделай статью на Medium и там расскажи всё что хочешь со всеми подробностями.
Процесс разработки и поиск решений
Блоки с процессом UX-проектирования будет интересно посмотреть и коллегам и клиентам. Для этих блоков пригодится карта сайта, варфрейм-прототипы и можно добавить user flow или результаты UX-исследования. Главное, чтобы это было интересно оформлено визуально.
Основные макеты проекта
Дальше переходим к результатам работы. Это уже основные макеты десктопные и мобильные версии сайта или экраны приложения. Добавляйте разгрузочные блоки с деталями, крупными планами или красивыми фотками на весь блок, чтобы читатель не заскучал. Еще видео и GIF-ки помогут украсить презентацию кейса и он будет выглядеть более динамично.
Используйте мокапы экранов ноутбуков, мобильных телефонов и упаковок, чтобы показать работу на реальных носителях.
Детали проекта
Покажите гайдлайн или UI-kit. Например, цвета, шрифты, иллюстрации, сетки и стиль иконок проекта. Еще можно показать интересные попапы, компоненты, фотки со съемки или рейтинг приложения в AppStore. Это покажет твой подход к работе и внимание к деталям.
Благодарность и техническая информация
Благодарим зрителя за просмотр. Но не стоит делать этот блок слишком простым и скучным, потому что прямо под ним будет большая синяя кнопка «лайк». Поэтому нужно оставить приятные впечатления последним блоком.
Не стоит писать «Ставьте лайк, подписывайтесь на меня», на Behance это считают дурным тоном. Это вам не YouTube :)
Этот блок еще работает, как финальные титры фильма. Обычно в нём пишут имена людей, которые работали над проектом, ссылки на готовый сайт или приложение, год создания, призыв связаться и кликабельные контакты студии или дизайнера. И в конце будет подборка из нескольких ваших кейсов, потому что если зритель долистал до конца — возможно ему будет интересно посмотреть еще парочку кейсов. А потом — лайк — заявка — бриф — и... птичка в клетке ) Вот примерно так работают кейсы на Behance, и вы тоже можете получить новый интересный проект, если хорошо постараетесь.
Читайте другие статьи про Behance
