Как сделать портфолио? Примеры и образцы портфолио
Разговаривая с клиентами и фрилансерами, я часто спрашиваю: на что, по-вашему, в первую очередь обращает внимание заказчик? В большинстве случаев люди указывают на портфолио и опыт работы. Это закономерно. Как еще заказчики могут оценить качество и профессионализм удаленного работника? Только по примерам работ.
В нашей статье мы расскажем, как сделать красивое и эффектное портфолио, которое привлечет к вам много клиентов.
Портфолио – это грамотно оформленный перечень работ определенного специалиста.
Например, портфолио копирайтера состоит из написанных им текстов, отсортированных по тематике или виду текста (коммерческое предложение, контент для сайтов, слоганы).
Портфолио модели – это снимки, дающие представление о работе модели в разных образах. Портфолио веб-дизайнера – изображения сделанных им сайтов, баннеров, иной дизайнерской продукции.
По уровню и качеству работ в портфолио клиенты судят об исполнителе – стоит с ним работать или нет. Поэтому оформлению портфолио нужно уделять пристальное внимание.
Как составить портфолио?
Какие работы добавить в портфолио?
Первый вопрос, который возникает при создании портфолио – какие работы указывать? Если Вы – начинающий фрилансер, то – все. В этом случае на Вас работает количество материалов, качество может быть ниже уровня гуру. Но Вы показываете заказчику – у Вас уже есть выполненные проекты и их много! Главное, чтобы опыт был. Если Вы – далеко не новичок и за плечами тысяча-другая написанных новостей и статей или сотня запущенных сайтов, то выбирайте интересные работы. Вы – профессионал, и знаете, что у Вас получилось лучше.
Однако нельзя слишком приукрашивать свои работы. Важно включить в портфолио как лучшие, так и средние по уровню проекты. Клиент должен понимать, какое качество вы можете выдавать стабильно, а не только в случае «творческого удара».
Куда добавить портфолио в Интернете?
25 сайтов, где можно разместить портфолио!
25 сайтов, где можно разместить портфолио!Посмотрите обзор сайтов, где можно разместить портфолио представителям творческих профессий.
Как правило, реальных заказчиков приносят два первых варианта – персональный сайт и биржи удаленной работы. Причем сайт работает только в том случае, если он широко известен и раскручен в интернете. Либо вариант два – вы отправляете заказчику ссылку на ваш сайт, где он может спокойно посмотреть портфолио.
Биржи удаленной работы – это хлебные места для фрилансеров, откуда можно получить постоянный приток заказчиков. Причем как разовые заказы, так и постоянные! Как правило, на каждой бирже удаленной работы есть каталог фрилансеров, в котором исполнители могут опубликовать свое портфолио. В этой статье мы большей частью поговорим об оформлении портфолио на биржах телеработы. Далее важно учитывать, что фрилансеры в каталогах сортируются по рейтингу. Он формируется по-разному, но обычно зависит от следующих факторов: количество работ в портфолио, количество отзывов о фрилансере, посещаемость портфолио (сколько человек его посмотрели). Соответственно, чем лучше оформлено Ваше портфолио и чем выше Ваш рейтинг, тем больше заказчиков найдут Вас в каталоге и предложат работу!
Просто каталоги фрилансеров, форумы и доски объявлений приносят меньше отдачи, но все-таки полностью игнорировать данные места нельзя. У меня был случай, когда заказчик нашел и сам написал как раз по объявлению на форуме, оставленному несколько месяцев назад! Правда, случай был только один. Но если через форумы получится взять хоть один крупный заказ, все усилия окупятся сторицей.
Оформление портфолио на бирже
Большинство бирж позволяют ввести название работы, короткий комментарий (около 300 символов), фотографию и ссылку на источник. Понятно, если вы – дизайнер, то можете поставить в качестве фотографии скриншот сайта, над которым работали. А что желать журналистам? То же самое. Ставить скриншот страницы со статьей. Если статья большая – сделайте скриншот ее небольшой части, а на полную версию дайте ссылку. Если Вы программист – имеет смысл описать суть работы в комментариях, а затем дать ссылку на сайт, где можно посмотреть работу скрипта или системы управления. Как вариант – можно разместить скриншот админ-панели CMS.
Как правило, большинство современных бирж телеработы позволяют указывать свою специализацию. И соответственно, для каждого направления можно добавить работы из портфолио. Правило здесь одно: во всех заявленных Вами типах работ должны быть примеры. Минимум – один, а лучше два или три. Можно больше. Иначе ситуация не в Вашу пользу. Например, человеку необходимо написать статью. Он ищет фрилансера и находит в каталоге Ваше портфолио. Но там нет ни одного примера статьи. Что сделает заказчик? Скорее всего, найдет другого исполнителя.
Оптимально размещать до 10-15 работ в каждом направлении. Этого достаточно чтобы не захламить страницу, повысить рейтинг на 50-75 баллов и дать заказчику полное представление о Ваших знаниях и способностях. Что делать, если работ недостаточно? Разделять! Например, Вы пишете новости для портала, допустим, Kadrof.ru. Вместо того, чтобы ставить эту работу одним пунктом (новости для Kadrof.ru), Вы разделяете и вводите каждую новость как отдельный проект. Поучается не одна работа, а допустим – десять. И никто не будет против. Все по правилам. И рейтинг вырастет не на 5 пунктов, а сразу на 50.
Как сделать профессиональное портфолио?
Пример хорошего портфолио:
Плюсы образца портфолио:
Это портфолио я оформлял недавно, соответственно, добавил в него новые работы из свежих, дополнил скриншотами, провел разделение проектов. Его можно использовать как образец для оформления электронного портфолио.
Пример портфолио, требующего доработки:
Минусы данного портфолио:
Данное портфолио я планирую в ближайшее время переработать и значительно улучшить, в частности, устранить перечисленные выше недостатки.
Пример портфолио на корпоративном сайте:
Преимущества данного портфолио:
В данном примере не хватает ссылок на отзывы клиентов рядом с работами, представленными в портфолио. Также необходимо постоянно обновлять работы, добавляя свежие проекты.
Остались вопросы?
Если у Вас возникли вопросы, связанные с оформлением портфолио, Вы можете задать их в разделе Вопрос-ответ или в комментариях к статье. Буду рад ответить и помочь!
Портфолио: Что это такое и как правильно его составить (примеры оформления)
С помощью грамотно составленного портфолио работодатель сможет объективно оценить уровень профессионализма потенциального работника.
Бывает так, что человек действительно является специалистом в своем деле, но слабое портфолио отбивает у работодателя желание иметь дело с таким кандидатом.
Чтобы этого не произошло, надо знать, что такое портфолио и как правильно его сформировать.
Что значит портфолио?
Портфолио – это пакет документов, который убедительно раскрывает уровень квалификации человека в конкретной области деятельности. Для формирования такого «портфеля» потребуется прожить какой-то опыт, который позволит наработать материал для демонстрации своих профессиональных качеств.
Чтобы составить портфолио, понадобится «выжимка» из набора выдающихся работ, которые с выгодной стороны показывают преимущества соискателя перед конкурентами. Если профессия включает комплекс услуг, в списке должны отражаться с выгодной стороны все позиции.
Слабые работы, которые были выполнены на заре карьеры, прилагать в папку «для количества» не надо.
В чем отличие портфолио от резюме?
Резюме – это краткое перечисление основных моментов, которые связаны с трудовой деятельностью человека и наиболее важны для работодателя. Образно говоря, это «трудовая биография».
В последнее время работодателям предоставляется резюме в унифицированной форме. Соискателю не нужно проявлять творческие способности, чтобы заполнить окна предложенной таблицы.
Портфолио же демонстрирует достижения и успехи в профессиональной деятельности и расширяет резюме с помощью дипломов, грамот, сертификатов, проектов, примеров творческих или научных работ. Резюме, в отличие, от портфолио не требует составления пакета документов.
Дизайнер успешно долгое время выполнял заказы солидной компании. В резюме отражается факт такого сотрудничества и дата. В портфолио же входят фотографии лучших интерьеров, которые демонстрируют этот профессиональный опыт.
Портфолио расширяет и дополняет резюме, позволяя работодателю самому оценить знания и навыки соискателя на вакантную должность.
Кому нужно составлять портфолио?
Как только слово «портфолио» начало входить в наш обиход, у многих создалось впечатление, что требуется оно только школьникам для поступления в вуз или журналистам для трудоустройства в престижный глянцевый журнал.
Практика показала, что грамотное портфолио поможет устроиться на хорошую работу и секретарю и садовнику, и менеджеру по работе с персоналом. Однако есть особые сферы, где без наличия хорошего портфолио сегодня не обойтись:
Людям, которые активно ищут подработку на площадках фрилансера предложения своих услуг необходимо подкреплять мощным портфолио.
В связи со стремительным переходом бизнеса на площадки интернета появилась новая специализация – копирайтер. Получить высокооплачиваемый заказ без ссылки на примеры работ очень сложно.
Виды портфолио
Несмотря на многообразие видов деятельности, все портфолио можно разделить на три большие группы: печатные, электронные и онлайн-портфолио. Внутри каждой группы могут быть представлены как индивидуальные, так и командные портфолио единомышленников.
Печатный вариант
Печатные или бумажные варианты лучших работ. Самый распространенный вид портфолио, с которым удобно идти на собеседование с потенциальным работодателем. Это аккуратная папка, в которую вкладываются печатные файлы.
Первый лист в папке содержит личные данные, остальные посвящены примерам работ. Все образцы должны быть структурированы по тематике, стилю или в хронологическом порядке. Печатный вариант портфолио предполагает также наличие в нем грамот, дипломов, сертификатов, лицензий, рекомендательных писем от прошлых работодателей, преподавателей, любые другие письменные или фотоподтверждения достижений.
При любой системе структуризации рекомендуется самые яркие примеры размещать ближе к началу по принципу «первое впечатление самое сильное».
В электронном виде
Любое печатное портфолио можно превратить в электронное. В нем содержатся те же сведения, но хранятся они не бумажном, а на цифровом носителе ( лучше всего на обычной флешке). Такое портфолио можно переслать ZIP-архивом по запросу работодателю, или прикрепить файл к электронному письму при рассылке резюме.
Иногда возникает необходимость дополнения печатного портфолио электронным. Например, если надо продемонстрировать свои навыки видеомонтажа.
В целях безопасности сохранения конфиденциальной информации отправлять такое досье кому-либо не рекомендуется. Если попадется недобросовестный работодатель, представленные образцы работ могут быть использованы в личных целях.
Электронную самопрезентацию лучше предлагать просматривать в вашем присутствии, без возможности копирования на чужой компьютер.
Онлайн-портфолио
В последнее время пользуется большой популярностью онлайн-портфолио. Для быстрого создания своего сайта можно воспользоваться инструментом WordPress, где предлагается много интересных шаблонов и плагинов.
Заказчику дается ссылка, пройдя по которой он сможет просмотреть необходимую информацию. Такой тип портфолио все чаще практикуют люди творческих профессий: фотографы, журналисты, модельеры, визажисты, парикмахеры.
Как правильно составить портфолио?
80% стандартного портфолио обычно занимают фотографии, скриншоты, ссылки на сайты, гугл-файлы. Остальные 20% – текстовая пояснительная информация.
Рассмотрим основные требования к портфолио, придерживаясь которых, вы сможете составить свое профессиональное досье.
Структура портфолио
Порядок оформления портфолио не унифицирован. Рекомендации экспертов в области пиар-индустрии следующие:
Солидность придают ссылки на отзывы заказчиков, размещенные под работами.
Какие работы и в каком количестве отбирать для портфолио?
Вопреки устоявшемуся мнению, портфолио следует включать не только самые лучшие работы, но средние по качеству. Это увеличит шансы на успех.
Логика следующая: отбор образцов производится субъективно. Не факт, что ваши с заказчиком мнения совпадают. 5-10 ярких фотоотчетов ландшафтного дизайнера будет достаточно для принятия решения о приеме на работу.
В некоторых случаях достаточно создать одностраничное портфолио для размещения в сети интернет, чтобы привлечь внимание к своей персоне. Для этого требуется высокий профессионализм, знание психологии. Человек должен располагать достаточно убедительными работами (не более 6), которые не сложно разместить на страничке.
При составлении портфолио для копирайтеров, фотографов, дизайнеров, на формирование положительного профессионального имиджа влияет количество представленных работ. Даже если качество работ не всегда выигрывает, эти недостатки перекроют объемы. Чем больше выполненных заказов, тем лучше.
Проницательный руководитель компании понимает, что с каждым новым проектом человек оттачивал свой профессионализм. Недаром на большинстве бирж фрилансеров рейтинг зависит от количества выполненных заказов.
Например, может начисляться дополнительно 5 баллов за очередную работу. Не обязательно каждая статья из тысячи написанных должна быть интересной. Читать их все подряд тоже никто не будет. Но именно количество свидетельствует о бесценном накопленном опыте.
Чтобы заказчик смог выбрать для детального ознакомления интересующую его работу, необходимо делать грамотную структуризацию проектов по тематике.
Рекомендуем полезное видео, где рассказывается о том, как сделать эффективное портфолио для фотографа и разбираются основные ошибки:
Примеры оформления портфолио
Примеры оформления портфолио архитектора. Это титульная страничка:
Впечатляющий фото пример реализованного проекта:
А вот так представляет себя графический дизайнер:
Фрагмент иллюстрированного портфолио модельера:
Все примеры взяты с платформы Behance.net.
Где размещать готовое портфолио?
Если речь идет не о бумажной версии, то портфолио можно разместить на своем сайте, страничке в социальных сетях. Можно дать заказчику ссылку на блог в YouTube, Instagram. Но лучше прибегнуть к помощи специальных интернет-платформ, разработанных для таких целей.
Потенциальный работодатель поймет, что соискатель интересуется современными онлайн-технологиями. Минус в том, что многие услуги платные.
Примеры веб-ресурсов, которые помогут в создании онлайн-портфолио тем, кто дружит с компьютерными технологиями, представлены ниже.
Behance.net
Веб-ресурс бесплатно предоставляет возможно оформить и разместить индивидуальные и командные портфолио. Сюда можно выложить как свои личные проекты, так и командные работы.
Clippings.me
На этом сайте можно быстро опубликовать примеры своих работ и скинуть ссылку заказчику. Ресурс предоставляет возможность разместить бесплатно до 16 работ. Понадобится знание английского. Фишка в том, что свои контактные данные тут оставить нельзя.
Portfolios.ru
Здесь можно создать несколько тематических альбомов. Сайт русскоязычный. До 15 файлов загрузка бесплатная.
Dribbble.com
Крупнейший сайт, где размещают свои портфолио работники творческих профессий – художники, дизайнеры, фотографы. Для размещения своих работ понадобится рекомендация участника проекта.
Pressfolios.com
Одна из самых масштабных платформ для размещения портфолио блогеров, журналистов, писателей и других представителей творческой среды. Здесь загружаются pdf-файлы или ссылки на внешние ресурсы. Пользование до 14 дней бесплатное, затем надо оформить платную подписку.
В заключении
Опыт в любом виде деятельности может быть подкреплен портфолио. Даже если работа предполагает выполнение стандартных задач, строго прописанных должностными инструкциями. Это касается бухгалтеров, администраторов, менеджеров и логистов. В портфолио должна находиться информация, которая представляет соискателя на должность в выгодном свете.
Не стоит увлекаться сбором большого количества информации, если речь не идет о фрилансе. Лаконичный дизайн одностраничного портфолио может убедить сильнее, чем пухлая папка с грамотами. Потенциальный работодатель уже при первом взгляде на портфолио должен понять, что перед ним ценный специалист.
50% успеха в поиске выгодного заказчика (работодателя) зависит от выбора качественного инструмента для создания и портфолио и места его размещения. Выгодно сотрудничать со специализированными сервисами, где ваша презентация будет представлена на современном уровне.
Как создать идеальное техническое портфолио
Привет, Хабр! представляю вашему вниманию перевод статьи «How To Build A Great Technical Portfolio» автора Emma Wedekind.
Портфолио — это отображение вашей личности, обычно первое впечатление о вас и вашей работе складывается именно благодаря портфолио. Таким образом, крайне важно, чтобы вы создавали такое портфолио, которое раскрывает вас и вашу работу с лучшей стороны.
Предлагаю вам взглянуть на несколько моих советов по созданию идеального технического портфолио.
Заметьте: эти советы построены на моем личном опыте. Существует множество способов составить отличное портфолио, так что используйте их как рекомендации, а не как жесткие правила.
Что делает хорошее портфолио?
Портфолио объясняет, каким человеком вы являетесь, и какие навыки вы можете предложить. Также портфолио — это идеальный способ продемонстрировать свои навыки разработки!
Вот ключевые факторы, которые вы должны включить, чтобы гарантировать своему портфолио первоклассность.
Ваше портфолио должно говорить людям о вас.
Портфолио — это ваш способ засверкать. Что вам нравится делать для удовольствия? Какова ваша история жизни в двух словах? Что бы вы хотели, чтобы люди узнали о вас?
Добавив несколько личных штрихов, вы даете потенциальным работодателям представление о том, как это работать с вами!
Вот небольшой отрывок с моей странички портфолио. Не стесняйтесь посмотреть его полностью здесь.
Ваше портфолио должно демонстрировать вашу лучшую работу или проект.
Если у вас есть какие-либо проекты или работы, которыми вы гордитесь и которые иллюстрируют ваши способности программирования или дизайна, то ваше портфолио — это идеальное место продемонстрировать их.
Многие компании создают собственные (конфиденциальные) работы, поэтому вам может быть интересно, как вы можете включить их в публичное портфолио.
К сожалению, вы не можете этого сделать. Мое предложение – это иметь при себе от двух до трех сторонних проектов, которые продемонстрируют ваши способности. Я знаю, это посильно не для всех, но больше вы ничего не сможете сделать, когда ваша работа конфиденциальная.
Чтобы отобразить вашу работу, опишите используемые технологии, вашу роль в проекте (если это применимо), включите скриншот или два и разместите ссылку на код (если есть возможность).
Вот как я изложила раздел «работа» в моем портфолио. Вы можете посмотреть его полностью здесь.
Ваше портфолио должно иллюстрировать ваши впечатляющие навыки разработки (и дизайна)
Один отличный способ привлечь внимание работодателя — это использовать свое портфолио как сторонний проект. Я использовала Gatsby на React.js, для того чтобы сделать свое портфолио простым, потому что я хотела поэкспериментировать с генератором сайтов и продемонстрировать свои навыки работы с React.
Прежде чем создавать портфолио, я полностью его составила в Sketch. Я рекомендую построить план того, как вы хотите представить информацию о себе.
Ваше портфолио должно быть актуальным
Рекрутеры и потенциальные работодатели могут просматривать ваше портфолио, даже если вы не обновляли его годами. Поэтому так важно держать информацию о себе настолько актуальной, насколько это возможно.
Если у вас новая роль, обновите портфолио. Если вы создали крутое новое приложение, обновите свое портфолио!
Вы же хотите, чтобы это было представлением вас и вашего текущего набора навыков. Поэтому важно создавать что-то, что легко потом поправить и что выдержит проверку временем.
Ваше портфолио должно содержать ваши контакты
Вы всегда должны предоставлять способ связи в вашем портфолио. Честно говоря, на данный момент, у меня нет моих контактов в портфолио (позор мне!)
Если вы не предоставите свои контакты, рекрутеры не смогут связаться с вами по поводу потенциальных вакансий.
Поэтому добавьте ссылку на свои социальные сети (если вы используете их в качестве основного средства связи), свою электронную почту или свой номер телефона (если вы не возражаете получать много звонков).
Предоставьте им какой-нибудь способ связи с вами.
Как я придумываю хороший дизайн?
Создание дизайна портфолио может быть одним из самых сложных заданий, особенно если вы back-end разработчик или если у вас практически нет опыта в дизайне проектов.
Когда я создаю сайт или приложение, я использую dribbble для вдохновения и подбора цветовых палитр. Вы также можете воспользоваться шаблонами приложений Wix и Squarespace. Я не советую вам плагиатить чужие дизайны, но это хорошая отправная точка для получения вдохновения.
Я рекомендую делать дизайн как можно проще. Вы же хотите сделать что-то, что будет смотреться хорошо через 5, а то и 10 лет. Выбирайте простые, но доступные цвета. Используйте читаемые шрифты соответствующего размера.
Эти приложения к тому же помогают вывести информационную структуру. Какую информацию Вы хотите в своем портфолио? Как вы хотите, чтобы она была скомпонована? Одностраничной? В несколько страниц? Ответьте на эти вопросы до написания кода, и вы сэкономите массу времени.
Если вам нужна графика, я рекомендую сервис unDraw, который является бесплатным и несложным в использовании.
Какие технологии я должен использовать, чтобы создать портфолио?
Существует множество различных технологий, с помощью которых вы можете создать свое портфолио. Давайте познакомимся с несколькими вариантами для back-end и front-end разработчиков.
Back-end разработчики
Система управления контентом управляет созданием и содержимым цифрового контента.
WordPress – это одна из самых популярных систем управления контентом, и это отличный выбор для разработчиков, которым не очень комфортно разрабатывать собственный UI.
2.Используйте ванильные HTML и CSS
Если вы немного знаете основы веб-разработки, то отличным вариантом будет начать создание сайта, используя ванильные HTML и CSS. Не думайте, что вам придется мучить себя дизайном/моделированием интерфейса, если у вас нет блестящих навыков в этом. Но создание вашего сайта на HTML и CSS покажет, что вы способны осваивать навыки вне вашей зоны комфорта.
Вам даже не нужен JavaScript для создания впечатляющего портфолио!
3. Используйте CSS-фреймворки
Если вам достаточно комфортно с базовыми HTML и CSS, но хотите более последовательный UI, вы можете попробовать CSS-фреймворки.
CSS-фреймворки позволяют работать с элементами стилей быстрее и проще. Важно заметить, что если вы претендуете на вакансию Front-end разработчика, использование CSS-фреймворков может быть не лучшим вариантом, так как работодатели будут искать разработчика, который сможет развивать СSS. Но для back-end разработчика это может стать отличной возможностью.
4. Используйте конструкторы сайтов
Если вы просто хотите просто разместить контент так быстро, насколько это возможно, то вы также можете использовать конструкторы сайтов, такие как Wix или Squarespace.
Они могут максимально быстро и легко создать сайт. Вы можете даже интегрировать собственный домен.
Однако, если вы претендуете на роль Front-end разработчика, я предостерегаю против использования платформ по созданию сайтов. Ведь это шанс показать свои навыки разработчика! Всё или ничего!
Front-end разработчики
Если вы Front-end разработчик, то у вас есть много доступных вариантов для создания сайта.
1. Используйте ванильный HTML, CSS, и JavaScript
Вы никогда не ошибетесь, используя простой ванильный сайт. Нет смысла слишком усложнять архитектуру портфолио, если вы этого не хотите или это не нужно. Тот простой факт, что вы создали свой сайт с нуля, показывает потенциальным работодателям, что вы готовы потратить некоторое дополнительное время, чтобы продемонстрировать свои навыки.
2. Используйте JavaScript-фреймворки
Вы можете использовать свое портфолио для того чтобы практиковать (и демонстрировать) свои способности в JavaScript, используя фреймворк или библиотеку. Я предлагаю выбирать то, с чем вам удобно работать (или так уж и быть, выбирать то, чему бы вы хотели научиться) либо то, что уместно для выбранной вами специальности.
3.Используйте генераторы статических сайтов.
Генераторы статических сайтов получили известность в компьютерной индустрии с внедрением популярных библиотек и фреймворков (React, Vue, Angular и др.). Я создала свое портфолио с помощью Gatsby: генератор сайтов для React.
Существует множество разных генераторов сайтов, таких как Next.js для приложений на React и VuePress для Vue.js.
Они обеспечивают такие полезные функции, как плагины оптимизации изображений, адаптивность под мобильные устройства, доступность.
Рекомендации к коду в вашем портфолио.
Какой контент мне нужно добавить?
Я всегда рекомендую включить следующие пункты в ваше портфолио:
Помните, ваше портфолио — это отражение вас самих. Здесь представлен не единственный, подходящий для всех, вариант составления портфолио. Создайте свое!