Найти в Дзене
WEEEK

Как сделать портфолио — и 7 лучших сервисов для оформления онлайн-портфолио

Грамотно оформленное портфолио повышает шансы привлечь клиента или работодателя. Мы собрали за и против составления онлайн-портфолио и отобрали семь онлайн-ресурсов для этого. Зачем составлять онлайн-портфолио Цифровое портфолио делает имя узнаваемым, повышает доверие, выделяет среди конкурентов, помогает HR-специалистам пробиться сквозь череду текстовых резюме. Даже работодателю приятнее смотреть на картинки, а не читать тексты. Портфолио пригодится не только фрилансерам, потому что оно: 7 шагов по созданию собственного онлайн-портфолио Вдохновись Если это твоё первое портфолио, прокачивай насмотренность — изучай портфолио коллег из твоей профессиональной области. Это поможет сгенерировать первые идеи, зацепить классные визуальные приёмы, идеи по структуре и способах подачи похожих кейсов. Просматривая чужие портфолио, отслеживай эмоции — следи за решениями, которые нравятся или бесят. Собери работы В идеале собрать в портфолио реальные проекты, которые принесли результаты тебе или к
Оглавление

Грамотно оформленное портфолио повышает шансы привлечь клиента или работодателя. Мы собрали за и против составления онлайн-портфолио и отобрали семь онлайн-ресурсов для этого.

А вот портфолио Евгения Полухина. Узнаёте наши аватарки?
А вот портфолио Евгения Полухина. Узнаёте наши аватарки?

Зачем составлять онлайн-портфолио

Цифровое портфолио делает имя узнаваемым, повышает доверие, выделяет среди конкурентов, помогает HR-специалистам пробиться сквозь череду текстовых резюме. Даже работодателю приятнее смотреть на картинки, а не читать тексты.

Портфолио пригодится не только фрилансерам, потому что оно:

  • Отлично дополняет резюме. Портфолио без слов расскажет о профессионализме и станет визитной карточкой для клиентов или потенциального работодателя. Можно сто раз описать, как и что ты делаешь — но всегда лучше один раз показать.
  • Даёт шанс выделиться. Внутри портфолио можно накреативить и сделать его таким, каким хочешь видеть именно ты. Оригинальное портфолио — дополнительный козырь в общении с работодателем, который наверняка запомнится среди других.
  • Повышает доступность. Отправить и показать такое портфолио — два клика. Главное, чтобы страница открывалась. Это экономит время и тебе, и работодателю.
  • Очеловечивает владельца. Люди придут не к абстрактному фотографу или дизайнеру, а к человеку с конкретными решениями, работами, стилем.
  • Может вдохновить других. Ведь первый шаг в создании портфолио — насмотренность на образцах!

7 шагов по созданию собственного онлайн-портфолио

Вдохновись

Если это твоё первое портфолио, прокачивай насмотренность — изучай портфолио коллег из твоей профессиональной области. Это поможет сгенерировать первые идеи, зацепить классные визуальные приёмы, идеи по структуре и способах подачи похожих кейсов.

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

Собери работы

В идеале собрать в портфолио реальные проекты, которые принесли результаты тебе или компании. Начинающие специалисты могут использовать учебные работы или пет-проекты, сделанные для себя.

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

Добавь историю

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

Продумай структуру портфолио

В портфолио должна быть логика. Она может идти от хронологии проектов, от развития автора как профессионала, от характера работ.

К примеру, ты контент-менеджер. В первой части портфолио соберёшь работы из области SMM, во второй — примеры SEO-текстов, в третьей — интервью и лонгриды.

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

Выбери конструктор

Тут важно учесть две вещи.

Первое — простота использования. Если ты не умеешь верстать сайты с нуля или пользоваться навороченными сервисами, лучше выбери программу попроще — с удобным конструктором и шаблонами.

Второе — доступность. Будущее портфолио должно открываться с любого устройства и браузера без дополнительной установки чего-либо.

При этом программа должна быть достаточно гибкой, чтобы поддержать твои хотелки по оформлению и структуре.

Настрой портфолио

Учитывай:

  • Логику и структуру. Идея и история, которые были продуманы ранее, нужно аккуратно и последовательно перенести в портфолио.
  • Дизайн. Эргономичный, в котором легко ориентироваться. Особо яркие и разнообразные палитры будут неуместны, лучше выбрать один-два акцентных цвета.
  • Навигацию. Заголовки и меню навигации (если такое есть) нужно организовать так, чтобы они действительно помогали ориентироваться в портфолио.
  • Текст. Шрифт в дизайне как басист в группе — сердце и душа. Не слишком заметен, не перетягивает на себя внимание зрителя, но определяет восприятие. Как и с цветами, одного-двух более чем достаточно.
  • Доступность. Протестируй, как выглядит твой сайт на всех носителях: компьютере, планшете и телефоне. Убедись в удобстве и отзывчивости получившегося дизайна.

Создай раздел «О себе»

Важнейшая часть портфолио. Добавь ключевую информацию о себе, об опыте, навыках и ценностях.

Где создать портфолио: 7 программ

WEEEK

-3

База знаний WEEEK — универсальный сервис для оформления лаконичного портфолио. Вот, какие фичи Базы знаний пригодятся:

  • Текстовый редактор поддерживает загрузку фото, видео, файлов, вставки embed-кодов с внешних сайтов. К примеру, кейсы с Behance можно встроить в WEEEK с помощью кодового фрейма. Они встанут в виде ссылки с картинкой-превью.
  • Можно форматировать текст с помощью заголовков, списков, цветных блоков, выделять жирным, курсивом и подчёркивать.
  • Удобное оформление ссылок в трёх видах — opengraph-ссылка, короткая и обычная. В первом варианте подтянется превью.
  • Сделать классный визуал в документе помогут обложки и иконки.
  • Крупные проекты или резюме можно расписать в отдельных документах Базы, а затем перелинковать с портфолио через @.
  • Документом можно поделиться с кем угодно в интернете. Портфолио откроется даже у человека, не зарегистрированного в WEEEK.

👉 Гайд по оформлению портфолио в WEEEK — на примере трёх профессий

👉 Готовый шаблон для оформления резюме — в рубрике «Личное» раздела «Шаблоны»

Notion

-4

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

  • Множество шаблонов по созданию портфолио.
  • Минималистичный дизайн, интуитивная блочная структура.
  • Мощный текстовый редактор. Поддерживает множество вставок, фреймов и прямых интеграций с другими сервисами.
  • Можно украсить портфолио можно обложкой.
  • По ссылке можно делиться документом с теми, кто не зарегистрирован в Notion, — гарантированно откроется.
  • В портфолио можно добавить любые файлы: фото, слайды, видео, коды, таблицы и даже математические уравнения.
  • Изменения в дизайн вносятся просто и не требуют сильной переделки портфолио.

Behance

-5

Веб-сайт для создания портфолио, популярный среди UX/UI дизайнеров, фотографов и моделей. Платформа — часть Adobe, очень простая в использовании. Здесь не только создают портфолио, но и общаются с заказчиками.

  • Портфолио разместить очень легко — кейсы заливаются в виде изображений либо через embed-вставку.
  • Работой над новым проектом, полезными советами и творческими мыслями можно делиться в прямом эфире.
  • Behance — публичная платформа. Другие пользователи могут оставлять лайки и комментарии — это даёт дополнительную мотивацию и фидбек.
  • Из своих работ можно сделать NFT и продавать их.
  • Есть аж два мобильных приложения, где можно отслеживать все действия и активности в профиле, а также отправлять работы заказчикам.
  • Кейсы и проекты выглядят красиво и дорого-богато — и не нужно прибегать к помощи верстальщиков.
  • Можно формировать мудборд с понравившимся работами.
  • Идеально для прокачки насмотренности и вдохновения.

Dribbble

-6

Ещё один популярный среди дизайнеров ресурс. Это и платформа для оформления портфолио, и ресурс для коммуникации с коллегами и потенциальными клиентами.

  • Удобное и просто оформление портфолио. Загружаешь изображение кейса — вуаля, всё готово и красиво!
  • Дополнительно можно оформить резюме с опытом, образованием, ссылками на соцсети и способами связи.
  • Лайки от других юзеров, количество просмотров, комментарии и репосты — для прокачки портфолио, поиска клиентов и мотивации.
  • Раздел с вакансиями — быстрый и прямой поиск потенциальной работы.
  • Можно формировать мудборд с понравившимся работами.
  • Отлично подходит для прокачки насмотренности и вдохновения.

Clippings.me

-7

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

  • Работы можно загружать в формате PDF либо ссылками.
  • Для вдохновения можно посмотреть на портфолио других пользователей — они находятся в открытом доступе.
  • Интерфейс понятный и лаконичный — ничего лишнего. Можно быстро создать портфолио. Клиенту будет удобно сосредоточиться на работах писателя.

Contently

-8

Ещё один ресурс для оформления портфолио текстовиков и контентщиков.

  • В портфолио можно оформить сайты, pdf-файлы, портфолио с Behance и просто ссылки.
  • Дополняется портфолио ссылками на соцсети, кратким резюме, фотографией.
  • Клиентов, для которых автор портфолио уже делал проекты, можно выбрать из списка — то есть указать прямой выход на них по официальной ссылке. Если компании-клиента ещё нет в списке, можно добавить вручную.
  • Contently считает количество репостов постов в соцсетях и выводит эту информацию и данные о подписчиках.
  • Много обучающих материалов для продвижения портфолио и даже развития персональной контент-стратегии.

HeadHub

-9

Русскоязычный сервис, который подойдёт фотографам, дизайнерам, копирайтерам, разработчикам — почти всем.

  • Сервис позволяет создать портфолио трёх типов: из текстов, из фото и видео.
  • Потенциальные работодатели и клиенты могут найти портфолио по тегам.
  • По счётчику лайков и статистике просмотров можно отслеживать реакцию аудитории на кейсы и интересы заказчиков.
  • Портфолио создать просто — нужно только заполнить информацию о себе и добавить работы.
  • Интерфейс напоминает Instagram (запрещён в РФ).