Портфолио, которое
продаёт за вас.

«Портфолио — это не про красивые картинки. Это про доверие. Заказчик, открывая ваш сайт, ищет не дизайн, а безопасность: не кинут ли, справятся ли, понимают ли мой бизнес».

Если вы веб-дизайнер и прямо сейчас ищете заказы — скорее всего, вы уже столкнулись с парадоксом: чтобы получить клиента, нужно портфолио, а чтобы собрать портфолио, нужен клиент. Этот гайд разбивает этот замкнутый круг. Шаг за шагом: от первого концептуального кейса до системы, которая приносит заявки на автопилоте.

Меня зовут Виктор Агнис. Я основатель AxonLeads — сервиса, который автоматически находит заказы на дизайн из 30+ источников и доставляет их в Telegram. Я живу во Вьетнаме, пишу код на Python и React, и последние полтора года наблюдаю одну и ту же картину: дизайнеры с посредственными навыками, но сильным портфолио зарабатывают в 3–5 раз больше тех, кто рисует лучше, но не умеет себя упаковать.

Эта статья — не очередной список «покажите кейсы, будьте уникальны». Здесь конкретика: психология заказчика, три рабочих архетипа дизайнера, пошаговый мануал по вайб-кодингу сайта-портфолио с помощью Claude, формула ценообразования и стратегия продвижения через контент. Всё, что я узнал, запуская AxonLeads и работая с сотнями фрилансеров.

Глава 1. Почему ваши работы выглядят «мёртвыми» и как это исправить

Откройте Behance прямо сейчас. Прокрутите ленту. Вы увидите десятки идеально вылизанных макетов: градиенты, 3D-иконки, модные шрифты. И почти все они — мёртвые. Они не вызывают желания написать автору. Почему?

Потому что у них нет контекста. Красивый макет без истории — это обои для рабочего стола, а не инструмент продаж. Заказчик, открывая ваше портфолио, не ищет «красиво». Он ищет ответ на три вопроса, и они идут строго в таком порядке:

Большинство дизайнеров застревают на уровне 2: показывают технические навыки, но не говорят на языке бизнеса. Именно поэтому их макеты выглядят «мёртвыми». Они красивые, но не продают.

Как оживить портфолио? Каждый кейс должен отвечать на четыре вопроса: кто клиент → какая проблема → что вы сделали → какой результат. Это структура, которую используют топовые дизайнеры на Behance, и которая превращает галерею картинок в машину по привлечению заказов. Подробнее об анатомии кейса — ниже, а сначала разберёмся, откуда взять проекты, если вы только начинаете.

Откуда взять кейсы, если реальных проектов нет

Это самая частая боль новичков. И самая решаемая. Вот пять стратегий, каждая из которых даёт полноценный кейс для портфолио за 2–5 дней.

Концептуальные проекты. Придумайте бренд — кофейню «Чёрное зерно», студию йоги «Прана», онлайн-школу «CodeKids» — и разработайте дизайн сайта. Заказчику неважно, реальный проект или нет. Ему важно увидеть ваше мышление: композицию, типографику, работу с цветом, понимание задачи. По данным Tilda Education, 30–50% работ в лучших портфолио на Behance — это концепты.

Редизайн существующих сайтов. Найдите «уставший» сайт местного бизнеса — автомойки, пиццерии, стоматологии — и переделайте. Покажите «до и после». Это один из самых мощных форматов кейса, потому что заказчик видит конкретную трансформацию и примеряет на свой бизнес.

Работа для знакомых. У каждого в окружении есть человек, которому нужен сайт: репетитор, фотограф, мастер маникюра. Предложите лендинг бесплатно в обмен на кейс и отзыв. Два таких проекта — и вопрос «нет реальных работ» закрыт.

Дизайн-челленджи. Daily UI Challenge (100 дней, 100 элементов интерфейса), 30 Days of Design, Figma-марафоны. Они дают 20–30 работ за месяц и показывают дисциплину. Заказчики ценят регулярность не меньше, чем талант.

Учебные проекты. Если проходили курс — у вас уже есть 3–5 проектов. Не оставляйте их в папке. Доведите до ума, добавьте мокапы, опишите задачу и результат.

Глава 2. Три пути: найди свой архетип

За полтора года работы с дизайнерами через AxonLeads я увидел три устойчивых паттерна успеха. Три архетипа, три стратегии, три уровня дохода. Посмотрите, какой ближе вам — и адаптируйте портфолио под свою стратегию.

Какой бы архетип вы ни выбрали, основа одна: портфолио должно рассказывать историю. Не галерея скриншотов, а серия мини-кейсов, каждый из которых отвечает на вопрос: «Какую проблему я решил и к чему это привело?»

Глава 3. Анатомия кейса, который продаёт

Разница между портфолио на 30 000 ₽ и на 150 000 ₽ — не в качестве дизайна. Она в качестве упаковки. Вот семь элементов кейса, который конвертирует просмотры в заказы.

1. Обложка с вау-эффектом. Behance и Dribbble показывают в ленте только обложку. Если она слабая — кейс не откроют. Потратьте на обложку 20% времени: мокап на MacBook или iPhone, чистый фон, акцентный цвет. Используйте плагины Figma (Mockup Plugin, Artboard Studio) или бесплатный Smartmockups.

2. Контекст и задача. Два–три предложения: кто клиент, какая проблема, какие ограничения. Пример: «Онлайн-школа английского, конверсия лендинга 1,2%, бюджет на трафик не увеличивается, нужно выжать максимум из текущего потока». Заказчик читает и узнаёт свою ситуацию.

3. Процесс работы. Покажите мышление: wireframe → прототип → финал. Это доказывает, что вы не «рисуете картинки», а системно решаете задачу. 2–3 скриншота промежуточных этапов — достаточно.

4. Финальный результат. Главная страница, внутренние, мобильная версия. Адаптивность — обязательна. В 2026 году больше 60% трафика идёт с мобильных устройств. Заказчик, который не видит мобильную версию в вашем кейсе, думает: «А он вообще умеет?»

5. Детали. Увеличенные фрагменты: кнопки, формы, hover-состояния, микроанимации. Показывают внимание к деталям — качество, которое отделяет профессионала от новичка. Заказчики подсознательно считывают: «Раз он так внимателен к мелочам, значит, и мой проект не запорет».

6. Результат в цифрах. Лучший продающий элемент. «Конверсия выросла с 1,2% до 3,8%», «Время на сайте увеличилось на 40%», «Клиент получил 150 заявок за первый месяц». Даже для концептуальных проектов можно написать: «По UX-аудиту, новая структура сокращает путь до CTA с 5 кликов до 2».

7. Отзыв клиента. Одно предложение от реального человека добавляет доверия больше, чем три экрана макетов. Просите отзыв сразу после сдачи проекта, пока клиент «горячий». Скриншот из Telegram — идеально.

Глава 4. Вайб-кодинг: как собрать сайт-портфолио за один вечер

Конструкторы вроде Tilda — удобно, но ограниченно. Шаблонная сетка, одинаковые сайты у всех, ежемесячная подписка от 750 ₽. В 2026 году есть способ лучше: вайб-кодинг — создание сайта с помощью AI, когда вы описываете словами, что хотите, а нейросеть пишет код.

Термин «вайб-кодинг» ввёл Андрей Карпати (бывший директор по AI в Tesla). Суть: вы не учите программирование. Вы учитесь формулировать задачи для AI. Это навык дизайнера, а не разработчика — и он даёт конкурентное преимущество, которого нет у 90% коллег по рынку.

Какой инструмент выбрать

Лучший агент для вайб-кодинга в 2026 году — Claude от Anthropic. Есть два способа работать с ним:

Claude.ai (чат-интерфейс) — для тех, кто никогда не открывал терминал. Заходите на claude.ai, описываете сайт в свободной форме, Claude генерирует готовый HTML/CSS/React-код прямо в чате. Можно скачать файл и открыть в браузере. Подписка Pro ($20/мес) даёт доступ к самой мощной модели — Claude Opus.

Claude Code (терминальный инструмент) — для тех, кто хочет больше контроля. Устанавливается одной командой, работает прямо в вашей папке с файлами. Может создать полноценный Next.js проект с маршрутизацией, динамическими кейсами из JSON-файла, SEO-оптимизацией и автоматическим деплоем. Вы описываете — он пишет код, создаёт файлы, делает git commit.

Пошаговый мануал: от нуля до рабочего сайта

Почему это лучше конструктора для дизайнера. Вы контролируете каждый пиксель. Нет ограничений шаблона. Нет ежемесячной подписки. И главное — сам факт, что ваше портфолио на кастомном коде, говорит заказчику: «Этот дизайнер понимает, как работает веб». Это конкурентное преимущество. Tilda-сайт — стандарт. Кастомный сайт, собранный с AI — уже разговор другого уровня.

Кстати, именно так я создал свои проекты: и сайт AxonLeads, и Tarot-бот Vedicon на Flutter. Вайб-кодинг — это не про «дизайнер стал программистом». Это про дизайнера, который стал свободнее.

Глава 5. Портфолио как медиа: публикуйте, а не складируйте

В 2026 году портфолио-как-папка мертво. Работает портфолио-как-медиа: регулярные публикации, раскадровка кейсов, контент вокруг процесса. Алгоритмы Behance, Dribbble, VK и Telegram вознаграждают частоту, а не разовый «выстрел».

Один проект = 5–7 публикаций. Вместо одного поста разбейте кейс: мудборд → wireframe → цветовая палитра → главный экран → мобильная версия → отзыв клиента → финальный кейс на Behance. Каждый пост — точка контакта с потенциальным заказчиком.

Закулисье продаёт лучше результата. Скриншот Figma с 40 артбордами, таймлапс создания макета, переписка с клиентом (с разрешения), где вы объясняете своё решение — всё это формирует доверие. Люди покупают у тех, кого «знают». Контент создаёт ощущение знакомства.

Где публиковать. Telegram-канал — основная площадка для русскоязычного рынка. VK — для охвата. Behance — для международного поиска и SEO. Dprofile — российская альтернатива Behance с меньшей конкуренцией. Личный сайт — база, которая принадлежит вам. Минимум 2–3 поста в неделю.

Результат через 3–6 месяцев. Дизайнер с регулярным контентом через полгода получает входящие запросы без бирж и холодных рассылок. Проверено на десятках пользователей AxonLeads.

Глава 6. Сколько стоит ваш дизайн и как перестать занижать

Самая большая ошибка фрилансера — назвать цену «с потолка» и потом мучиться чувством, что продешевил (или что переоценил). Ценообразование — это навык, и его можно освоить так же, как Figma.

Глава 7. Топ-7 ошибок, которые убивают конверсию портфолио

Я видел сотни портфолио дизайнеров, которые приходили в AxonLeads за лидами. И почти все совершают одни и те же ошибки. Вот чек-лист «антипаттернов» — проверьте, нет ли их у вас.

1. Нет контакта на видном месте. Заказчик посмотрел кейсы, захотел написать — и не нашёл как. Telegram и email должны быть в шапке и в подвале. На каждой странице. Без исключений.

2. Слишком много работ. 50 проектов подряд — это склад, а не портфолио. Оставьте 5–8 лучших. Заказчик оценивает по худшей работе в портфолио, не по лучшей. Одна слабая работа портит впечатление от десяти сильных.

3. Картинки без контекста. Красивый макет без истории — просто картинка. Добавьте к каждому кейсу хотя бы задачу и результат.

4. Устаревшие работы. Макеты в стиле 2019 года с длинными тенями и скевоморфизмом работают против вас. Удаляйте безжалостно.

5. Нет мобильной версии. Больше 60% заказчиков смотрят с телефона. Для веб-дизайнера сломанный мобильный — ещё и показатель некомпетенции.

6. Однообразный стиль. Все кейсы — белый фон, синие акценты, одна сетка. Заказчик решит, что вы умеете только это. Показывайте диапазон.

7. Нет цен. Дизайнер без прайса — это непредсказуемо. Не обязательно точные цифры, но хотя бы вилку «от — до» или формат (фикс / почасовая). Это фильтрует нецелевых и привлекает тех, кому вы по бюджету.

Глава 8. Портфолио как воронка продаж

Портфолио — не музей. Это воронка. Каждый элемент подталкивает посетителя к следующему шагу: от просмотра → к интересу → к доверию → к действию (написать вам).

Первый экран. 10 секунд на решение. Имя, специализация, 2–3 превью лучших работ, кнопка «Написать». Без клише типа «Создаю уникальный дизайн для вашего бизнеса». Лучше конкретика: «Делаю лендинги с конверсией от 3%» или «E-commerce дизайн: от 60 000 ₽, 2 недели».

Кейсы по релевантности. Хотите работать с e-commerce — магазины первыми. Целитесь в стартапы — лендинги и MVP. Заказчик должен в первых трёх кейсах увидеть «это дизайнер для моей ниши».

Социальное доказательство. Отзывы, логотипы клиентов, цифры. «Сделал лендинг репетитору → конверсия 4,5% → 30 учеников за месяц» — убедительнее любого описания навыков.

Блок «Как я работаю». Снимает страх: бриф → прототип → дизайн → правки → передача файлов. С примерными сроками. Заказчик должен понимать, что его ожидает, ещё до первого сообщения.

CTA на каждой странице. «Нравится? Обсудим ваш проект» + прямая ссылка на Telegram. После каждого кейса, в подвале, в сайдбаре. Не заставляйте искать, как с вами связаться.

Чек-лист: проверьте своё портфолио перед запуском

Что делать прямо сейчас: план на 14 дней

День 1–3: Определите нишу. Выберите 5 лучших работ (или создайте 2–3 концепта под целевую нишу). Оформите каждый как кейс: обложка, задача, процесс, результат.

День 4–7: Сделайте мокапы (Figma + Smartmockups). Напишите описание каждого кейса с бизнес-языком. Попросите отзыв у прошлых клиентов или коллег.

День 8–10: Соберите сайт с Claude (Глава 4). Блоки: Hero, кейсы, «Обо мне», «Как работаю», прайс, отзывы, контакты. Задеплойте на Vercel.

День 11–14: Опубликуйте кейсы на Behance и Dprofile. Заведите Telegram-канал, выложите 3–5 постов с закулисьем. Отправьте ссылку на портфолио в 5 чатов, где общаются заказчики.

Дальше — один новый кейс в месяц, 2–3 поста в неделю, регулярная чистка от старых работ. Портфолио, которое обновляется — приносит заказы. Которое стоит мёртвым — просто ещё одна страница в интернете.

Если портфолио готово, но клиентов не хватает — мы разобрали 30+ каналов для поиска заказов. Для понимания адекватных ставок — статистика заработков фрилансеров. Все материалы — в блоге AxonLeads.