Рекрутер смотрит отклик новичка меньше минуты. Сертификат курса он пролистывает, а вот ссылку на работающий проект открывает. Портфолио без опыта — это не парадокс: опыт можно создать себе самому, если оформить работу так, как это делают на реальных задачах.

Разбираем, что положить в портфолио, где взять задачи, если заказчиков ещё нет, и как описать проект, чтобы он не выглядел домашкой.

Почему портфолио решает больше, чем резюме

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

Что ждут от разных ролей:

• Дизайнер — макеты сайтов и приложений, редизайны, презентации, работа с сеткой и типографикой.
• Frontend/backend-разработчик — работающие демо и код на GitHub с внятным README. Если ещё выбираете направление, посмотрите разбор Frontend vs Backend vs Full-stack.
• Маркетолог — контент-план, структура рекламной кампании, разбор посадочной страницы, отчёт по цифрам.
• Аналитик — дашборд, SQL-запросы, выводы по датасету.
• Проджект — устав проекта, декомпозиция задач, диаграмма Ганта, ретроспектива.

Две-три подробно описанные работы уже выводят вас из массы откликов, где нет ничего, кроме списка курсов.

Кейс против картинки: в чём разница

Скриншот макета — это картинка. Кейс — это история решения задачи.

Плохо: «Сделал лендинг для кофейни, использовал Figma».

Хорошо: «Кофейня на 20 посадочных мест теряла заказы: в Instagram не было цен и адреса. Собрал лендинг с меню, картой и кнопкой доставки. Проверил структуру на 5 знакомых: 4 из 5 нашли цену за 10 секунд, до этого — ни один».

Второй вариант показывает мышление. Именно за него платят.

Пет-проекты: полигон, где ошибаться бесплатно

Пет-проект — личная работа без заказчика, но по правилам реальной задачи. Никто не торопит, зато никто и не подскажет: придётся самому сформулировать задачу, ограничения и критерий успеха.

Что получается на выходе:

• разработчик верстает сайт-визитку для локальной пекарни или пишет телеграм-бот, который считает калории;
• дизайнер делает редизайн приложения городского транспорта, где реально неудобно покупать билет;
• маркетолог собирает контент-стратегию для магазина настольных игр: три рубрики, сетка публикаций на месяц, гипотезы по каналам;
• аналитик берёт открытые данные по ценам на жильё и делает дашборд с выводами.

Как выбрать идею, которая не выглядит игрушкой

• Берите знакомую сферу. Работали в кофейне или салоне — вы знаете реальные боли клиентов и сотрудников. Это сразу видно в тексте кейса.
• Ищите настоящую проблему. Не «сайт для абстрактного стартапа», а «у соседней автомойки нет онлайн-записи, из-за этого очереди в субботу».
• Ограничивайте объём. Один экран, одна воронка, один датасет. Незаконченный масштабный проект хуже маленького доделанного.
• Не копируйте разборы с YouTube. Проект «по туториалу» узнаётся мгновенно: та же тема, та же палитра, тот же код.

Структура кейса: шаблон на пять блоков

Одинаковая схема работает для дизайна, кода и маркетинга.

1. Контекст. Кто клиент (пусть и выдуманный), что за продукт, кто его покупает.
2. Задача. Что нужно было решить и в каких ограничениях: срок, бюджет, платформа.
3. Процесс. Что изучали, какие гипотезы проверяли, что отбросили и почему. Здесь ценны черновики и отвергнутые варианты.
4. Результат. Ссылка на демо, макет, репозиторий, отчёт. Обязательно рабочая.
5. Выводы. Что бы сделали иначе. Это признак зрелости, а не слабости.

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

Где брать задачи для портфолио

Проекты с курса

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

Фриланс-биржи

Первые заказы на бирже берут не за деньги, а за строчку «реальный клиент». Правила простые: маленький объём, понятное ТЗ, техзадание в переписке, а не на словах. Одна выполненная задача за 2 000 ₽ весит больше пяти учебных макетов.

Волонтёрство и локальный бизнес

НКО, школьные проекты, приюты для животных, соседняя мастерская — им почти всегда нужен сайт, оформление соцсетей или таблица учёта. Плюс: настоящие ограничения, живая обратная связь, отзыв в конце. Минус: часто без оплаты, поэтому берите один-два таких проекта, не больше.

Открытые данные и редизайны

Самый доступный источник. Датасеты с городских порталов, статистика по вакансиям, отчёты компаний. Для дизайнеров — редизайн интерфейса, который вас бесит каждый день. Тут не нужно ничьё разрешение.

Где размещать портфолио

• Дизайн — Behance, Dribbble или собственная страница на Tilda. Dribbble для картинок, Behance для развёрнутых кейсов.
• Разработка — GitHub плюс задеплоенное демо на Vercel или GitHub Pages. Репозиторий без README и без живой ссылки почти не смотрят.
• Маркетинг и аналитика — Notion. Одна страница-оглавление, внутри отдельные кейсы. Дашборды — на Tableau Public или Looker Studio.
• Проджект-менеджмент — Notion с артефактами: бэклог, план, ретро.

Независимо от платформы держите верхний уровень: имя, роль, контакты, три-пять работ, разбитых по типам задач. Ссылку на портфолио ставьте в первую строку резюме, а не в конец.

Метрики, когда цифр вроде бы нет

«Метрик нет, проект учебный» — самая частая отговорка. Измерить можно почти всё:

• Сайт — скорость загрузки в PageSpeed до и после, вес страницы, адаптивность на трёх разрешениях.
• Интерфейс — коридорный тест на 5 знакомых: сколько нашли нужную кнопку, за сколько секунд.
• Текст и контент — количество экранов до кнопки, длина заголовков, читаемость по Главреду.
• Код — покрытие тестами, время отклика API, количество запросов к базе.
• Реклама — расчётная модель: бюджет, ставка, прогноз CTR и стоимости заявки со ссылкой на источник данных.

Даже прогноз с обоснованием выглядит сильнее пустого «сделал красиво».

План на четыре месяца

• Месяц 1–3. Базовые навыки по расписанию. Готовый шаблон есть в статье про карту обучения на 3 месяца.
• Месяц 2. Первый пет-проект. Маленький, доделанный, с описанием.
• Месяц 3. Второй пет-проект в другом формате плюс переупакованный учебный кейс. Итого три работы.
• Месяц 4. Первый внешний проект: биржа или волонтёрство. Отзыв заказчика в кейс.

К концу четвёртого месяца у вас 4 работы, из которых одна с реальным клиентом. С таким набором уже отправляют отклики.

Ошибки, из-за которых портфолио не работает

• Скриншот без текста. Смотрящий не понимает, что перед ним и зачем.
• Битые ссылки. Демо не открывается, репозиторий приватный. Проверяйте раз в месяц.
• Чужие работы. Проверяется поиском по картинке за десять секунд, репутация — нет.
• Двадцать однотипных макетов. Пять сильных работ убеждают лучше, чем свалка.
• Портфолио, которое не обновляется. Через полгода ваши первые работы будут вас тянуть вниз. Убирайте слабое.
• Отсутствие контактов. Кейсы понравились, а написать некуда.

Что сделать сегодня

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

Портфолио растёт как снежный ком: первый кейс даёт уверенность, второй — первый отклик, третий — приглашение на разговор.