Как оформлять портфолио на behance
2 вида оформления работы в портфолио. Секреты переоформления обычной работы в кейс с лентой от Behance
Получить ленту на Behance хочет каждый второй дизайнер, если не каждый. Точных алгоритмов никто не знает, но все в один голос говорят, что важно оформлять круто свою работу. Мы в креативном агентстве «Молоко» проверили это лично, оформив одну и туже работу двумя способами. В итоге лучшее оформление принесло ленту.
Например, возьмем самое начало кейса. Что вы обычно показываете – самые привлекательные мокапы из всего проекта, чтобы сразу заинтересовать? Или делаете достаточно чистую обложку? Давайте сравним кейс Masstige: как было до, и как стало после.
Хорошая обложка с первого взгляда должна вызвать интерес открыть проект и посмотреть его полностью. Когда мы оформляли работу первый раз, мы сразу показали все упаковки, которые сделали. Получилось слишком буквально и без всякой интриги. Переоформив работу, для обложки мы выбрали более лаконичный и строгий вариант, на котором показали только часть мокапов. Так мы только намекнули на более широкую линейку средств, упаковку для которых мы разрабатывали, и вызвали любопытство смотреть кейс дальше.
Если бы вы увидели эти две обложки на Behance, на какую бы кликнули?
На первый взгляд, оформление и в первом, и во втором случае объединяет один общий мокап, но в целом настроение кардинально отличается.
В первом варианте оформления на Behance мы показали просто мокапы, не поддержав их эмоционально. Получилось похоже на техническую презентацию, а не кейс, который может продать.
Во втором варианте появилось отражение концептуальной идеи – это фотографический образ и слайд с отражением фактуры. Причем использовался тот же мокап из старого оформления, но общее восприятие картинки теперь говорит больше образами и ассоциациями: фотография – отсылка к коже и косметике, изображение с фактурой – отсылка к самим средствам, упаковка для которых разрабатывалась. Так создается атмосфера погружения в проект, чего нельзя добиться, используя только мокапы.
Behance: как создать портфолио
Оглавление
Узнайте как создать невероятное портфолио на Behance. Научитесь пользоваться крупнейшей креативной платформой. Находите новых клиентов и работодателей со всего мира. Изучайте лучшие кейсы от лучших дизайнеров. Сегодня Behance это неотъемлемая часть жизни любого дизайнера.
История Behance
Behance — это всемирное сообщество креативных фотографов, дизайнеров и иллюстраторов, которые делятся через платформу своими последними работами. На платформе живут как начинающие дизайнеры, так и арт-директора крупнейших креативных агентств выкладывают на него свои работы и обсуждают работы друзей.
Сайт был создан в 2006 году, и с тех пор набрал достаточное количество участников, чтобы стать крупнейшим тематическим сообществом людей, чьи профессии связаны с творчеством.
Кроме того, многие используют его для вдохновения — в топ сайта попадают действительно первоклассные работы.
В 2012 году Behance был куплен компанией Adobe, производящей программное обеспечение для дизайнеров: всем известный Photoshop, а также Illustrator, Muse, After Effects и прочие программы.
Основные советы по оформлению порфтолио на Behance
Советы от Илья Клявина. Ваш профиль на Behance — визитная карточка.
Заполненный профиль показывает насколько вы готовы к сотрудничеству: напишите род деятельности и электронную почту, чтобы будущий клиент понял в какой области вы профессионал и мог с вами быстро связаться. Добавьте пару слов о себе и упомяните, что вы готовы к сотрудничеству. Внимательно отнеситесь к блоку с опытом работы — заполните его. В конце поставьте ссылки на социальные сети, если клиент или работодатель захочет к вам обратиться, то вы должны предоставить ему все возможности для этого. Чем быстрее ответите на запрос, тем выше вероятность, что клиент будет работать с вами.
Страница Behance
Структура презентации
Изучайте презентации успешных дизайнеров: обращайте внимание на структуру — материал строится по схожим принципам — завязка, развитие действия и развязка. Напоминает скорее драму или литературное произведение, но мы будем называть это сторителлингом. Мы рассказываем заказчику историю: начинаем с проблемы и заканчиваем тем, как её решили.
Вот хороший вариант, подходящий для большинства презентаций:
Каждая следующая презентация должна быть лучше предыдущей
Мало того, она должен быть больше, сложнее, насыщеннее. С каждой новой презентацией, добавляйте больше деталей и страниц. На Behance размер презентации имеет значение и поднимать планку нужно постоянно. 20 тысяч пикселей — не предел, презентация увеличивается в зависимости от количества материала.
Я поставил себе задачу, к каждому новому проекту добавлять анимацию работы сайта или интерфейса — это следующая цель, которую нужно выполнить, чтобы быть в тренде.
Превью для презентации — половина успеха
Благодаря превью пользователь принимает решение, смотреть ваш проект или нет. Отнеситесь к превью как к отдельному проекту. Создайте эмоцию, дайте понять что пользователя ждет что-то интересное, когда он нажмет на ссылку.
Превью презентаций Behance
Расскажите про ваш проект всему миру
Сделайте репост на страницу в Facebook, напишите красивое, «продающее» сообщение в тематические группы ВКонтакте и не забудьте о профильных аккаунтах в Instagram. Предварительно подготовьте материал, никто не будет нарезать вашу работу на нужного размера картинки, этим должны заниматься вы. Но будьте готовы к хейту. Опубликовав красивый и одновременно юзабельный проект, найдутся люди несогласные с вашим решением. Будьте готовы к этому и не ведитесь на провокацию.
Не пользуйтесь сервисами накрутки
Посмотрите на работы таких «мастеров»: обратите внимание, человек никогда не получал наград, его презентации просто невозможно смотреть. Соотношение лайков от проекта к проекту очень сильно разнится, на одном 12, на другом больше 1000. Решение накручивать лайки, не приносит реальных клиентов. Люди, которые ищут дизайнеров на Behance умеют отличать хорошие работы от плохих. Используя накрутку, вы выглядите смешно и нелепо, работодатель никогда вас не наймет, клиент не напишет, а в глазах коллег вы будете неудачником.
Как получить ленточку на Behance?
На получение награды от behance влияют две важные детали: подача (презентация) и идея проекта. Если в презентации много деталей — есть анимация, вы рассказали как пришли к результату, показали, как проект будет работать в реальных условиях, то остается ждать, когда кураторы обратят внимание. Поверьте, ваш проект не останется незамеченным.
Вторая деталь — идея, если проект демонстрирует новые дизайн-решения, может повлиять на индустрию дизайна, соответствует трендам и смотря на него людям есть чем вдохновиться, то также остается ждать кураторов.
Не забывайте — любой проект должен быть лаконичным, аккуратным и красивым. Популярным дизайнерам награды приходят практически сразу, за счет популярного аккаунта и множества наград. Тем кто только ждет первую ленточку, стоит проявить терпение. Своими лайками и комментариями, пользователи сделают ваш проект заметнее. Если раньше вы уже получали награду, это даст небольшое преимущество и сэкономит время.
Это небольшой список советов для тех, кто хочет, чтобы Behance стал не только ресурсом для вдохновения, но и приносил клиентов и открывал двери в любые студии
Пошаговый процесс Behance портфолио для новичков
Урок Behance от Sati Taschiba, автора канала Design Lead.
В уроке рассказывается о том, как создать портфолио на Behance, объясняется пошаговый процесс работы над кейсом для портфолио на Behance. Работа, которая выиграла Red Dot Design Awards 2020 в 2-ух категориях и список других наград, смотрите на Behance
Sati Taschiba: https://www.linkedin.com/in/taschiba/
Портфолио https://www.behance.net/taschiba
Блог: https://medium.com/@satitaschiba
Cекреты по улучшению портфолио Behance
Узнайте как улучшить свое портфолио на Behance, получить больше охватов и клиентов, сделать свою страницу еще более привлекательнее и интереснее.
Секреты по улучшению портфолио на BehanceОт автора: «В этом видео я показываю свое самое первое портфолио, с которым я зашла на рынок дизайнером. Показываю эволюцию самой подачи работы в портфолио, а так же улучшение качества самих работ. Делюсь секретами, как улучшить ВАШЕ портфолио. Объясняю какие ошибки совершала сама будучи новичком. Надеюсь это видео о том, как улучшить портфолио, будет вас мотивировать на улучшение своего портфолио и навыков.»
Что советует Sati Taschiba в своем видео?
1. Качество
Публикуйте только качественный проект. Неважно, какие лайфхаки я буду описывать ниже, но ваш проект в первую очередь должен быть качественным, цепляющим и интересным для индустрии, дизайнеров и кураторов. Делайте что-то инновационное и свежее. Если вам интересно получить награды, то придется потратить время и силы, подумать, порисовать, подготовиться и исследовать аналоги. НЕ выкладывайте по-быстрому что-то, просто для количества. Думайте в первую очередь о качестве! Это означает, что придется уделить время именно презентации предлагаемой работы.
2. Длина
Проект должен быть объемным, в идеале 6–20 изображений без повторений или 3–4 экрана вниз. Вы можете показать в проекте следующее:
Совет: если вы плохо пишете по-английски, или вообще плохо пишете, то я думаю этот пункт выполнять не обязательно, если у вас есть много хорошего визуального материала, и есть возможность отлично презентовать работу и без текста. На собственном опыте: например, в моей работе Warcraft Website Concept вообще не было никакого описания, но все равно заработала 2 Featured, так что если не можете писать — будьте визуальны, тем более люди пришли посмотреть на работу, а не почитать блог.
3. Завершенный проект
Дело в том, что кураторы галерей просматривают все работы вручную, то есть, нет никакого алгоритма или автоматики. Как только нажмете на кнопку “Опубликовать”, то у них в листе появляется ваша работа. Если же она не завершенная, то это уже просто беда, так как никто не будет ставить на них пометки “Посмотрю позже”, и вашу работу не выберут в Featured.
4. Обложка (Cover)
Обложка — это лицо вашего проекта. Это первая вещь, которую люди видят в вашем проекте. Делайте обложку яркой, интригующей, чтобы хотелось пройти и посмотреть весь проект. Отобразите в ней чувства и эмоции вашего проекта. Изображение на обложке должно быть консистентно с тем, что внутри, иначе люди будут разочарованы.
Совет:
5. Правильная категория
При публикации работы, есть категоризатор работ, в нем нужно правильно выбрать область своей работы. Это важно, так как именно куратор этой области будет смотреть вашу работу, а так же по этому выбору вас будет отфильтровывать в общем листе работ и вы попадете в нужный список дизайнеров вашей области.
6. Быть членом школ/организаций
В разделе “Школы и организации” по максимуму вступите в них (куда подходите по роду своей деятельности). Просто нажимайте кнопку “Вступить” и вас будет переводить на страницу этой школы или организации с условиями вступления в их ряды.
Я не придавала значение этому пункту, но после того как вступила в Ассоциацию AIGA буквально через несколько дней/недель стала получать награды от галлереи ассоциации. В итоге теперь имею уже 3 проекта, награжденных от AIGA!
Совет:
7. Комментировать и лайкать других
Думаю ни для кого не секрет, что всем нравится когда их лайкают и комментируют работы. Не упускайте шанс заводить друзей, фолловеров, последователей, учеников и наставников. Используйте Behance как социальную сеть.
Так же большой ажиотаж вокруг вашего проекта увеличивают шансы быть замеченным куратором галерей.
Совет:
8. Написать блог
Советы о том как прокачать Behance. Автор Anton Radkovets графический дизайнер, Art director в студии GR Studio, grstudio.art
Разбираем реальные кейсы! Смотрим, что можно улучшить и раздуть, что бы получать хороший рейтинг и возможно даже ленту на Behance. Разбираем плюсы и минусы прокачки проекта за деньги.
Как дизайнеру сделать свой первый кейс на Behance
Чтобы заявить о себе, дизайнеру не обязательно создавать собственный сайт с портфолио: можно размещать работы на площадках, которые часто посещают клиенты и коллеги, — например, Behance. Недостаточно просто опубликовать красивые картинки — нужно создать полноценный кейс, по которому другие люди смогут оценить вашу способность мыслить и решать дизайнерские задачи.
Как должен выглядеть привлекательный кейс и какие ошибки допускают начинающие специалисты — рассказывает Павел Горшков — UX-дизайнер и руководитель, экс-дизайн-директор Redmadrobot.
На Behance можно просто и сравнительно быстро организовать портфолио, чтобы показать его миру. В первую очередь площадка подходит специалистам, которые работают с визуалом: графические, моушен- и 3D-дизайнеры, иллюстраторы и дизайнеры интерфейсов. Behance помогает найти клиентов, а еще — вдохновиться чужими работами и завести новые знакомства в дизайнерской среде.
Вы лучше других знаете, как и кому презентовать ваши работы, но есть несколько базовых правил составления кейса, которые помогут вашей страничке на Behance выглядеть привлекательнее.
Выбор языка. Behance — международная площадка, поэтому лучше всего вести кейсы на английском языке. Даже если вы хорошо знаете язык, старайтесь использовать Plain English — пишите без сложных конструкций и редких слов, чтобы не носители языка тоже понимали вас. Но если вы не планируете работать с иностранцами, можно обойтись родным языком.
Сбор референсов. Чтобы начать создание портфолио, посмотрите наиболее рейтинговые кейсы других дизайнеров, у которых такая же специализация, что и у вас. Отложите самые хорошие кейсы для подробного изучения и подпишитесь на их авторов, чтобы не пропустить новые работы. Затем проанализируйте, что общего есть у кейсов, которые вам понравились, и чем именно они хороши — это пригодится, когда вы начнёте собирать свой первый кейс.
Кейс должен дать заказчику понять, как вы мыслите и почему выбираете те или иные решения. Чтобы подробно раскрыть эти вопросы, можете пользоваться готовой структурой кейса:
1. Затравка. Яркий открывающий тизер, который привлекает внимание человека, интересует и мотивирует читать кейс дальше. Если есть возможность, укажите ключевую информацию о проекте: например, после редизайна лендинга конверсия выросла на 3%.
2. Вызов. Описание задачи, которая перед вами стояла. Расскажите, зачем заказчик пришёл к вам и к чему это привело, как клиент собирался использовать результат вашей работы и как ваш дизайн должен был решить проблему.
3. Вдохновение и поиск решения. Расскажите, чем вы вдохновлялись в процессе работы и какие принципы заложили в решение задачи. Покажите концепты и кратко опишите ход своих мыслей: как выбирали шрифты и цвета, какой выбрали стиль и почему решили, что он лучше всего решит задачу.
4. Решение. Это основная часть вашего кейса, сделайте её максимально подробной и яркой. Сопроводите слайды описанием, но не переусердствуйте: пользователи Behance читают текст в лучшем случае по диагонали. Следуя традициям сторителлинга, самое сладкое приберегите напоследок, чтобы эффектно закрыть свой рассказ.
5. Результат. Время похвастаться результатами: чего вы добились своим дизайнерским решением и какую пользу оно принесло клиенту. Если клиент поделился цифрами, например рассказал, что клиентов стало на 20% больше, то публикуйте данные только с разрешения клиента.
6. Благодарности. Если работали в команде с другими дизайнерами, напишите имена других участников проекта и поблагодарите читателя за внимание.
Старайтесь описывать кейс ёмко и лаконично: большое количество текста скорее оттолкнет, потому что посетителям Behance важнее всего посмотреть работы дизайнеров.
В портфолио должны быть работы, которые подчёркивают ваш индивидуальный стиль и вызывают гордость лично у вас. Такие работы проще защищать перед клиентом. При этом стоит выкладывать только те работы, которые отражают ваше видение дизайна: для заказчика не должно быть сюрпризов а-ля увидел в портфолио минималистичные кейсы, а получил работу в стиле гранж.
Если вам попадались клиенты, которые запрещают выкладывать работы в портфолио, или сами проекты оказались не очень удачными — не беда.
Для портфолио вы можете создать любой проект, который придёт в голову: например, никто не мешает вам сделать редизайн банковского приложения или создать рекламные материалы для крупного мероприятия. Такие работы называются «фейковыми», и в этом нет ничего плохого. Конечно, «фейковый» дизайн не принесёт денег, но позволит вам продемонстрировать ваши навыки.
Регулярно обновляйте портфолио: убирайте старые, неактуальные работы и добавляйте новые. Если клиент видит, что в портфолио не добавили ни одной работы за год, он может решить, что дизайнер сменил профессию или работает в штате, поэтому к нему нет смысла обращаться. Чем больше качественных работ вы будете выкладывать на Behance, тем выше шанс, что одна из них попадёт на главную страницу с пометкой «Избранное».
Чтобы создавать привлекательные кейсы, нужно развивать одно из самых важных качеств дизайнера — насмотренность. Для этого каждый день заходите в кейсы коллег и черпайте вдохновение. Посещайте разные площадки: Behance, Dribbble, Pinterest и смотрите портфолио известных студий дизайна.
Успешное портфолио на Behance. Подробное руководство
Как оформить профиль, чтобы получить работу мечты, найти крутые кейсы для вдохновения и избежать ошибок, которые погубят даже качественный проект.
OlyaSnow для Skillbox Media
Behance — идеальная площадка, чтобы создать портфолио, заявить о себе, получить обратную связь от дизайн-сообщества и интересные предложения о работе.
Перед вами — большое руководство по этой платформе, в котором мы расскажем:
UI/UX-дизайнер, видеоблогер, предприниматель. Проектирует интерфейсы, создаёт развлекательно-образовательный контент и обучает дизайну.
Задача кейса — показать не только финальный результат, но и процесс, который за ним стоит. Это главное отличие Behance от Dribbble, где обычно представляют одну или несколько финальных картинок без контекста и подробностей. На Behance очень высоко ценится именно история создания проекта с подробностями задачи, проведённой аналитической работой, материалами и, конечно, результатом.
Хороший дизайн — это хорошо решённая задача, а не просто красивая картинка или анимация.
Пользователи Behance могут лайкать и комментировать кейсы, это влияет на популярность и потенциальный успех этих работ.
После публикации кейс оказывается на странице проектов соответствующей ему категории и постепенно смещается более свежими работами других участников.
Проекты, высоко оценённые сообществом, могут попасть в рекомендации на главной странице и в курируемые галереи — это гарантирует волну популярности кейса и самого дизайнера. Также в рекомендации пользователю попадают работы авторов, за которыми он следит, и кейсы, которые те лайкают.
Так, Behance — не просто сайт для размещения портфолио, а настоящая социальная сеть, где можно искать полезные контакты и вдохновение, набирать подписчиков и увеличивать свой профессиональный вес.
Сильный профиль на Behance — огромное профессиональное преимущество, и иногда этого достаточно, чтобы получить работу мечты.
С чего начать работу на Behance
Начать свой путь на Behance очень легко — платформа бесплатная, достаточно просто зарегистрироваться на сайте, и вы уже полноценный участник сообщества, в котором можно находить вдохновение.
Однако если ваша цель — развить свой личный бренд и получить максимальную отдачу от площадки, нужно правильно оформить свой профиль.
Как оформить профиль
На странице профиля будет краткая информация о вас и все ваши работы.
Представители компаний, куда вы отправляете резюме, будут гуглить вас, и, скорее всего, им будет попадаться страница вашего профиля, так как у Behance высокий приоритет в поисковой выдаче. Хорошо оформленный профиль будет подчёркивать ваш профессиональный подход и формировать первое впечатление о вас как о потенциальном сотруднике.
Начните с фотографии профиля, на которой желательно показать лицо и позитивный настрой — это повысит шансы на то, что с вами захотят сотрудничать. Работодатель хочет лучше узнать человека, а не смотреть на логотипы и картинки, за которыми он скрывается. Хотя в некоторых случаях можно подчеркнуть свои навыки, сделав в качестве аватара иллюстрированный автопортрет, по которому вас можно легко узнать.
Можно использовать полное имя или псевдоним — главное, чтобы во всех публичных сетях, включая Behance, имя совпадало, иначе будет нарушена целостность вашего личного бренда.
Составьте одно-два коротких предложения — опишите, чем вы занимаетесь и в каком ключе. Например: «Привет, я дизайнер интерфейсов в Google» или «Привет, я начинающий UI/UX-дизайнер с большим желанием развиваться в этой сфере».
Если вам сложно составить позиционирование для своего профиля, нужно определиться, на каком профессиональном этапе вы находитесь сейчас и к чему стремитесь в ближайшем будущем. Исходя из этого, сможете придумать одно-два лаконичных предложения.
Со временем ваше положение и приоритеты могут меняться, в соответствии с этим обновляйте свой профиль.
Если у вас есть персональный сайт или аккаунт на фриланс-бирже — обязательно добавляйте ссылки на них в свой Behance-профиль. Также в него можно добавить ссылки на основные соцсети, где вы наиболее активны, особенно если в них вы публикуете свой профессиональный контент.
Старайтесь, чтобы профили всех ваших публично доступных социальных сетей были оформлены в едином стиле — так ваш образ в глазах работодателей будет целостным.
Как и в случае с кратким описанием, старайтесь выражать мысли лаконично и по существу. Можно рассказать о своих навыках, опыте, индивидуальном видении дизайн-процесса. Главное — краткость: в большой текст профиля мало кто станет вчитываться.
Так что стоит выделить на это достаточно времени, чтобы хорошо подумать о самом важном и чётко сформулировать суть. Зато этот же текст можно использовать и на других площадках — например, в описании своего профиля на фриланс-бирже и в соцсетях.
Старайтесь придерживаться единого стиля общения в тексте. Не стоит писать слишком формально, но и совсем в казуальщину тоже лучше не пускаться. Чётко определитесь с позиционированием своего бренда и пишите текст именно в этом образе от первого лица.
Для большинства случаев отлично будет работать дружественный и открытый стиль письма.
В верхнюю часть страницы можно добавить шапку — обложку вашего профиля. Если у вас крутые навыки в графическом дизайне или в 3D, можно сделать что-то оригинальное, но чаще лучше придерживаться принципа «Не навреди».
Кроме того, интерфейс Behance адаптируется под разные размеры экранов, перекрывая части обложки. Если там есть надписи или важные графические элементы, у многих пользователей они могут некрасиво обрезаться и потерять смысл.
Стоит как можно раньше определиться, на какой рынок вы работаете или планируете работать в ближайшем будущем. Если вы ориентируетесь на международные компании и западных клиентов, стоит заполнять свой профиль на английском. Важно понимать, что уровень целевого языка должен позволять проходить собеседования и работать с носителями — иначе в этом нет смысла.
Если вы ориентируетесь на Запад, кейсы тоже стоит оформлять на английском, даже несмотря на то, что сам дизайн сайта или приложения, которые вы презентуете, на русском языке.
Доски настроения и насмотренность
Улучшать уровень своего дизайна помогут доски настроения. Можно создавать их самим или подписываться на уже созданные другими пользователями.
Доска настроения — это коллекция кейсов, которые вам понравились. Можно добавлять на одну доску всё подряд, но лучше создать отдельную доску с подходящим названием под каждую интересующую вас категорию.
Например, вы хотите научиться делать проекты с классной типографикой. Находите такие кейсы и сохраняйте их на доску настроения «Типографика».
Можно создать неограниченное количество подобных коллекций и добавлять туда неограниченное количество работ.
Через какое-то время у вас сформируется большая и качественная база для тренировки насмотренности, в которой можно легко найти именно то, что поможет при работе над любым проектом. Всё это будет доступно в вашем Behance-профиле.
Как искать хорошие кейсы и крутых дизайнеров
Так как на Behance каждый может публиковать свои проекты, поначалу бывает сложно отличить хорошую работу от плохой. Чтобы тренировать насмотренность на основе качественных работ, можно опираться на мнение кураторов, которые ведут тематические галереи на Behance.
Что такое курируемые галереи Behance
На Behance большое количество разных курируемых галерей, куда стремятся попасть все, но попадают единицы. Ежедневно в каждую из галерей кураторы платформы отбирают по четыре работы. Их авторы получают специальные ленточки с аббревиатурами галерей, куда их кейсы отобрали.
Это очень ценное пополнение для профиля — ленточка означает, что работу дизайнера признали на высоком уровне.
С полным списком курируемых галерей можно ознакомиться здесь. Среди них есть, к примеру, три самых актуальных для веб- и UI/UX-дизайнеров галереи. Если это ваше направление, рекомендуем подписаться на них.
В этой галерее собраны лучшие, по мнению кураторов, проекты, причём вне зависимости от категории. Там можно найти работы из сферы UI/UX-дизайна, а также из любых других сфер. Стоит развивать свою насмотренность не только в конкретной специализации, но и в целом, ведь часто вдохновение или интересные решения можно отыскать там, где их не ждёшь.
Это основная галерея из темы пользовательских интерфейсов, где можно найти лучшие кейсы дизайна сайтов и приложений, а также иллюстрации.
Галерея, посвящённая программе для дизайна интерфейсов Adobe XD. Сюда попадают работы по дизайну приложений и сайтов, в которых автор указал Adobe XD как рабочий инструмент.
Любопытный факт — многие пользователи указывают в своих кейсах программу XD как инструмент, даже если не использовали её. Они делают это, чтобы повысить свои шансы оказаться в XD-галерее и получить ленточку.
Дизайнеры на Behance
Можно подписываться не только на галереи, но и на конкретных авторов, чьи работы вам понравились. Чтобы не следить за теми, кто может научить плохому дизайну, на начальных этапах тоже лучше опираться на работы из галерей. Это гарантирует, что вам попадутся дизайнеры высокого уровня.
Для лёгкого старта можем порекомендовать десять интересных профилей:
Рецепт успешного кейса
Когда у вас грамотно оформлен профиль, пора готовить и публиковать свои кейсы.
В этой части материала мы расскажем:
Общие принципы
Основатель Behance Скотт Бельски создавал эту платформу, чтобы дизайнеры могли показать процесс решения задач и проблем. Не зная этого, многие допускают главную ошибку — демонстрируют только финальный результат.
Кейс можно считать целой историей выполнения работы, и если всё сделать грамотно, эту историю будет интересно изучать, а результат будет вызывать доверие потенциальных работодателей и уважение коллег.
Иногда создание кейса может занимать не меньше времени, чем работа над самим проектом. Вот простой лайфхак, который поможет упростить и ускорить процесс:
К примеру, если ваша работа связана с UX, можно сохранять в процессе такие составляющие:
Этот список может отличаться в зависимости от того, в каком направлении вы работаете и какие практики есть в вашем рабочем процессе.
После того как проект будет готов, самые значимые из этих материалов можно добавить в ваш кейс, чтобы продемонстрировать ключевые моменты работы.
Вместе с тем большое количество подобной информации может выглядеть скучно, поэтому старайтесь фокусироваться на главном и не расписывайте каждый этап слишком подробно. А чтобы кейс получился ещё более увлекательным, рекомендуем разбавлять такие блоки анимацией, иллюстрациями и видео.
Какие проекты стоит оформлять в кейсы?
Может показаться, что чем больше работ в портфолио, тем лучше, но суть не в количестве, а в качестве этих работ. Если кейсов много, потенциальный работодатель всё равно не станет заглядывать в каждый, а откроет два-три и на их основе составит впечатление о дизайнере. Повезёт, если этими случайными работами окажутся лучшие.
Хорошо, когда в профиле доступно всего несколько работ, но они лучшие из тех, что вы когда-либо делали.
Каждая работа, которую вы презентуете на Behance, должна привносить что-то новое как минимум в ваше портфолио.
Если вы в основном работаете над однотипными проектами, в которых нет ничего запоминающегося, вряд ли из этого получатся кейсы, которые могут впечатлить. А если вы соберёте целое портфолио из десятков подобных проектов, вряд ли получите хорошее предложение о работе.
Что же тогда делать? Без портфолио работу не получить, а без работы портфолио не собрать. Бывает и наоборот: дизайнер работает в крутой компании, но контракт запрещает ему публиковать какие-либо материалы или подробности проектов. В итоге годы идут, а портфолио остаётся пустым.
Именно поэтому значительная часть кейсов на Behance — концепции, придуманные исключительно для портфолио, и это нормальная практика.
Не обязательно, чтобы у проекта был реальный заказчик, главное, чтобы работа выглядела реалистично и решала конкретную бизнес-задачу.
Как придумать идею для портфолио?
Если вы умеете решать дизайн-задачи, значит, можете разглядеть и дизайн-проблемы, которые есть в любом продукте.
Чтобы собрать портфолио, можно генерировать идеи для реальных проектов и решать реальные задачи, но при этом не зависеть от реального заказчика. Например:
Работайте над такими проектами в свободное время, сохраняйте материалы, и в итоге вы сможете сделать интересный кейс, который будет хорошо смотреться в портфолио.
За год можно выполнить пять-шесть подобных кейсов. Для портфолио этого достаточно. Главное — в каждом новом проекте стремиться выйти на более высокий уровень, чем в предыдущем, как с точки зрения самого проекта, так и с точки зрения кейса.
Так вы можете собрать портфолио, с которым попасть в топовую компанию или получить более качественные заказы на фрилансе станет намного реальнее.
Ключевые блоки Behance-кейса
В начале определите темы блоков и их последовательность, после этого можно приступать к дизайну. В результате должна получиться цельная история, у которой есть завязка, развитие сюжета и эпичный финал, а в конце могут идти «титры» и благодарности.
В большинстве кейсов дизайнеры используют похожие тематические блоки, но оформляют их в стилистике конкретного проекта. Последовательность блоков может варьироваться в зависимости от видения автора.
Вот список самых универсальных блоков, которые можно найти практически в каждом кейсе:
1. Первый экран кейса
Отсюда пользователь начинает знакомство с вашим проектом, поэтому лучше сразу привлечь его внимание чем-то интересным — обычно это иллюстрация, анимация, фото, видео или просто впечатляющая типографика и композиция. Пользователю нужно сразу понимать, о чём ваш кейс, хотя бы в общих чертах, так что не стоит держать интригу до следующего экрана.
2. Описание проекта
Здесь всё просто. Например, если вы сделали редизайн банковского приложения, расскажите об этом одним-двумя абзацами. Часто описание проекта совмещают с первым экраном, чтобы пользователю сразу было понятно, о чём в кейсе пойдёт речь.
3. Описание задачи и цели
Во многих случаях в этом блоке размещают два небольших абзаца. Первый описывает основную задачу, второй — чётко сформулированную цель.
4. Блоки подготовительной работы
В эту категорию входят анализ рынка, описание пользователей, различные карты взаимодействия с продуктом, прототипы и так далее. Можно показать только часть или всё — главное, чтобы это дополняло презентацию и было интересно оформлено визуально.
5. Разные визуальные решения
В блоках визуальных решений можно встретить наборы UI-элементов проекта, сетки композиции, выбор шрифтовых и цветовых сочетаний и тому подобное. Стоит дополнять такие блоки кратким объяснением показанных решений.
6. Видео и GIF-анимации
Видео и гифки бывают двух типов — развлекательные и демонстрационные.
Развлекательными можно разбавлять визуально похожие блоки кейса, чтобы он выглядел более динамично. Для этого подойдут проморолики вашего продукта или бизнеса, для которого этот продукт создавался.
Демонстрационные анимации и видео нужны, чтобы, например, показать, как при взаимодействии с пользователем будет вести себя тот или иной экран приложения, страница сайта или любые другие элементы вашего проекта.
Пример видеопрезентации взаимодействия пользователя с сайтом
7. Результаты работы
Рассказав о проекте, о его сложностях и обо всех самых интересных и важных этапах работы, покажите финальный результат. Например, если кейс на тему пользовательских интерфейсов или веб-дизайна, это должны быть макеты: десктопные и мобильные версии сайтов или экраны приложения.
В зависимости от стилистики проекта и самого кейса можно презентовать результаты работы в мокапах соответствующих устройств.
Демонстрационные видео и GIF-анимация также помогут презентовать результат работы.
8. Техническая информация
Этот блок — подобие финальных титров фильма. Обычно в нём пишут имена людей, которые работали над проектом, его направление, год создания и другие общие сведения.
9. Благодарность за просмотр
Блок благодарности обычно находится в самом конце кейса. Как правило, это большая надпись: «Спасибо за просмотр» или что-то похожее. Часто этот и предыдущий блок объединяют в один.
Не стоит делать этот блок слишком простым и скучным, потому что прямо под ним будет находиться большая синяя кнопка, с помощью которой пользователи могут поставить лайк вашему кейсу. Если вы добавите им приятных впечатлений последним блоком, вероятность получения лайка увеличится.
Но писать «Ставьте лайк, подписывайтесь на меня» не стоит, на Behance это считают дурным тоном.
Советы и технические нюансы
Интерфейс создания кейсов на Behance интуитивно понятный, но есть нюансы, которые могут вызывать вопросы и сложности — о них и поговорим.
Формат кейса
Максимальная ширина кейса — 1400 пикселей. То есть даже если вы загрузите макет шириной 1920 пикселей, Behance всё равно будет отображать его в 1400. При этом внутри кейса на изображение можно нажать, и оно откроется в максимально доступном разрешении. Так что в некоторых случаях есть смысл экспортировать изображения из графического редактора в полуторном или двойном размере.
Высота кейса может быть какой угодно. Но ни в коем случае не загружайте весь кейс одной картинкой — любой Behance-кейс строится из отдельных смысловых блоков.
Каждый такой блок экспортируйте отдельным изображением и уже эти небольшие изображения вставляйте в свой кейс. Благодаря этому ваш кейс будет загружаться у пользователей гораздо быстрее.
Длина кейса
Количество блоков в кейсе обычно зависит от размера проекта. Среднее их число — от пяти до 15. Меньше пяти точно делать не стоит — это уже сложно будет назвать полноценным кейсом. А вот больше 15 блоков — распространённая практика, особенно когда речь идет о UI/UX-презентациях.
Хорошая длина совокупности всех блоков — около 20 000 пикселей. Если получается значительно больше, вы должны быть уверены, что оно того стоит.
Не нужно раздувать свои кейсы, чтобы создать ощущение большой проделанной работы — больше не значит лучше.
С чего начать дизайн Behance-кейса
Стилистику кейса лучше выстраивать в стиле самого проекта, но должно быть понятно, где «обёртка», а где проект. Для этого старайтесь разграничивать фон кейса и контент. Например, не растягивайте дизайн-макеты на всю ширину кейса — оставляйте поля по бокам. Также добавляйте заголовки смысловым блокам презентации.
Форматы изображений
Каждый статичный блок стоит загружать на Behance как отдельную картинку в формате PNG или JPG.
Иногда изображение в одном из этих форматов выглядит лучше, чем в другом. Если после сохранения или публикации кейса какие-то из добавленных картинок потеряли в качестве, можно попробовать загрузить их в PNG вместо JPG или наоборот.
Кроме того, если картинка сильно портится при сохранении или при публикации кейса, есть вероятность, что она слишком большая или сложная в цветовом плане. Из-за этого не справляются алгоритмы оптимизации. Иногда удаётся решить эту проблему, если разрезать изображение на несколько частей, — так вес файла уменьшится, на обработку потребуется меньше ресурсов и итоговое качество станет лучше.
Видео или GIF?
Гифки в Behance-кейсах получаются заметно более низкого качества, чем видео, но у GIF-изображений есть пара плюсов:
Если же для вашего кейса принципиальны высокое качество и плавная анимация, вам больше подойдёт видеоформат. При этом видео лучше встраивать. У многих возникают трудности, потому что не совсем очевидно, как это делать, учитывая все нюансы.
Как встроить видео?
Для того чтобы добавить видео в кейс, его лучше всего предварительно загрузить на видеохостинг Vimeo. Это даёт дополнительные возможности настройки.
Конечно, можно воспользоваться и YouTube или даже просто загрузить видео прямо на Behance, но тогда не получится гибко настроить внешний вид видеопроигрывателя — к примеру, полностью отключить его интерфейс, чтобы видео бесшовно воспроизводилось в кейсе и вызывало вау-эффект.
Чтобы встроить ролик со стороннего ресурса, нужно:
Эти ключи у разных видеосервисов могут отличаться. В этом материале мы рассматриваем встраивание видео из Vimeo.
Ключ autoplay=0 поможет сделать так, чтобы видео воспроизводилось автоматически. Важно, что в некоторых веб-браузерах оно все равно не будет автоматически запускаться, если только в плеере не отключен звук. Эту задачу решит ключ muted=1.
Во многих кейсах бывает несколько встроенных видео, и чаще всего хочется, чтобы они проигрывались одновременно и были зациклены. В некоторых браузерах запуск одного проигрывателя прерывает работу другого. С помощью ключа autopause=0 можно отключить это ограничение.
Ключей существует очень много, но некоторые из них будут работать только при использовании платных тарифов Vimeo. Например, полное отключение интерфейса видеопроигрывателя можно активировать лишь на платном тарифе, причём только в настройках вашего видео в самом Vimeo.
Ключи можно добавлять друг за другом подряд, но чтобы они работали, необходимо проставлять между ними символ амперсанд — вставляйте его как запятую между ключами без пробелов.
В теме встраивания видео на Behance есть множество нюансов — о некоторых можно узнать из этого ролика.
Тестирование адаптивности кейса
Конечно, смартфон не идеальное место, чтобы полноценно насладиться классным кейсом, но многих пользователей это не останавливает, поэтому стоит проверять, как ваша работа выглядит на мобильном устройстве.
Это особенно критично, если в вашем проекте есть блоки с сеткой изображений, потому что в адаптивной версии изображения переносятся на следующую строку и вид вашего проекта может получиться не таким, как вы ожидаете.
Обязательно проверяйте свои кейсы в браузере на мобильном устройстве или в мобильном приложении Behance.
Выводы
1. Используйте Behance для вдохновения и развития:
2. Презентуйте на Behance только лучшие кейсы:
3. Не забывайте, что Behance-кейс — это презентация процесса работы над проектом с демонстрацией финального результата:
4. Помните о важных технических нюансах:
5. Насыщайте кейс интересными деталями и по возможности добавляйте классную анимацию и видео, чтобы разнообразить статичный контент.