Резюме отправлено, а в ответ тишина. Или стандартное «спасибо, мы с вами свяжемся». Знакомо? Проблема не в том, что у тебя нет опыта — проблема в том, что у тебя нет упакованного опыта. Рекрутер открывает hh.ru, видит строчку «Портфолио: ссылка», кликает — и попадает в хаос из разрозненных файлов, битых ссылок или вообще в пустую страницу Behance. Всё, ты вылетел из воронки. В конце 2026 — начале 2027 года работодатели не будут собирать твои достижения по крупицам: либо ты показываешь готовый продукт за 30 секунд, либо они переходят к следующему кандидату. Notion решает эту задачу полностью: бесплатный, гибкий, с публичной ссылкой, которую можно вставить прямо в резюме и сопроводительное письмо. Сегодня разберём, как собрать рабочее портфолио в Notion с нуля, даже если твой опыт — это три учебных проекта и один фриланс-заказ на 3000 рублей.
После прочтения ты получишь пошаговый алгоритм сборки портфолио в Notion: от структуры страницы и оформления кейсов до публикации и интеграции с откликами на hh.ru. Никакой воды — только конкретные блоки, примеры текстов и разбор типичных ошибок, которые сливают 90% начинающих специалистов на первичном скрининге.
Почему именно Notion, а не Behance или Google Диск
Behance хорош для дизайнеров с десятком коммерческих проектов. Google Диск — это склад файлов, а не витрина. Tilda и Readymag требуют времени на вёрстку и денег за нормальный домен. Notion в 2027 году закрывает три критические задачи новичка одновременно: бесплатная публикация, мгновенное редактирование и интеграция с любыми медиа (скриншоты, видео, Figma-эмбеды, PDF). Ты правишь кейс прямо в браузере, обновление видно сразу по ссылке — без пересборки сайта и без риска, что работодатель откроет старую версию из кеша. Плюс Notion индексируется поисковиками, если ты настроишь SEO-заголовок страницы, и выглядит профессионально даже на бесплатном тарифе.
Второй аргумент — скорость восприятия. Рекрутер открывает твою страницу Notion, прокручивает вниз и за 20–30 секунд видит: кто ты, что умеешь, три лучших кейса с результатами. Если зацепило — читает подробнее. Если нет — закрывает, но ты хотя бы получил честный шанс. На Behance новичку приходится конкурировать с профессионалами в одной ленте, и твой учебный проект теряется на фоне коммерческих кампаний. В Notion ты строишь своё пространство, где контекст задаёшь ты: не «я начинающий дизайнер без портфолио», а «я Junior-специалист, который за три месяца самостоятельно освоил Figma, собрал редизайн мобильного приложения для доставки еды и получил первый отзыв клиента».
Третий момент — гибкость обновления под вакансию. Ты откликаешься на позицию оператора чата в техподдержку — выносишь в топ кейс с обработкой обращений и прячешь блок про графический дизайн. Через час откликаешься на вакансию копирайтера — переставляешь местами разделы, добавляешь ссылку на статью в Medium. В Notion это делается за две минуты drag-and-drop, в то время как Behance или PDF-презентация потребуют полной пересборки.
Анатомия рабочего портфолио новичка: обязательные блоки и структура страницы
Твоя страница в Notion должна работать как лендинг вакансии наоборот: не ты продаёшь услугу, а ты продаёшь себя как исполнителя. Классическая ошибка — начать с длинного эссе «О себе» или с философии профессии. Рекрутер не читает, он сканирует. Первый экран (то, что видно без прокрутки) обязан содержать:
1. Шапка с твоим именем, специализацией и контактами. Формат: «Иван Петров • Junior UX/UI Designer • Telegram @ivanov_design • Email ivan@example.com». Не пиши «Начинающий дизайнер ищу работу», это звучит неуверенно. Пиши специализацию как факт: «Junior UX/UI Designer, фокус на мобильных интерфейсах». Контакты — кликабельные ссылки, чтобы рекрутер мог написать сразу, не копируя текст.
2. Короткая самопрезентация (2–3 предложения). Пример: «Прошёл курс Skillbox по UX/UI, защитил дипломный проект с оценкой 98/100. За последние четыре месяца собрал три редизайна реальных приложений, один из которых получил отзыв Product Owner стартапа. Готов к стажировке и тестовым заданиям на позицию Junior-дизайнера с перспективой перехода в штат».
3. Три лучших кейса — сразу превью с кратким описанием. Каждый кейс — это Toggle-блок (раскрывающийся список) или отдельная подстраница со скриншотом, названием проекта и одним предложением результата. Например: «Редизайн мобильного приложения доставки еды: упростил оформление заказа с 7 до 4 шагов, прототип протестирован на 5 пользователях». Превью кликабельно, ведёт на полное описание кейса внутри той же Notion-страницы.
4. Блок «Навыки и инструменты» (не список компетенций, а конкретный софт). Не пиши «Коммуникабельность, стрессоустойчивость, работа в команде» — это пустота. Пиши: «Figma (интерфейсы, прототипы, Auto Layout), Notion (документация проектов), Google Таблицы (трекинг задач), Zoom и Яндекс Телемост (презентация макетов заказчику)». Рекрутер ищет совпадение с технологическим стеком компании, а не твои soft skills.
5. Ссылка на резюме и контакты для связи (дублируем внизу страницы). Формат: «📄 Скачать резюме (PDF) • 💬 Telegram • ✉️ Email». PDF-резюме грузишь прямо в Notion как файл или даёшь ссылку на Google Диск с публичным доступом.
Вся эта структура должна умещаться в два-три экрана без бесконечной прокрутки. Если у тебя пять кейсов — покажи три лучших, остальные спрячь в раздел «Дополнительные проекты» в самом низу. Рекрутер должен за 30 секунд понять, кто ты и что умеешь, а за две минуты — принять решение, приглашать ли на интервью.
Как упаковать учебный проект в полноценный кейс: пошаговый разбор
Главная боль новичков — «у меня нет реальных проектов, только учебные». Но учебный проект становится реальным кейсом, если ты правильно его опишешь. Разница не в том, платил ли тебе заказчик, а в том, насколько чётко ты можешь объяснить задачу, процесс и результат. Вот структура описания одного кейса в Notion (каждый пункт — это отдельный текстовый блок или заголовок H3):
Название проекта и роль.
«Редизайн мобильного приложения для заказа такси (учебный проект в рамках курса Нетология). Роль: UX/UI Designer, самостоятельная работа от исследования до передачи макетов».
Контекст и задача.
«Задача: улучшить пользовательский опыт при оформлении заказа. Проблема: в текущем интерфейсе пользователь делает 6 шагов (ввод адреса, выбор тарифа, подтверждение, оплата, комментарий, финальное подтверждение) — это приводит к высокому проценту брошенных заказов на этапе оформления. Цель: сократить количество шагов до 4 и сделать интерфейс понятным для новых пользователей».
Процесс работы (инструменты и методы).
«Исследование: проанализировал три популярных приложения (Яндекс Go, Uber, Gett), выделил лучшие практики. Опросил 5 знакомых, которые регулярно заказывают такси, записал их боли. Прототипирование: собрал low-fidelity wireframes в Figma, протестировал на тех же 5 пользователях, получил обратную связь. Дизайн: создал high-fidelity макеты для iOS с учётом Apple HIG, добавил интерактивный прототип с переходами».
Результат и метрики.
Здесь новички спотыкаются: нет реальных метрик вроде «конверсия выросла на 15%». Но ты можешь использовать качественные результаты: «Прототип успешно протестирован на 5 пользователях: все смогли оформить заказ с первого раза без подсказок, среднее время оформления сократилось с 2 минут до 45 секунд (замерял секундомером). Один из тестировщиков отметил: “Наконец-то не нужно десять раз жать кнопки”». Или: «Проект получил оценку 98/100 от куратора курса, рекомендован как дипломная работа для включения в портфолио».
Визуальные материалы.
Вставляешь в Notion скриншоты ключевых экранов (3–5 штук), embed Figma-ссылки (если у тебя Figma Community или публичный файл) или короткое видео (1–2 минуты) с демонстрацией прототипа, загруженное на YouTube или залитое прямо в Notion. Скриншоты подписываешь: «Экран выбора тарифа: все опции на одном экране, без дополнительных переходов».
Ссылка на полный проект (если есть).
«Посмотреть интерактивный прототип в Figma (откроется в новой вкладке)». Даёшь публичную ссылку на Figma Community или на свой файл с доступом View Only.
Эта структура превращает «учебный проект» в «кейс с процессом и результатом». Рекрутер видит, что ты умеешь не просто рисовать красивые кнопки, а думать как продуктовый дизайнер: исследовать, тестировать, итерировать. Это и есть ключ к первым откликам.
Пет-проекты для портфолио: как выбрать и реализовать за выходные
Если учебных проектов мало или они слишком типовые (все делали редизайн Instagram), добавь 1–2 пет-проекта — самостоятельные работы, которые ты сделал по собственной инициативе. Пет-проект может быть любым: редизайн сайта местной пекарни, концепт мобильного приложения для учёта спортивных тренировок, лендинг для друга-фотографа. Главное — показать процесс, а не только финальную картинку.
Как выбрать тему пет-проекта под вакансию
Открываешь каталог свежих вакансий за 24 часа на klik-rabota.ru, читаешь 5–7 объявлений в твоей нише (например, дизайнер интерфейсов или работа в поддержке). Смотришь, какие инструменты и задачи повторяются чаще всего. Если в трёх вакансиях написано «опыт работы с CRM и чат-ботами» — делаешь пет-проект «Концепт чат-бота для техподдержки интернет-магазина». Если требуется «опыт вёрстки лендингов» — берёшь реальный сайт местного бизнеса (кофейня, автосервис, салон красоты), который выглядит убого, и делаешь его редизайн. Не обязательно согласовывать с владельцем — это твоя инициатива, ты просто пишешь в описании кейса: «Редизайн сайта кофейни “Арома” (концепт, не реализован): проблема — устаревший дизайн 2015 года, нет адаптива под мобильные, меню загружается 8 секунд. Решение: современный лендинг на одну страницу, быстрая загрузка, акцент на фото продукта».
Алгоритм создания пет-проекта за выходные
Шаг 1. Выбери проблему или потребность, которую ты лично испытывал. Например, ты занимаешься спортом и тебе неудобно трекать тренировки в заметках — это повод для концепта приложения «Дневник тренировок». Или ты заказывал еду через агрегатор и бесился, что нельзя сохранить любимый набор блюд — делаешь концепт фичи «Мои любимые комбо».
Шаг 2. Сформулируй задачу в одном предложении и найди 2–3 аналога. Существующие приложения или сайты, которые решают похожую задачу. Выпиши, что тебе в них нравится, а что бесит. Это и будет твоим исследованием.
Шаг 3. Нарисуй 3–4 ключевых экрана или блока (если это веб). Не нужен полный дизайн всего приложения — достаточно показать главный пользовательский сценарий. Например, для «Дневника тренировок»: экран добавления упражнения, экран списка тренировок за неделю, экран статистики.
Шаг 4. Оформи кейс в Notion по той же структуре, что описана выше. Задача, процесс, результат, скриншоты. В блоке «Результат» можешь написать: «Проект находится в стадии концепта, планирую дополнить пользовательским тестированием и добавить интерактивный прототип к концу месяца». Это показывает, что ты не бросаешь работу на полпути.
Пет-проект не обязан быть идеальным. Он должен демонстрировать, что ты умеешь самостоятельно находить проблемы и предлагать решения. Это ровно то, что отличает мидла от джуна: способность работать не только по ТЗ, но и придумывать улучшения.
Настройка публикации Notion и интеграция с резюме на hh.ru
Собрал портфолио, теперь нужно сделать его доступным для работодателей. Notion позволяет опубликовать страницу в интернет с публичной ссылкой — это займёт 30 секунд.
Шаг 1. Публикация страницы в интернет.
Открой свою страницу портфолио в Notion, кликни на три точки в правом верхнем углу, выбери «Share» → «Share to web». Включи тумблер «Allow search engines to index this page» (если хочешь, чтобы страница индексировалась Google и Яндексом). Скопируй публичную ссылку — она будет выглядеть примерно так: notion.site/Ivan-Petrov-Portfolio-123abc456def.
Шаг 2. Настройка красивого URL (опционально).
Если хочешь красивый URL, можешь купить домен за 200–500 рублей в год на REG.RU или Timeweb и привязать его к Notion через настройки DNS. Но для первых откликов это не критично — главное, чтобы ссылка была рабочей и содержимое загружалось за 1–2 секунды.
Шаг 3. Вставка ссылки в резюме на hh.ru.
Открой своё резюме на hh.ru, найди блок «Обо мне» или поле «Портфолио». Вставь ссылку с контекстом: «Портфолио с кейсами и результатами: [ссылка на Notion]». Не пиши просто ссылку без пояснения — рекрутер должен понимать, что откроется по клику.
Шаг 4. Дублирование ссылки в сопроводительном письме.
Когда откликаешься на вакансию, обязательно продублируй ссылку в сопроводительном письме. Пример: «Добрый день! Откликаюсь на вакансию Junior UX/UI Designer. За последние четыре месяца собрал три редизайна интерфейсов с фокусом на мобильный UX — все кейсы с процессом и результатами доступны в портфолио: [ссылка]. Готов выполнить тестовое задание и выйти на созвон в любое удобное время. Telegram @ivanov_design».
Критически важно проверить ссылку после публикации: открой её в режиме инкогнито (или попроси друга), убедись, что все блоки видны, картинки загружаются, шрифты не съехали. Если используешь эмбеды Figma или YouTube — проверь, что они тоже отображаются. Бывает, что Notion подвисает при большом количестве медиа — в этом случае оптимизируй: сожми скриншоты до разумного размера (до 500 КБ на картинку), замени тяжёлые видео на GIF-превью или короткие ролики до 1 минуты.
Заключение
Портфолио в Notion — это не просто красивая витрина работ, а ваш первый профессиональный диалог с заказчиком. Структура, внятные описания кейсов, ссылки на результаты и понятная навигация говорят о том, что вы умеете мыслить системно и готовы к удаленной работе. Не гонитесь за количеством: три качественных проекта с разбором задачи, решения и итога убедительнее десяти безликих скриншотов. Обновляйте страницу после каждого нового опыта — даже учебного или волонтерского, — и не бойтесь показывать процесс: работодатели ценят умение рассуждать и делать выводы.
В 2026–2027 годах рынок удаленки продолжит расти, и грамотное портфолио станет вашим главным конкурентным преимуществом. Потратьте выходные на то, чтобы собрать кейсы, написать честные комментарии и оформить всё так, чтобы через три месяца вам не было стыдно показать эту страницу. Это инвестиция, которая окупится уже с первого отклика.