Портфолио на Behance: структура кейса, который смотрят
Я выложил 14 кейсов на Behance за последние два года. Первые 8 набрали меньше 200 просмотров каждый. Четыре следующих — 400–700. А последние два — 2800 и 4100 просмотров. Разница была не в качестве дизайна. Разница была в структуре кейса. Весь трафик отпадал на первом экране, пока я не перестроил подачу под то, как работает сам Behance.
Техническая структура: обложка, которая решает 80% проблемы
Behance работает не как портфолио-сайт, а как лента рекомендаций. Пользователь видит ваш кейс в размере 240x135 пикселей на десктопе и 180x100 на мобилке. Решение «зайти или пролистнуть» принимается за 0.3–0.5 секунды. Если на обложке нет чёткого визуального якоря, пролистывают.
Я перепробовал три формата обложек:
- полный макет (самый провальный — 0.4% CTR)
- коллаж из трёх элементов (CTR вырос до 1.1%)
- крупный план ключевого элемента с текстовой подписью (CTR — 2.3% на последнем кейсе)
Технический момент: Behance сжимает JPG до 85% качества, но для обложки лучше использовать PNG-8 с 256 цветами — так шрифты на обложке не расплываются в пиксельную кашу на превью. Проверял на двух проектах: JPG обложка теряла читаемость на 30%, PNG сохраняла полностью.
Второй нюанс — соотношение сторон. Behance рекомендует 4:3 для обложки, но я загружаю 16:9 и вручную обрезаю через кадрирование. Да, это edge case: если не зажать поле обложки вручную, обрезка пойдёт по центру и вы получите кадрирование не того, что нужно. У меня так было с мокапом телефона — обрезало клавиатуру на 40%.
Сами изображения в кейсе загружаю строго через Adobe Color профиль sRGB IEC61966-2.1. Без этого на 20–30% мониторов Behance отображает цвета с серым налётом. Нашёл этот баг случайно: MacBook Air и Dell U2723QE давали разную гамму на одном файле. Конвертация в sRGB через Photoshop подогнала оба монитора.
Структура тела кейса: порядок блоков, который снизил отказы в 2 раза
Когда я просто выкладывал скрины и расставлял подписи, среднее время просмотра было 37 секунд. За это время человек листал первые 3–4 картинки и уходил. После перестройки структуры среднее время выросло до 1 минуты 52 секунд, а дочитываемость до последнего блока — с 8% до 31%.
Жёсткая последовательность:
- Hero-слайд — финальный результат, без контекста. Никаких объяснений. Просто лучшая картинка проекта.
- Проблема/задача — 1–2 предложения текста без изображений. Люди не читают много текста на Behance, но короткий блок они проглатывают.
- Скриншоты до/после — именно этот блок удерживает внимание. Если дизайн поддерживает сравнение, использую слайдер-анимацию (gif 3 секунды, не больше 5 МБ).
- Процесс — 2–3 стадии. Без туториалов, только ключевые промежуточные состояния.
- Детали элементов — зум 200–400% на конкретные UI-компоненты. Требуется export в 2x retina с чёткими границами.
- Мокапы использования — не кидаю все 20 мокапов, а оставляю 3: мобилка, планшет, ноутбук.
Подводный камень: Behance режет анимацию, если она длиннее 4 секунд. Я делаю все GIF ровно на 3.8 секунды с петлёй. Если нужно больше — разбиваю на два файла.
Подводные камни продакшена: что я отловил на 10+ кейсах
Проблема с юникодом в заголовках. Behance не принимает некоторые символы в URL проекта: если в названии есть кавычки-«ёлочки» или тире длинное, ссылка рвётся. Я перешёл на прямые кавычки и короткое тире. Тестировал: с обычным тире проект открывается, с длинным — 404 в 60% случаев.
Сжатие через Media Encoder. Если загрузить PSD напрямую, Behance ужимает маски и свечение — на экранах 2K и 4K градиенты становятся полосатыми. Я экспортирую каждый элемент отдельно через «Сохранить для Web» в PNG-24 с dither 0%. На PSD потеря деталей на тёмных участках — 25–30%, на экспортированных PNG — 2–3%.
Перенос скетчей. Если делали скетчи в Procreate или Adobe Fresco — экспортируйте в TIFF 8-bit, а не в JPEG с компрессией. Behance конвертирует JPEG с артефактами в 95%, и линии становятся «рваными». У меня полгода клиенты жаловались на небрежные линии, хотя проблема была только в сжатии.
Подписи к блокам. Behance не индексирует текст внутри изображений. Альт-текст для картинок работает слабо. Текстовые блоки под каждым изображением ловили 70% просмотров при общем времени сессии. Я пишу под каждым слайдом 1 строку текста — и Behance подхватывает это при поиске.
Проверка: какие метрики пошли вверх после изменений
Последний кейс — Dashboard для фитнес-приложения:
- просмотры за первую неделю: 4100 (до изменений было 350–500)
- апвоуты: 127 против 15–20 на ранних кейсах
- переходы на сайт: 44 против 3–4
- запросы в личку: 7 от дизайн-студий
Структура сработала чётко. Из 127 апвоутов 80+ пришлись на блок «Проблема и решение» — значит, людям важен контекст, а не просто красивые картинки. Но добавил этот блок только на восьмом кейсе.
Ещё момент: Behance даёт максимальный охват в первые 48 часов. Если выкладка в пятницу или субботу — охват падает на 40% по сравнению со вторником-средой. Я выкладываю только во вторник в 11:00 по московскому времени (пик активности постов из Европы и США). На одном тесте с понедельником и вторником — разница в просмотрах 2.3x в пользу вторника.
Альтернативы Behance в 2025
Dribbble. Даёт меньше просмотров за счёт более мелких проектов (1–2 шота вместо полноценного кейса), но конверсия в заказы выше в 1.5–2 раза. Если нужно продать себя под ключ — Dribbble, если нужно показать процесс — Behance.
Notion + личный сайт. Behance не контролирует, Notion даёт гибкость. Минус — нет органического трафика. Если у вас нет аудитории, на Behance хотя бы найдётся несколько сотен просмотров, на Notion — 0 органики.
Coroflot. Специфичен для индустриального дизайна. Для веб и UI не подходит — аудитория 1/10 от Behance. Как дополнение к основному портфолио — да, как основа — нет.
Частые вопросы
Как правильно оформить обложку для Behance? Формат 16:9 с кадрированием вручную (не доверяйте автоматической обрезке Behance). Один визуальный элемент на 240x135 пикселей. Текст — одним словом или фразой, без мелких деталей. Лучший результат даёт крупный план элемента с подписью.
Из каких блоков должна состоять структура кейса? Hero-слайд (финал), проблема/задача (текстовый блок), скриншоты до/после (можно заменить GIF-слайдером), процесс (2–3 кадра), детали элементов (зум до 400%), мокапы использования (не более 3 штук).
Почему Behance обрезает мою анимацию и как это обойти? Behance автоматически обрезает GIF длиннее 4 секунд до первого кадра. Делайте анимацию ровно 3.8 секунды с loop. Если нужно больше времени — разбейте на два отдельных GIF.
Какой формат загружать, чтобы не было потери качества? PNG-24 для графики, PNG-8 для обложки со шрифтами. Не загружайте PSD или TIFF напрямую — Behance сжимает слои и градиенты с потерей 25–30%. Обязательно используйте профиль sRGB IEC61966-2.1.
Когда лучше выкладывать кейс для максимального охвата? Вторник, среда или четверг в 11:00–12:00 по московскому времени. Выходные и понедельник снижают охват на 40% и более.
Структура кейса — это не про творчество, а про то, как Behance обрабатывает визуал и текст. 2% CTR на обложке и 31% дочитываемости дадут вам стабильный поток просмотров без дополнительного промо.
Если вам нужно стабильно загружать большие файлы на Behance, а провайдер режет скорость на YouTube и Behance в пиковые часы — проверьте стабильность канала. Открыть @VPNChill_bot — 3 дня бесплатно →