Сценарий
Опишите аудиторию и целевое действие до демонстрации визуального решения.
Портфолио для профессии
Портфолио веб-дизайнера: интерфейс в контексте задачи
Покажите логику страницы, ключевые состояния и адаптивность — не только длинный скриншот или эффектный первый экран.
Как это выглядит в Nerve.ru
Работы остаются главным аргументом
Готовый шаблон собирает серии, информацию об авторе и контакт в цельную страницу — без декоративного шума вокруг изображений.
В Nerve.ru сайт оформите как серию с задачей и вашей зоной ответственности, а ключевые экраны и адаптивные состояния добавьте отдельными работами.
author.nerve.ru
Имя автораИзбранная серияСвязаться
01
Раскройте работу интерфейса
Статичный макет должен объяснять, как человек проходит страницу и что помогает ему сделать следующий шаг.
Ключевые экраны
Выберите состояния, которые показывают иерархию, навигацию, формы и содержательные блоки.
Адаптивность
Покажите, как решение меняется на телефоне, а не просто уменьшите десктопный макет.
02
Не прячьте решение за эффектами
Анимации и мокапы помогают подаче, но сначала интерфейс должен читаться как рабочий продукт.
Чистые экраны
Добавьте несколько прямых макетов без перспективы и декоративного окружения.
Компоненты
Покажите небольшой фрагмент системы, если он объясняет последовательность и масштаб работы.
Результат
Если сайт запущен, укажите это честно; цифры приводите только когда можете объяснить источник.
Практический минимум
Каркас веб-кейса
Пусть каждый проект отвечает на четыре простых вопроса.
Разложить свои работы по сериям→- 01Для кого и зачем создавался сайт
- 02Как устроена страница или пользовательский путь
- 03Как выглядит решение на разных экранах
- 04Какова ваша роль и статус запуска
03
Частые вопросы
Короткие ответы о подготовке и публикации профессионального портфолио.
Нужно ли давать ссылку на работающий сайт?
Да, если он доступен и соответствует показанному проекту. При этом сохраните ключевые экраны в кейсе: внешний сайт может измениться.
Показывать ли прототипы?
Показывайте только те фрагменты, которые объясняют найденную структуру или важное решение. Полный архив вайрфреймов не нужен.
Как оформить проект под NDA?
Соблюдайте ограничения договора. Можно описать тип задачи и свою роль без раскрытия бренда и закрытых материалов, если это разрешено.
Продолжить подготовку
Материалы по теме
Начните с Free
Работы уже есть. Соберите для них профессиональный адрес.
Создайте первые серии, выберите готовое оформление и отправляйте одну постоянную ссылку заказчикам, работодателям и коллегам.