Как создать впечатляющее онлайн-портфолио (с примерами)

Онлайн-портфолио — это своего рода «покажи и расскажи» для профессионалов.

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

В этом посте я расскажу, кому нужно онлайн-портфолио (подсказка: всем), как создать портфолио, соответствующее вашим потребностям, и выделю несколько первоклассных примеров, которые помогут вдохновить вас на создание собственного портфолио.

Кому нужно иметь портфолио?

Учитывая бесчисленные часы, которые мы все проводим в Интернете, и рост онлайн-сетей, присутствие в Интернете, демонстрирующее ваш талант, является обязательным. Поставьте себя на место работодателя: разве вы не доверяете кандидату, чью работу вы видите, вместо того, чтобы верить ему на слово или полагаться на устаревшее резюме?

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

  • Фотографы
  • Видеографы
  • Архитекторы
  • Графические дизайнеры
  • Художники
  • Рекламодатели
  • Веб-разработчики
  • Писатели

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

«Но в моей работе нет визуальных эффектов»

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

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

Тематические исследования

Один из лучших способов продемонстрировать авторитет в предмете — изучение конкретных случаев. Это возможность показать потенциальным работодателям, как вы думаете, работаете и решаете проблемы. Лучшая часть? Вам не нужно разбираться в дизайне, чтобы создать потрясающий кейс. Чтобы глубже погрузиться в тематические исследования, ознакомьтесь с этим руководством от HubSpot.

Исследовательская работа

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

Лабораторные отчеты

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

Презентации

Почти каждая специальность в колледже в какой-то момент требует презентации. Если вы пострадали от исследований и публичных выступлений, почему бы не включить готовый продукт в портфолио? Вы можете встроить слайд-шоу на свой веб-сайт или, что еще лучше, включить видео о своем выступлении.

Сертификаты

Если ваша потенциальная карьера ценна или требует каких-либо сертификатов, в ваших интересах разместить их в своем портфолио, как только вы их заработаете. Это может быть просто аннотация, например, «Сертифицировано Google Adwords» или снимок экрана с фактической сертификацией, если она была завершена онлайн.

Как создать онлайн-портфолио

Если вы дочитали до этого места, скорее всего, я знаю о вас две вещи: у вас нет онлайн-портфолио (или вам нужно портфолио получше) и вам нужна помощь в его создании. В этом разделе мы рассмотрим, что должно войти в ваше портфолио, и некоторые полезные инструменты, чтобы застегнуть его и сделать его законным.

Создайте свой сайт

(Если у вас уже есть веб-сайт, перейдите к следующему шагу.)

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

Итог: вам нужен сайт. Чтобы создать его, ознакомьтесь с нашим исчерпывающим руководством по созданию личного веб-сайта.

Не волнуйся, мы будем ждать тебя, когда ты вернешься.

Выберите свою лучшую работу

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

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

Доминик Вайана

Создание собственного портфолио или использование темы

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

Строительство с нуля

Если вы веб-разработчик, графический дизайнер или просто разбираетесь в веб-дизайне, создание собственного онлайн-портфолио — разумный шаг. Когда вы создаете сайт с нуля (не забудьте указать, что вы это сделали), сам сайт становится частью портфолио в дополнение к работе, которую вы демонстрируете.

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

Бесплатные темы WordPress

Если ваша область исследования не ориентирована на визуализацию (или у вас мало свободного времени), предварительно разработанный шаблон может спасти вам жизнь. Разработчики веб-сайтов любят Вордпресс есть тысячи тем на выбор, большинство из которых можно настроить, если вы решите это сделать. Но вместо того, чтобы перебирать бесконечные варианты, вот несколько предложений бесплатных тем для портфолио WordPress:

Игнис

зажигание

Элегантный дизайн этой темы и жирный шрифт помогут вашему портфолио заявить о себе. Что наиболее важно, Ignis позволяет легко отображать элементы вашего портфолио в бэкэнде. В целом, Ignis имеет минималистский вид с большим количеством места для маневра, чтобы добавить свой индивидуальный подход.

Фотомания

фотомания

Если вы фотограф, эта тема создана специально для вас. Благодаря адаптивному дизайну и возможности добавлять собственные логотипы, цвета и шрифты Photomania — это надежная тема для фотографов любого профиля.

портфолио

портфолио

Название говорит само за себя: если вам не нужны все навороты, но вы все же хотите заявить о себе, эта минималистская тема поможет вам. Вы можете отказаться от портфолио или взять под контроль цветовые схемы, анимацию и пользовательские шрифты.

.ТРУБКА

ТРУБКА

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

Глициния

глициния

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

Дополнительные конструкторы портфолио

Конечно, вы не ограничены WordPress при создании своего портфолио. Вот несколько популярных инструментов для упрощения процесса:

ПортфолиоБокс

В этом инструменте есть все, что вам нужно для создания профессионального веб-сайта портфолио прямо в вашем веб-браузере.

Портфолио Adobe

Adobe, возможно, является самым надежным брендом в области цифрового дизайна, и их инструмент для создания портфолио оправдывает ожидания. Этот инструмент включает в себя веб-хостинг и неограниченное количество страниц (плюс бесплатная версия).

Джимдо

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

Что включить в свое портфолио

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

Кто ты?

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

Например:

Ваша работа (Время похвастаться)

Здесь завоевывается и теряется репутация. Теперь, когда [insert internet user] нашла ваш сайт и прочитала ваше вступление, пришло время поразить их кусочками вашего портфолио. Тема веб-сайта, которую вы используете (или кодируете сами), в конечном итоге определит, как будет выглядеть ваше портфолио, но есть несколько вещей, которые все еще требуют вашего внимания:

Контекст

Каков был ваш объем работы? Вам поручили этот проект или вы взяли его на себя? Это не обязательно должно быть длинным объяснением — достаточно пары предложений. Вот простой пример из Эшли Н. Дайерс:

Эшли Дайерс

Результаты

Вы увеличили продажи? Был ли клиент в восторге? Не просто покажите зрителям конечный результат — расскажите им, чего вы достигли. Это ваш шанс продать себя. Красивые картинки — это здорово, но результаты выписывают чеки. Отзывы — отличный способ выделить успешные проекты, не дающие ощутимых результатов. К счастью, в WordPress есть десятки плагинов для отзывов (Вот этот мой любимый).

Контактная страница

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

У вас есть два варианта:

  1. Найдите тему со встроенным шаблоном контактной страницы.
  2. Добавьте контактную форму на страницу с помощью плагина или просто указав свой адрес электронной почты.

В любом случае, это действительно легко.

Вот страница контактов Томаса из его персональный сайт (только не спамьте его, иначе он обвинит меня.)

Томас Фрэнк

Вдохновение

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

Кристин Вонг

Кристин Вонг

У Кристин идеальный веб-сайт для писателя: ее портфолио, блог, страница «О нас» и страница контактов — все на главной странице, плюс у нее есть логотипы СМИ, в которых она фигурирует, для дополнительного доверия. Бонусные баллы: Томас взял у нее интервью в подкасте College Info Geek.

Майкл Танни

Майкл Танни

Майкл многому научил меня во внештатном бизнесе, особенно важности социального доказательства (т. е. отзывов). На его веб-сайте есть простой раздел с отзывами, который он активно обновляет, и он сразу бросается в глаза, как только вы прокручиваете домашнюю страницу вниз.

Дэн Бирман

Дэн Бирман

Дэн — продуктовый дизайнер в Uber. Что мне особенно понравилось, так это минималистский эффект, который можно воспроизвести практически в любом портфолио. Там нет пуха или жаргона. Это портфолио доказывает, что иногда лучше меньше, да лучше.

Есть вопросы?

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

Вы также можете ознакомиться с нашим списком из 50 отличных примеров личных веб-сайтов, чтобы получить больше идей о том, как еще больше оптимизировать свой сайт.

Теперь займитесь созданием портфолио рок-звезды.

Похожие записи

Добавить комментарий

Ваш адрес email не будет опубликован.