Выберите работу, которая объясняет нужную вам задачу
Возьмите проект того типа, который хотите получать снова. Для UX-дизайнера это может быть сценарий записи, для верстальщика — реализация адаптивной страницы по готовому макету. Заголовок «Проект номер семь» замените понятным названием работы. Читателю нужно увидеть предмет раньше, чем он начнёт рассматривать галерею.
Карточка описывает ваш личный участок. Если вы вели только UX, не называйте работу полным запуском сервиса; если верстали, отделите реализацию от чужой концепции. Даже у самостоятельного исполнителя могут быть заказчик, редактор и разработчик со своими задачами. Слово «соло» не даёт оснований присваивать весь итог проекта.
Здесь мы оформляем отдельную работу в портфолио. Связь имени со специализацией, авторскими публикациями и внешними упоминаниями относится к более широкой задаче продвижения эксперта.
Продолжить: Как отдельно выстраивать связь имени и специализации
Соберите пять опор карточки
Сфера объясняет контекст применения: например, дополнительное образование. Задача называет действие пользователя или заказчика, которое требовалось спроектировать. Вклад перечисляет решения, принятые лично вами. Передача показывает, в каком виде работа закончилась для получателя: файл макетов, прототип, вёрстка или другой согласованный результат.
Подтверждение должно относиться к этому вкладу. Если вы спроектировали состояния формы, покажите разрешённый фрагмент состояний и поясните его назначение. Отзыв о росте компании не заменяет свидетельство вашей работы над интерфейсом. У каждого существенного утверждения должно быть понятное основание.
Объём описывайте предметно: какие экраны, состояния и устройства вошли в вашу работу, что осталось за её пределами. Общая фраза «продумала весь пользовательский опыт» не помогает проверить даже небольшой проект.
Посмотрите заполненную карточку UX-дизайнера
Ниже — учебная карточка вымышленного заказа. Дизайнер Ирина Левина, преподаватель и все материалы примера придуманы для объяснения структуры; это не наш кейс и не работа реального клиента. В портфолио такую демонстрацию нужно обозначать учебной рядом с самой карточкой.
Название работы: «Сценарий записи на пробное занятие по английскому». Короткое описание: «Спроектировала выбор формата, времени и подтверждение записи. Моя роль — UX-дизайнер; подготовила прототип и описание состояний для передачи в разработку». Дальнейшие поля раскрывают это утверждение.
| Поле | Заполненное содержание учебной карточки |
|---|---|
| Сфера | Индивидуальные онлайн-занятия английским для взрослых |
| Задача | Дать посетителю выбрать формат пробного занятия и доступное время, затем проверить запись |
| Личный вклад | Описала последовательность выбора, спроектировала шесть экранов и три дополнительных состояния: нет времени, ошибка ввода, успешная запись |
| Передача | Передала файл макетов, кликабельный прототип и пояснения переходов; мобильный сценарий входит в пакет |
| Подтверждение | Разрешённые фрагменты схемы переходов, экрана подтверждения и списка переданных материалов |
| Границы | Не разрабатывала фирменный стиль, не верстала, не подключала календарь; коммерческий эффект не измеряла |
Покажите решение, по которому виден ваш вклад
Добавьте короткое объяснение одного выбора. В учебном проекте Ирина вынесла формат занятия перед выбором времени, потому что доступные интервалы зависели от формата. Вариант с единым календарём оставлял неподходящие интервалы. Схема переходов и соответствующие экраны позволяют увидеть, какое решение приняла именно дизайнер.
Не ограничивайтесь перечнем инструментов. Название программы не говорит, умеете ли вы проектировать ошибочные состояния или готовить интерфейс к передаче. Лучше показать фрагмент решения и объяснить, где он применяется. Если часть работы выполнил другой специалист, назовите эту границу рядом с описанием.
Не приписывайте себе рост записей, если занимались макетами и не получали данных после запуска. Результатом вашей работы может быть принятый пакет интерфейса. Для самостоятельного доказательства бизнес-эффекта нужны соответствующие наблюдения и корректное описание обстоятельств.
Продолжить: Как описывать подтверждённые результаты в полноценном кейсе
Поставьте текст рядом с изображением и передачей
Опубликуйте описание обычным текстом страницы, а не только надписями внутри коллажа. У изображения подпишите, что показано: схема выбора, вариант экрана или переданное состояние. Посетитель должен понять работу без открытия большого файла и без доступа к вашему редактору.
Google рекомендует держать важные сведения в текстовой форме; Яндекс связывает ответы Алисы с релевантными информативными страницами. Из этих рекомендаций следует практическая задача: сделать роль и результат доступными для чтения. Текстовая карточка не гарантирует рекомендацию в Алисе или ChatGPT, но позволяет проверить, что именно опубликовано о вашей работе.
Alt описывает смысл конкретного изображения, а карточка объясняет задачу, вклад и передачу. Не пытайтесь поместить всю историю проекта в альтернативный текст. Вес, размеры и доступность файлов лучше проверять по отдельному руководству.
Источники: Google: важное содержание в текстовой форме; Яндекс: страницы-источники для ответов Алисы
Продолжить: Как отдельно подготовить размеры и alt изображений
Проверьте, какую роль восстановил читатель
Дайте карточку человеку, который не участвовал в проекте. Попросите назвать сферу, задачу, вашу роль, переданные материалы и чужие участки. Если он решил, что вы запустили работающую систему записи, хотя передали только UX-макеты, уточните формулировки и подписи.
Для проверки помощником используйте запрос: «По этой странице назови задачу, личный вклад исполнителя и переданный результат. Укажи фрагменты, на которых основан ответ. Не приписывай разработку, запуск и коммерческие результаты без прямого подтверждения. Если сведений нет, назови пробел». Сверьте ответ с действительным составом работы, а не с тем, насколько приятно он звучит.
Такой опыт проверяет понимание переданного материала. Самостоятельное обнаружение портфолио по вопросу о специалисте проверяют отдельно, сохраняя формулировку, дату, сервис и источники. Смешение этих опытов создаёт ложное впечатление, что описание уже обеспечивает видимость.
Свяжите работу с тем, что вы предлагаете сейчас
Рядом с карточкой дайте понятный переход к своему действующему предложению. В учебном примере это проектирование пользовательских сценариев и подготовка к передаче в разработку, а не создание любого сайта под ключ. Укажите, какие исходные материалы нужны для похожей задачи и что обсуждается отдельно.
Если портфолио состоит из галереи без описаний, в программе видимости можно начать с выбранных работ и страницы услуги. Согласуем состав, оформим собственный вклад, свяжем карточки с предложением и проверим понимание по конкретным вопросам. Необязательно переписывать всё портфолио одновременно.
Готовый артефакт — опубликованная текстовая карточка одной работы: сфера, задача, личный вклад, передача, подтверждение и границы участия. К ней приложен результат проверки, в котором читатель правильно восстановил вашу роль.
Продолжить: ИИ приписывает вам чужие работы: как проверить источник и авторство; Псевдоним и имя в нейросетях: как связать свои публикации без лишнего раскрытия; Резюме или услуги фрилансера: что нейросеть понимает о вашем предложении; SEO портфолио на GitHub Pages: как открыть сайт поиску и ИИ; Посмотреть программу видимости