Урок 4: Портфолио — как подавать AI-работы

Чему вы научитесь

• Упаковывать проекты с использованием AI так, чтобы арт-директор и коммерческий заказчик видели ваше инженерно-дизайнерское мышление, а не «нажатие кнопки в генераторе»
• Выстраивать архитектуру продающего кейса на Behance, Dprofile и личном сайте на Framer
• Грамотно раскрывать стек AI-инструментов в соответствии со стандартами прозрачности 2026 года (EU AI Act, C2PA Content Credentials) и превращать скорость работы в конкурентное преимущество
• Формулировать сильное позиционирование AI-augmented Product Designer / Design Engineer для резюме и переговоров с клиентами

Для практики используем arckep.ru — все основные модели, без VPN, оплата рублями. Вы можете использовать любые другие сервисы.

Почему одни AI-кейсы вызывают скепсис арт-директоров, а другие приносят офферы

В 2026 году ни один арт-директор дизайн-студии и ни один основатель стартапа уже не удивляется самой по себе красивой картинке из Midjourney или сгенерированному за минуту экрану. Более того: если ваше портфолио состоит из 15 разрозненных шотов без объяснения бизнес-задачи, ограничений и логики выбора, нанимающий лид закроет вкладку через 10 секунд с мыслью: «Человек умеет писать промпты, но не умеет проектировать продукт и посыплется на первой же реальной правке заказчика».

Заказчик и работодатель покупают не факт генерации, а управляемость, системность и бизнес-результат. Они хотят видеть:

1. Как вы нашли реальную проблему (анализ отзывов, JTBD-персоны, эвристики, проверка первого экрана тепловой картой).
2. Как вы обуздали хаос нейросетей (как через DESIGN.md, жесткую палитру в Recraft V4.1 и единые токены вы заставили 5 разных моделей выдавать предсказуемый фирменный стиль).
3. Что именно вы доработали руками и почему отвергли первые варианты ИИ (показ сырого AI-черновика рядом с вычищенным вами финальным макетом в Figma).
4. Как изменились метрики продукта (рост Clarity Score с 39 до 76, рост внимания на CTA с 2.5% до 8.8%, сокращение цикла запуска с месяца до 3 дней).

AI-портфолио дизайнера (Nano Banana 2 через arckep.ru)

Этика, прозрачность и стандарты раскрытия AI в 2026 году

Нужно ли говорить заказчику и указывать в портфолио, что в проекте использовались нейросети? В 2026 году ответ однозначный: открытая и профессиональная фиксация AI-стека работает на вашу репутацию и защищает юридически.

Во-первых, вступили в полную силу международные стандарты прозрачности — EU AI Act, регламенты IAB AI Transparency Framework и автоматическая криптографическая маркировка метаданных Content Credentials (C2PA), которую поддерживают Adobe, Behance и ведущие генераторы. Попытка скрыть использование ИИ и выдать 3-часовую генерацию за две недели ручной отрисовки при обнаружении разрушает доверие с клиентом навсегда.

Во-вторых, правильная подача AI-стека поднимает вашу ставку за час. Вы продаёте клиенту не «количество часов сидения с пером в Illustrator», а скорость вывода продукта на рынок и широту проверенных гипотез.

Как разговаривать с разными типами заказчиков

• Для фаундеров стартапов и малого бизнеса: «Благодаря связке Figma Make, Recraft и Framer я собираю не просто статичный макет в Figma, а полностью работающий адаптивный сайт с промо-роликом и проверенной тепловой картой за 3 дня вместо месяца. Вы экономите на отдельной вёрстке и запускаете рекламу уже на этой неделе».
• Для дизайн-директоров и продуктовых команд (Middle/Senior найм): «Я использую Claude для быстрой кластеризации пользовательских интервью по методу The Mom Test, проверяю визуальную иерархию первых экранов через Attention Insight до передачи в разработку и держу консистентность прототипов в Bolt/v0 через строгий файл токенов DESIGN.md».
• Для крупных корпораций (Enterprise): «Все используемые генеративные инструменты применяются на коммерческих тарифах с передачей прав; финальная типографика, векторная сетка логотипа и компонентная база собираются вручную в Figma по вашему брендбуку».

Где публиковать портфолио в 2026 году: три главные площадки

Чтобы получать как российских, так и международных клиентов, используйте связку из трёх взаимодополняющих платформ:

1. Dprofile (dprofile.ru) — главная площадка для рынка РФ и СНГ

В русскоязычной индустрии Dprofile стал ключевым местом, где арт-директора топовых российских студий, банков и ИТ-компаний ищут дизайнеров в штат и на проектный аутсорс.

• Что ценится жюри и работодателями на Dprofile: здесь особенно внимательно смотрят на чистоту кириллической типографики, реальную логику сеток и продуманный сторителлинг на русском языке. Никогда не оставляйте на макетах английский текст-рыбу или кривые буквы из растрового генератора — все заголовки должны быть набраны живым шрифтом (Golos Text, Inter, Onest, TT Commons) с правильными тире — и кавычками-ёлочками «».
• Как выделяться: подробно расписывайте продуктовую задачу, показывайте схемы из UX-исследования и встраивайте короткие зацикленные видео (MP4/GIF) с микроанимациями интерфейса и 3D-элементами.

2. Behance (behance.net) — международная витрина и визуальный размах

Behance остаётся мировым стандартом для демонстрации арт-дирекшна, комплексной упаковки бренда и мультимедийных презентаций.

• Как удерживать внимание в ленте: обложка кейса (Cover) конкурирует с сотнями других работ. Используйте для обложки крупный, чистый 3D-рендер или контрастный кадр из Nano Banana с вашим продуктом и лаконичным названием без мелкого нечитаемого текста.
• Чередование ритма: в длинном лонгриде на Behance чередуйте статичные слайды (сетка DESIGN.md, карточки персон, экраны интерфейса) с полноширинными видео-вставками (Vimeo/встроенный плеер с автовоспроизведением): гибридный промо-ролик из Kling 3.0 и запись живого взаимодействия с сайтом.

3. Личный интерактивный сайт на Framer — ваша главная точка конверсии

Ссылки на Dprofile и Behance приводят трафик, но закрывать сделку с прямым заказчиком или проходить финальное собеседование лучше всего через собственный сайт-портфолио, собранный на Framer, Bolt.new или Astro.

• Сам ваш сайт-портфолио является доказательством того, что вы умеете доводить дизайн до работающего продукта в браузере, настраивать плавные 60 FPS микроанимации и адаптивную вёрстку.
• Разместите на первом экране сайта чёткую формулу позиционирования, 3 лучших глубоких кейса, интерактивный переключатель «До / После» редизайна и прямую кнопку связи в Telegram.

Пошаговая архитектура кейса, который убеждает арт-директора

Оформляйте каждый проект в портфолио не как «галерею картинок», а как увлекательный инженерный детектив из 6 экранов-глав:

1. Глава 1. Контекст, бизнес-задача и жёсткие ограничения. В первых трёх абзацах объясните: что это за продукт, кто целевой клиент, какая бизнес-проблема стояла на старте (например, «высокий отвал на первом экране и отсутствие единого визуального стиля») и в какие сроки вы уложились благодаря AI-пайплайну. Сразу дайте кликабельную ссылку на живой рабочий прототип или сайт.

2. Глава 2. Доказательный UX-ресёрч и инсайты (вместо «мы подумали»). Покажите, как вы искали правду: приведите карточку JTBD-персоны с 4 силами переключения (Push, Pull, Anxiety, Habit), построенную по реальным отзывам конкурентов, и выделите 3 конкретных страха пользователя, которые легли в основу структуры макета.

3. Глава 3. Сквозная дизайн-система и укрощение ИИ (DESIGN.md). Продемонстрируйте профессиональную кухню: покажите визуальную плашку с вашими цветовыми токенами, шрифтовой шкалой, векторной сеткой SVG-логотипа и иконок из Recraft V4.1. Покажите рядом «Сырую генерацию нейросети» и «Финальный доработанный экран после вашего арт-дирекшна» — этот слайд снимает 100% подозрений в том, что вы «просто нажали кнопку».

4. Глава 4. Проверка визуальной иерархии цифрами (До / После в Attention Insight). Поставьте рядом два скриншота тепловой карты внимания: черновой вариант и финальный макет. Крупно выделите цифры: «Доля внимания на главной кнопке CTA выросла с 2.8% до 8.6%, а индекс чистоты экрана Clarity Score — с 41 до 75 баллов».

5. Глава 5. Живой интерфейс в движении, 3D и гибридное промо-видео. Встройте 45-секундный демо-ролик продукта (Kling 3.0 + реальный скринкаст UI) и покажите короткие видеопетли (loops) с вашими микроанимациями кнопок, карточек и вращением 3D-объекта.

6. Глава 6. Итоги, бизнес-эффект и честная рефлексия автора. Завершите кейс сводной таблицей результатов и коротким блоком рефлексии: что сработало отлично, где нейросеть ошиблась (и как вы это исправили руками) и какие две гипотезы вы бы протестировали следующим спринтом в Maze.

Позиционирование в резюме: как называть себя в 2026 году

Забудьте слова «AI-художник», «промпт-дизайнер» или «оператор Midjourney» — на рынке труда они ассоциируются с демпингом и отсутствием базовой школы дизайна. Позиционируйте себя через свою основную продуктовую роль, усиленную инженерным AI-стеком:

• AI-Augmented Product Designer (Продуктовый UX/UI-дизайнер с AI-стеком): «Проектирую интерфейсы на основе JTBD-исследований и предиктивного айтрекинга. Проверяю гипотезы и собираю интерактивные прототипы в 5 раз быстрее за счёт связки Claude, Figma Make и Attention Insight».
• Design Engineer / Веб-дизайнер полного цикла: «Отвечаю за весь цикл запуска от бренд-системы в Recraft и макета в Figma до живого адаптивного сайта на Framer / Bolt.new с 60 FPS анимациями и промо-видео в Kling 3.0».