Содержание

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

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

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

  1. Посмотрите примеры для вдохновения

  2. Выберите шаблон для портфолио

  3. Сделайте акцент на лучших проектах

  4. Используйте изображения с высоким разрешением

  5. Добавьте нужные разделы

  6. Улучшите UX

  7. Поработайте над SEO

  8. Настройте мобильную версию сайта

  9. Попросите честную обратную связь

  10. Опубликуйте сайт и продвигайте его

1. Посмотрите примеры для вдохновения

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

2. Выберите шаблон для портфолио

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

3. Сделайте акцент на лучших проектах

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

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

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

4. Используйте изображения с высоким разрешением

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

5. Интегрируйте нужные разделы

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

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

Страница «О себе» Если текст на главной странице должен быть коротким и информативным, то страница «О себе» — место, где вы можете дать себе волю. Расскажите о вашем бэкграунде и опыте, поделитесь ценностями и философией, продемонстрируйте навыки и достижения — в общем, укажите все, что считаете интересным и релевантным. Хорошей идей будет указать текущую занятость и дать ссылку на PDF-файл с резюме. Проявите немного индивидуальности с помощью копирайтов, иллюстраций, гифок и любых других элементов, которые подходят вашему стилю. Посмотрите, как дизайнер Джикун Тао сделала свое онлайн-портфолио более живым с помощью провокационной типографики и забавных мультипликационных глаз.

Контактная информация Впечатлить посетителя — только полдела; теперь нужно убедить его связаться с вами. Сделайте это максимально простой задачей: добавьте раздел с контактами и укажите электронную почту, телефон и ссылки на социальные сети. Всё это может быть отдельной страницей, частью вашего меню или даже плавающим элементом на боковой части экрана. Не забудьте продублировать всю информацию в футере — так посетитель точно не упустит ваши контакты из виду.

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

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

6. Улучшите UX

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

Определившись со структурой, можно перейти к логистике. Куда пользователь попадает при нажатии на ссылку — на другую страницу или в раздел ниже? Что лучше — меню в верхней части страницы или меню-гамбургер, которая будет раскрываться на полный экран при нажатии? Как пользователь поймет, на какой странице находится? Хороший UX предугадывает каждое действие пользователя и предлагает простое и прямолинейное решение. Нужна помощь? Посмотрите 10 лучших примеров UX-портфолио с полезными советами.

7. Поработайте над SEO

Даже в самом хорошем портфолио нет никакого смысла, если никто не сможет его увидеть. Поэтому важно оптимизировать сайт, чтобы поднять его в поисковых запросах Google и сделать более доступным для потенциальных клиентов и работодателей. SEO (Search Engine Optimization, поисковая оптимизация) — это непрерывный процесс, состоящий из комплекса различных действий. Вот некоторые из них:

  • Публикуйте уникальные, свежие и полезные тексты. Так вы получите возможность делиться своими идеями с читателями, а Google увидит, что ваш сайт активен и постоянно обновляется.

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

  • Добавьте alt-текст ко всем изображениям. Поисковики «не видят» картинки и фотографии на сайте — поэтому альтернативный текст помогает Google, Yandex и другим системам распознать, что именно на них изображено. Добавьте короткое и понятное описание в качестве alt-текста к каждому изображению — это улучшит индексацию сайта.

  • Заполните метаданные и мета-теги — то есть, основные сведения о странице. Они обычно включают в себя заголовок (Title) и краткое описание (Description).

  • Добавьте заголовки h2, h3, h4 и так далее. Включите в них ключевые слова — так поисковым работам будет проще сканировать контент на сайте, что обеспечит лучшее ранжирование в результатах выдачи.

  • Если ваша работа завязана на конкретном месте, сделайте упор на локальную оптимизацию. Это тактика, при которой ваш сайт в первую очередь отображается в поисковых запросах из конкретной страны, города или региона. Например если у вас своя тату-студия в Киеве, важно оптимизировать сайт в первую очередь для этого города и окрестностей — например, добавить слово «Киев» в SEO-заголовок и описание. Вот, как это может выглядеть: Тату-студия Киев | Website.com Кроме этого, не забудьте зарегистрировать сайт на Google My Business и добавить вашу локацию в раздел «Контакты».

Пользователям WIx могут значительно упростить процесс оптимизации сайта с помощью Wix SEO мастер. Это удобный путеводитель, который поможет подобрать ключевые слова и вывести сайт в результаты поиска Google и других сервисов. Хотите узнать о SEO еще больше? Почитайте наш подробный гайд по SEO-оптимизации.

8. Настройте мобильную версию сайта

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

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

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

9. Попросите честную обратную связь

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

10. Опубликуйте сайт и продвигайте его

После публикации сайта обязательно расскажите о нём во всех соцсетях — от ВК и твиттера до LinkedIn и Pinterest. Это поможет привлечь первых посетителей, улучшит индексацию поисковыми системами и обеспечит вас обратной связью. Если вы ещё не добавили значки соцсетей на сайт, самое время это сделать.

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

Хотите узнать ещё больше о том, как создать успешное портфолио? Посмотрите наш недавний вебинар «Как оформить портфолио и выделиться среди конкурентов».

Сергей Букринский

контент-менеджер Wix

Как сделать портфолио? Примеры и образцы хорошего портфолио

Разговаривая с клиентами и фрилансерами, я часто спрашиваю: на что, по-вашему, в первую очередь обращает внимание заказчик? В большинстве случаев люди указывают на портфолио и опыт работы. Это закономерно. Как еще заказчики могут оценить качество и профессионализм удаленного работника? Только по примерам работ.

В нашей статье мы расскажем, как сделать красивое и эффектное портфолио, которое привлечет к вам много клиентов.

Портфолио – это грамотно оформленный перечень работ определенного специалиста.

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

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

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

Как составить портфолио?

  1. Выделите направления, по которым вы желаете создать портфолио. Например, у копирайтера это могут быть: коммерческие предложения, тексты для сайтов, нейминг, слоганы. У фотографа: репортажная съемка, портреты, свадебная съемка и т.д.
  2. По каждому направлению отберите ваши лучшие работы и средние по качеству проекты. Оптимально включить в портфолио 10-20 работ по каждому направлению. Это уже создать у клиента нормальное представление о вашем уровне.
  3. Подумайте над красивым оформлением портфолио. Например, фрилансер-копирайтер может сформировать один файл в .doc, где будут представлены все отобранные им коммерческие предложения или создать отдельный файлы для каждого текста. Главное, чтобы они были правильно оформлены. Можно создать несколько папок, куда добавить работы по направлениям.
  4. Разместите портфолио в Интернете, на личном сайте, флешке или диске. Идеально, если ваше портфолио будет всегда с вами – никогда не знаешь, где придется общаться с клиентом.

Какие работы добавить в портфолио?

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

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

Куда добавить портфолио в Интернете?

  • На персональном сайте — лучший вариант, поскольку ссылки на образцы портфолио Вы сможете дать на визитке, любой бирже удаленной работы, а также в процессе общения на форуме или в сообществе.
  • На бирже удаленной работы — хороший вариант, позволяет привлечь внимание к портфолио со стороны потенциальных заказчиков, однако для этого Вам потребуются платные услуги по выделению портфолио в каталоге фрилансеров (см. статью «Где искать клиентов? Поиск клиентов в Интернете»).
  • В каталогах фрилансеров — на данный момент отдельных каталогов практически нет.
  • На форумах — темы быстро уходят в архив и со временем Ваше портфолио может быть удалено с сайта. Эффект от добавления портфолио на форумах может быть в течение первой недели-двух. Чтобы получать внимание посетителей форума в дальнейшем, Вам придется обновлять портфолио или иным способом привлекать к нему внимание. Другие минусы способа: отсутствие возможности добавить много работ, красиво их оформить и удобно структурировать.
  • На досках объявлений — аналогичные недостатки, как при добавлении портфолио на форумах.

25 сайтов, где можно разместить портфолио!

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

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

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

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

Оформление портфолио на бирже

Большинство бирж позволяют ввести название работы, короткий комментарий (около 300 символов), фотографию и ссылку на источник. Понятно, если вы – дизайнер, то можете поставить в качестве фотографии скриншот сайта, над которым работали. А что желать журналистам? То же самое. Ставить скриншот страницы со статьей. Если статья большая – сделайте скриншот ее небольшой части, а на полную версию дайте ссылку. Если Вы программист – имеет смысл описать суть работы в комментариях, а затем дать ссылку на сайт, где можно посмотреть работу скрипта или системы управления. Как вариант – можно разместить скриншот админ-панели CMS.

Как правило, большинство современных бирж телеработы позволяют указывать свою специализацию. И соответственно, для каждого направления можно добавить работы из портфолио. Правило здесь одно: во всех заявленных Вами типах работ должны быть примеры. Минимум – один, а лучше два или три. Можно больше. Иначе ситуация не в Вашу пользу. Например, человеку необходимо написать статью. Он ищет фрилансера и находит в каталоге Ваше портфолио. Но там нет ни одного примера статьи. Что сделает заказчик? Скорее всего, найдет другого исполнителя.

Отдельно хочется отметить количество работ в портфолио. Как уже было сказано ранее, многие биржи телеработы ведут рейтинг фрилансеров. И размер этого рейтинга иногда напрямую зависит от количества работ в портфолио. Например, Free-Lance.ru начисляет дополнительно около пяти баллов за одну работу. Поэтому фрилансеры заинтересованы ставить как можно больше примеров! Мне приходилось видеть портфолио, где количество работ переваливало за сотню, а то и за две сотни! Длина страницы поражала воображение! Но стоит ли так «накручивать» рейтинг? Понятно, лишних 20 работ – и есть 100 баллов. Сотня работ – уже 500 баллов. Но что скажет заказчик, просматривая такое портфолио? Спасибо точно не скажет. Для него огромный список – это море информации, обработать которую невозможно. Скорее всего, он покинет такое портфолио вместе с заказом. Также надо учитывать, что банальное размещение множества проектов — далеко не единственный путь получить высокий рейтинг. На его размер влияют и другие фаткоры: посещаемость портфолио, отзывы заказчиков и другое. И зачастую влияние этих факторов сильнее, нежели количество работ.

Оптимально размещать до 10-15 работ в каждом направлении. Этого достаточно чтобы не захламить страницу, повысить рейтинг на 50-75 баллов и дать заказчику полное представление о Ваших знаниях и способностях. Что делать, если работ недостаточно? Разделять! Например, Вы пишете новости для портала, допустим, Kadrof.ru. Вместо того, чтобы ставить эту работу одним пунктом (новости для Kadrof.ru), Вы разделяете и вводите каждую новость как отдельный проект. Поучается не одна работа, а допустим – десять. И никто не будет против. Все по правилам. И рейтинг вырастет не на 5 пунктов, а сразу на 50.

Как сделать профессиональное портфолио?

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

Пример хорошего портфолио:

http://freelance.ru/users/Sersh/

Плюсы образца портфолио:

  • В каждом направлении – от 2 до 6 проектов
  • Выбраны лучшие и свежие работы
  • Статьи сделаны со скриншотами
  • Грамотное название и описание проектов
  • Страница в целом выглядит аккуратно
  • Есть аватар (фотография исполнителя)

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

Пример портфолио, требующего доработки:

http://www.freelancejob.ru/users/Sersh/

Минусы данного портфолио:

  • Мало свежих работ,
  • Мало превью, скриншотов,
  • Представлены не все направления работы,
  • Немного отзывов.

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

Пример портфолио на корпоративном сайте:

http://brave-agency.ru/portfolio/

Преимущества данного портфолио:

  • Имеются примеры работ (готовые аудиты), которые можно сказать и посмотреть. Это очень важно для консалтинговых сфер (клиентам важно понимать, какой результат они получат),
  • Указано общее число проектов, над которым работали специалисты агентства (цифры положительно работают в портфолио),
  • Каждая работа имеет превью в виде скриншота сайта,
  • Каждый проект имеет краткое описание,
  • Указан список проведенных работ и полученный результат,
  • Работы сгруппированы по категориям.

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

Остались вопросы?

Если у Вас возникли вопросы, связанные с оформлением портфолио, Вы можете задать их в разделе Вопрос-ответ или в комментариях к статье. Буду рад ответить и помочь!

Полезные статьи по теме:

Рекомендуем

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

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

Как создать крутое портфолио, чтобы получать заказы от клиентов со всего мира

запись вебинара

 1ч. 31 мин.

статья

 7 мин.

Экономия времени

 1ч. 24 мин.

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

Olia Gozha on Behance

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

Viktor Vörös on Behance

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

Источник: Pinterest

Второе — создайте референс-листы на Pinterest. Для этого вбейте в строку поиска «web design» и сохраните понравившиеся работы на свою доску. Pinterest хорош тем, что он показывает не только самые последние работы, но и те, которые набрали наибольшее количество лайков или попали в другие доски. Таким образом вы увидите в выдаче историю лучших изображений за все время.

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

Слова про сказку следует понимать не только в переносном смысле. Около 30% работ в портфолио дизайнеров — несуществующие работы. Это наброски, макеты, фейки и так далее. Наша задача — показать себя с выгодной стороны, собрать лайки и комментарии.

Tim Tadder on Behance

Зачем нужны фейки? Часто дизайнеры задают на семинарах такой вопрос: «Как выкладывать в портфолио сайты, за которые платят реальные клиенты вроде магазина запчастей или товаров для рыбалки?» Действительно, это проблема, потому что на таких проектах обычно много скучных страниц. Эти сайты не для Behance.

Делайте фейки. Возьмите продукт, который вам нравится, который вы любите. Например, фотоаппараты Leica. Сделайте фейковый лендинг фотоаппаратов. Возьмите новую коллекцию купальников Victoria’s Secret. Сделайте лендинг для нее. Сделайте новую концепцию сайта Nike. И не важно, что Nike наплевать на вашу концепцию, а Victoria’s Secret, может быть, никогда не узнает о вашем существовании. Главное, что это один из лучших способов разгона своего портфолио.

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

Превью должно быть сочным и ярким. Это очень важно для Behance, поскольку от качества превью зависит количество просмотров. Хорошее превью — это ювелирная работа. Человек листает ленту и вдруг в серой массе видит вашу яркую обложку, на которую хочется кликнуть. Цель достигнута!

Главная страница Behance, март 2018

Даже если вам удалось «продать» посетителю обложку кейса в вашем аккаунте на Behance, не стоит забывать и о его содержании. Здесь дизайнеры часто ленятся: показывают ту же обложку, только в большом размере. Это неправильно: всегда старайтесь подать кейс в виде истории. При этом не забывайте, что оптимальная длина кейса —16 000 пикселей.

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

Sergey Popkov on Behance

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

Viktor Vörös on Behance

Можно ответить в духе Яндекса: «делайте крутые сайты…», но с Behance немного легче. Решение о выводе в топ (добавлении ачивки или шильдика Featured) редакция Behance принимает по многим параметрам, и один из них — анимационная вставка. Обычно все выигрышные кейсы делают с анимационными вставками и видеороликами.

Шильдик Featured на Behance — мечта многих дизайнеров. Это не только признание мастерства, но и возможность получать большие и денежные заказы от крупных студий и частных лиц.

Чтобы стать известным на Behance, дизайнер должен придерживаться следующих правил:

  1. Делать портфолио ярким и красочным.
  2. Правильно оформлять превью.
  3. Регулярно убирать старые работы.
  4. Делать фейковые работы для крупных брендов.
  5. Соблюдать длину портфолио в 16000 пикселей.
  6. Рассказывать историю кейса, а не просто загружать картинки.
  7. Обращать внимание на макропланы и детали.
  8. Просматривать чужие работы в ежедневном режиме и учиться у лучших.

Курс «Веб-дизайн с 0 до PRO»

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

  •  32 часа теории и 16 практических заданий
  • Живая обратная связь с преподавателями
  • Неограниченный доступ к материалам курса
  • Стажировка в компаниях-партнёрах
  • Дипломный проект от реального заказчика
  • Гарантия трудоустройства в компании-партнёры для выпускников, защитивших дипломные работы

Портфолио дизайнера: 20 лучших примеров

Что такое портфолио?

Портфолио — это список ваших работ, проектов и достижений, которые показывают ваш опыт, стиль работ и профессионализм. Для некоторых профессий (фотограф, дизайнер, модель) портфолио является неотъемлемым дополнением к резюме. Само слово произошло от английского “portfolio”, которое переводится как “папка с документами”.

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

В этой статье вы найдете примеры хороших онлайн-портфолио для вдохновения, а также, найдете советы о том, как сделать портфолио для себя.

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

Что такое портфолио дизайнера?

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

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

Какая цель создания сайта портфолио для дизайнера?

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

  1. Биография — вспомните некоторые интересные и запоминающиеся факты о вас;
  2. Недавние работы — потенциальные клиенты должны знать, чего им ожидать, какой у вас стиль и способности;
  3. Простая навигация — информацию, которую ищут посетители, должна быть доступна на сайте;
  4. Креативное мышление — люди постоянно просматривают миллионы сайтов, сделайте так, чтобы именно ваш сайт зацепил взгляд.

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

 Портфолио дизайнера: примеры для вдохновения

Для начала, хотим представить вам шаблоны, которые вы уже сейчас можете использовать совершенно бесплатно для создания своего портфолио онлайн. Все что вам нужно — войти в систему и отредактировать шаблон, затем нажать «publish» и ваше портфолио готово!

1) портфолио шаблон: https://photograph.weblium.site/

2) портфолио шаблон 2: https://realestateagent.weblium.site/

3) портфолио шаблон 3: https://cv-worker-portfolio.weblium.site/

4) портфолио шаблон 4: https://developer-cv.weblium.site/

Все шаблоны можно переделать под портфолио для дизайнера.

Артемий Лебедев: портфолио дизайнера

пример портфолио: Артемий Лебедев

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

Элизабет Лундин — пример портфолио для студентов и новичков

портфолио (пример)

веб-сайт: http://beautifully-weird-words.com/me/

Вот один из лучших примеров студенческого портфолио, демонстрирующий силу простоты. Элизабет поместила тут только информацию, которая может понадобиться любому потенциальному клиенту, например, контакты. Тем не менее, сайт выглядит мило и привлекательно, соответствуя вступительной фразе «Давайте расскажем вашу историю».

Taha Khan: портфолио дизайнера

портфолио пример 2

веб-сайт: https://taharkhan.com/

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

Диого Коррейя: пример портфолио студента

еб-сайт: https://diogotc.com/

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

Если у вас появилось желание создать портфолио — добро пожаловать на наш конструктор.

Яна Ходкина: современное портфолио веб-дизайнера

портфолио веб-дизайнера

веб-сайт: https://yanakhodkina.com/

Сайт разработан в лаконичных черно-белых цветах, с использованием ярких акцентов при необходимости. Например, фото профиля дизайнера исполнено в цвете, что сразу привлекает внимание. Так же, в портфолио представлены примеры работ, они тоже выполнены в цвете, так как могут потерять свою привлекательность и изюминку, при переводе в черно-белый формат. Необычным, но важным пунктом в этом портфолио является “Особенности работы со мной”. Этот пункт будет необходим тем, кто ищет работу при помощи портфолио, и хочет заранее договориться с клиентами об особенностях связи, выполнения заданий и решения прочих рабочих моментов.

Эшли Прал

веб-сайт: https://www.ashleyproulx.com/

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

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

На нашем бесплатном конструкторе есть все необходимо, что бы ваше портфолио получилось идеальным!

Приступайте прямо сейчас 🙂

Портфолио дизайнера Эдны Черрильос

веб-сайт: https://ednatheux.com

Приз за один из лучших примеров личного портфолио получает UX / UI дизайнер Эдна Черрильос. Ссылки на примеры портфолио располагаются прямо на картинках, что не обычно для сайта портфолио, и, безусловно, привлекает внимание.

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

Анна Элленберг: портфолио графического дизайнера

веб-сайт: http://annaellenberger.com/

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

Портфолио дизайнера Чарли Уэйт

веб-сайт: http://www.charliewaite.me/

С цифровым портфолио важно показать свою индивидуальность, так как сайт должен представлять только тебя, а не целую компанию людей. Расскажите, кто вы и что вы прямо сейчас. Одним из способов такого представления является сайт дизайнера Чарли.  В этом примере он честно написал о том, что для него важно: “Дизайнер. Мыслитель. Муж и отец”.

В свою очередь, мы вам предлагаем выбрать один из наших шаблонов (все бесплатные и доступны после логина) и создать свое уникальное портфолио: попробуйте!

Пример онлайн портфолио Peg Fitzpatrick

веб-сайт: https://pegfitzpatrick.com/

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

Джеральдин ДеРюитер

веб-сайт: http://www.everywhereist.com/

Многие персональные онлайн-портфолио принимают форму блога, особенно когда он поддерживает личный бренд автора. Этот блог имеет приятный дизайн и удобную навигацию, а также содержит работы писательницы и ссылки на ее учетную запись в Instagram — еще один способ связи с читателями.

На конструкторе Веблиум у вас тоже есть возможность создать блог 🙂

Дэвид Ленгам — портфолио художника и аниматора

веб-сайт: https://dlanham.com/

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

Джон Мирон: портфолио дизайнера и инженера

веб-сайт: http://jonmiron.com/

Вот еще один пример того, как отсутствие ярких цветов оказывается хорошей идеей. Цвет не отвлекает вас от основной цели, стоящей за сайтом, а именно — рекламы вас как профессионала и личности.

Портфолио Стефани Гризер

веб-сайт: http://stefaniegrieser.com/

Стефани — опытный маркетолог, которая встречает вас на своем сайте добрыми словами и своей улыбкой. Что интересного в ее портфолио, так это раздел, в котором она прямо приглашает спланировать свой следующий проект вместе в вами. Это повышает интерес работодателя и шансы на плодотворную работу вместе с ней.

Jun Lu: портфолио дизайнера и арт-директора

веб-сайт: http://junlu.co/

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

Desiree Adaway

веб-сайт: http://desireeadaway.com/

Desiree Adaway нашла свою культуру и разобралась в процессах и особенностях построения культуры для компаний. Она предлагает услуги по созданию и поддержанию корпоративной культуры бизнесов.

Таша Мейс

веб-сайт: https://www.tastefullytash.com/

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

Стальной киви: портфолио веб-студии

веб-сайт: https://steelkiwi.com/

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

А мы напоминаем, что не обязательно обращаться в студии для создания своего личного сайта, когда можно абсолютно бесплатно создать сайт на основе шаблонов. В случае, если вы хотите подключить свой собственный домен, вы платите $8.25 в месяц. Узнайте подробнее в описании нашего конструктора — https://ru.weblium.com/

Тейс Ботманн: портфолио

веб-сайт: http://theisbothmann.com/

Тейс Ботманн — фотограф из Дании, Копенгаген. Для фотографа, портфолио является важным инструментом. Создать портфолио онлайн, это отличное решения для дизайнеров, фотографов и художников. На сайте могут храниться примеры готовых работ, а так же наброски новых задумок. Очень важно обмениваться фотографиями под собственной торговой маркой. Хотели бы иметь свой собственный сайт, похожий на этот?

Портфолио дизайнера на Веблиум

Смотреть бесплатный шаблон: https://cv-worker-portfolio.weblium.site

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

Больше бесплатных шаблонов доступны после регистрации.

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

Многие начинающие дизайнеры, студенты, предприниматели откладывают мысли о вебсайте, потому что думают, что заказ сайта в веб-студии — единственный вариант.

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

С конструктором сайтов Weblium вы можете сделать сайт бесплатно:

— AI Design Supervisor™ — технология с использованием искусственного интеллекта, которая поможет поддержать последовательность в дизайне вашего сайта;

— Быстрая загрузка сайта благодаря нашему движку;

— Редактор сайта, где вы сможете менять/добавлять/удалять блоки, маркетинговые и seo настройки;

— Более 500 шаблонов и блоков для создания сайта; а также, вы можете заказать шаблоны сайтов портфолио бесплатно;

— Адаптивный дизайн, который будет хорошо смотреться на любом типе устройства;

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

Как видите, создать онлайн портфолио дизайнера не сложно, просто используйте минимализм и внесите частичку себя. Более того, вам даже не нужен огромный бюджет для создания сайта портфолио. Вы можете сделать это самостоятельно в редакторе Weblium и получить современное, эффективное и необычное портфолио.

 

Ярослава

Контент-менеджер и SEO-специалист

Другие статьи автора

4.3 7 голоса

Рейтинг статьи

Создание шаблонов портфолио | Справка Blackboard

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

Пользователи могут начать создание портфолио с выбора соответствующего шаблона.

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

Следующие инструкции применимы к Blackboard Learn 9.1 2014 г. и более поздних версий.

  1. В окне Панель администратора в разделе Средства выберите пункт Портфолио.
  2. Выберите Создать шаблон.
  3. Введите название портфолио. Название отображается в верхней части портфолио. Помимо этого, можно добавить описание и инструкции.
  4. Выберите параметры содержимого шаблона и его доступность.
  5. Нажмите кнопку Сохранить. Шаблон откроется в режиме редактирования.

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


Для настройки нижнего и верхнего колонтитулов в шаблоне портфолио выберите значок карандаша.

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

В меню отображаются все страницы и разделы портфолио, которыми можно управлять. Чтобы добавить страницы и разделы, щелкните значок плюс (+) в верхней части меню. Чтобы удалить страницы, щелкните значок корзины справа от страницы.

При удалении страницы удаляются также все соответствующие разделы и содержимое этой страницы. Ресурсы, связанные с этим разделом, остаются в хранилище Мои ресурсы, так что вы можете использовать их снова.

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

Чтобы редактировать раздел, щелкните значок карандаша рядом с его названием. Для создания содержимого произвольной формы в каждый раздел встроен редактор содержимого. Редактор содержимого отображается, если выбрать окно редактирования содержимого. С каждым разделом можно связать один или несколько ресурсов. Как правило, ресурсы добавляются в раздел, а при необходимости внесения в них изменений используется редактор содержимого.

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

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

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


Создание шаблона портфолио для Blackboard Learn в версии продукта с пакетом обновления SP 14 и более ранних версий

  1. В окне Панель администратора в меню Управление содержимым выберите пункт Портфолио.
  2. Последовательно выберите Шаблоны персональных портфолио и Создать шаблон.
  3. Введите название шаблона. Это название будет отображаться в списке доступных шаблонов для создания персонального портфолио.
  4. Введите название портфолио. Название отображается в верхней части портфолио. Помимо этого, можно добавить описание и инструкции.
  5. Выберите параметры содержимого шаблона и его доступность.
  6. Нажмите кнопку Сохранить, чтобы сохранить работу и создать шаблон.
  7. В меню шаблона нажмите кнопку Создать шаблон.
  8. Появятся несколько параметров, с помощью которых вы сможете изменить свойства шаблона, определить стили и создать страницы портфолио. Вы можете разрешить пользователям редактировать или добавлять эти настройки. В таблице ниже описаны доступные поля. После завершения нажмите Сохранить.
Параметры портфолио
ПолеОписание
Выбор темы структуры
СтруктурыВыберите структуру для определения расположения содержимого и характерных для этого портфолио элементов перехода.
Разрешить получателю изменятьЕсли установлен этот флажок, получатели шаблона портфолио смогут изменять тему своих портфолио.
Оформление фона
Цвет фонаВыберите цвет фона из меню образцов.
Фоновое изображениеУстановите этот флажок, чтобы запретить отображение рисунка.
Новое фоновое изображениеДля выбора нового фонового изображения используйте режим просмотра.
Разрешить получателю изменятьЕсли установлен этот флажок, получатели шаблона портфолио смогут изменять фон своих портфолио.
Настройки шрифта
Шрифт по умолчаниюВыберите шрифт по умолчанию из списка. Назначьте размер и цвет.
Предварительный просмотр шрифта по умолчаниюПредварительный просмотр шрифта по умолчанию используется только для вывода на экран.
Разрешить получателю изменятьЕсли установлен этот флажок, получатели шаблона портфолио смогут изменять настройки шрифта по умолчанию для своих портфолио.
Настройки шрифта названия страницыВыберите, чтобы открыть раздел Настройки шрифта названия страницы. Названия страниц появляются в верхней части страниц портфолио, если они не скрыты. Выберите Использовать настройки шаблона по умолчанию, чтобы использовать шрифт по умолчанию для названий. Выберите Настроить параметры шрифта названия страницы, чтобы изменить шрифт по умолчанию.
Настройки шрифта заголовков страницВыберите, чтобы открыть раздел Настройки шрифта заголовков страниц. Заголовки страниц появляются на страницах портфолио, если они не скрыты. Выберите параметр Использовать настройки шаблона по умолчанию, чтобы использовать шрифт по умолчанию для заголовков. Выберите Настроить шрифт заголовков страниц, чтобы изменить шрифт по умолчанию.
Определение стиля меню перехода
ПросмотрПредварительный просмотр пунктов меню используется только для вывода на экран.
СтильУстановите флажок Текст или Кнопки, чтобы выбрать стиль отображения.
Шрифт менюВыберите Использовать настройки шаблона по умолчанию или Настроить шрифт меню перехода. Если установлен флажок Настроить шрифт меню перехода, выберите цвет фона и параметры шрифта.
Разрешить получателю изменятьЕсли установлен этот флажок, пользователи шаблона портфолио смогут изменять стиль меню перехода для своих портфолио.

Сделать сайт портфолио онлайн

Выбери

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

Используя 7-летний опыт в дизайне и веб-разработке, мы создали 26 дизайн-решений для 11 профессий и специальностей.

Использовать шаблон

На стиле

Использовать шаблон

Выходи за

Использовать шаблон

Тру Вайлд

Использовать шаблон

Сегодня можно

Использовать шаблон

Запокрашено

Использовать шаблон

Честно красиво

Использовать шаблон

Необрезанный

Использовать шаблон

Добрый вечер

Использовать шаблон

Кто Я

Как создать профессиональное и стильное портфолио дизайнера интерьера? — School of Sketching by Olga Sorokina

1. Портфолио начинающего дизайнера интерьера

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

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

В таком портфолио могут быть следующие блоки:

Первый блок — учебные проекты, которые содержат качественные рабочие чертежи (что очень ценят при приеме на вакансии в дизайн-студиях), 3D рендеры, интерьерные скетчи. Это продемонстрирует ваш профессионализм. В этом блоке хорошо будет показать развитие идеи от концепта до итоговой визуализации. Можно разбить этот раздел на жилые и общественные помещения;

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

Третий блок — частные проекты, если они все-таки уже были и вы считаете их удачными (возможно, это проект вашей студии или квартиры друзей). Как правило, у новичков «живых» проектов еще нет, или они не реализованы (такое часто бывает в дизайне интерьера: клиент заказывает проект, дизайнер все подготавливает: идею, чертежи и картинки, а потом, к примеру, у клиента заканчиваются деньги и проект “подвисает” или реализовывается без авторского надзора со всеми вытекающими последствиями; порой изначальный проект просто не узнать в том, что получилось). В любом случае, если есть опыт реальной практики, то полезно включить его, как говорится, “за одного битого двух небитых дают“;

Четвертый блок — академические работы, хобби. Здесь можно разместить ваши работы по живописи и рисунку, или профессиональные фотографии, если вы увлекаетесь съемкой; возможно, вашим хобби является графический дизайн или разработка логотипов, предлагаю включить несколько примеров такого «чистого творчества» в свое портфолио, это лучше раскроет вас как личность, индивидуальность для работодателя или клиента.

Как сделать портфолио

В наши дни вы можете легко поделиться своей работой в Интернете всего за несколько кликов.

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

Креативный директор, писатель, маркетолог и профессор рекламы в Бостонском университете Эдвард Бочес советует придумать что-то уникальное.«Ответом все еще может быть генерация идей. Возможность придумать оригинальную, актуальную, полезную, достойную идею — будь то реклама, приложение, опыт, видео или цифровая платформа — решает проблему ».

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

01. Обдумайте, что вы включаете.

Liz Designs Things

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

Портфолио Лиз Грант чистое, простое и красивое. Плюс ко всему легко ориентироваться.

«Я обнаружил, что то, что вы кладете в свое портфолио, чтобы люди могли его увидеть, вы получаете взамен. Поэтому, если вам не нужен определенный тип клиентов, не показывайте работы этого типа в своем портфолио », — объясняет она.

«Кроме того, покажите лучшее из того, что у вас есть, вам не нужно показывать все. Людям не хватает внимания, особенно в Интернете, поэтому сначала покажите свое лучшее — не заставляйте их копаться в тоннах проектов. чтобы найти его », — говорит Грант.

Большое человеческое агентство / портфолио

02. Выбирайте только свои самые сильные вещи

Нигде известное агентство / портфолио

Это проекты, которые, как вы знаете, были успешными, получили восторженные отзывы и хорошие отзывы Результаты Агентство Nowhere Famous прямо в лицо выделяет их самые сильные и красивые работы.Все они настолько впечатляющие, что хочется нажимать на каждую!

Стефан Люкут / портфолио

В портфолио Стефана Люкута только несколько произведений, которые представлены в виде небольшой галереи с большим разнообразием.

03. Продемонстрируйте свои самые уникальные и творческие работы

Duoh! / портфолио

Эти изделия соответствуют последним тенденциям. Они не следуют теме WordPress, и они не то, что делают все остальные. Следуйте их примеру и заставляйте людей думать: «Вау, теперь это круто!»

Это портфолио от Duoh! уникальный и привлекательный.

Rain Creative Lab / портфолио

Rain Creative Lab показывает их работы крупным и жирным шрифтом, а зритель прокручивает их портфолио вверх, вниз и вверх.

04. Выбирайте разнообразие

Корина Ника / портфолио

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

Арт-директор и дизайнер Корина Ника включает в свое портфолио огромное количество проектов, и все они прекрасно сочетаются друг с другом.

Studio Mast / портфолио

Studio Mast включает в себя большое разнообразие, но связывает все вместе с помощью однородного сплошного фона.

05. Решите, сколько деталей включить.

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

Независимо от того, насколько хороша ваша работа, программа просмотра все равно пролистает лишь несколько проектов, прежде чем продолжить.

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

Олли Сорсби / портфолио

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

06. Вам нужен физический портфель?

Abra Design

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

Этот выше, разработанный Abra Design, имеет журнальное качество, которое всегда будет актуальным.

Алекс Фаукс / печатное портфолио

Или вы можете проявить творческий подход, как Алекс Фаукс, и создать сложное произведение, которое само по себе является произведением искусства.

07. Высокое разрешение

Miss Modern Design House / портфолио

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

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

«Я в основном чередую свои фавориты и стараюсь поддерживать хороший баланс. Сохраняйте единый формат в своем портфолио и, если возможно, включайте отличные фотографии и фотографии своих работ », — говорит дизайнер Коко Тафойя из Miss Modern Design House. В ее портфолио великолепные фотографии.

Наиноа Шизуру / портфолио

Коко Тафойя говорит, что вам следует подумать о том, как поделиться потенциалом изображений вашего портфолио. «Убедитесь, что макет работает, если кто-то хочет поделиться вашим дизайном в социальных сетях, в основном в Pinterest».

Nainoa Shizuru / портфолио

08. Оставайтесь в курсе

Design / Robert Gavick

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

Дизайнер Роберт Гэвик создал одностраничное, очень модное и модное онлайн-портфолио.

Джон Джейкоб / портфолио

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

09. Немногочисленные избранные

Джессика Комингор / Портфолио

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

Дизайнеры Джессика Комингор и Моу поддерживают чистоту и единообразие своего портфолио. Каждый выглядит как целое семейство дизайнерских работ.

Mhou / портфолио

10. Убедитесь, что части плавно переходят от одного к другому.

Вниз с дизайном / портфолио

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

Портфолио

Down With Design и Tractor Beam — отличные примеры того, как сделать ваше портфолио непрерывным: сохранить согласованность изображений до тех пор, пока они не будут перенесены. Это приятное ощущение, не заставляя зрителей прыгать по сторонам.

Tractor Beam / портфолио

11. Сделайте фото

Lisa Hedge / Portfolio

Если у вас есть только распечатанный фрагмент проекта и вы хотите использовать его в Интернете, сделайте несколько его фотографий.Если у вас нет отличной камеры, не используйте iphone. Наймите фотографа для быстрой фотосессии или даже разработайте бартер — возможно, фотографии в обмен на новый логотип.

Сын Эмирали / портфолио

12. Сделайте это интересным

Кендра Шефер / портфолио

Если у вас есть только PDF-файл с созданным вами журналом или плакатом, поищите в Интернете ресурсы по созданию макетов, например Graphicburger. У них есть бесплатная загрузка многослойных файлов PDF, в которые можно поместить свои работы, чтобы они выглядели так, как будто вы наняли фотографа.Они идеально подходят для веб-сайтов и приложений. Съемка веб-сайта на вашем мониторе недопустима.

Everywhere.is / портфолио

Агентство Everything.is использует мокапы для всего своего портфолио.

13. Неклиентская работа — это нормально

Джессика Хиш / портфолио

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

Иллюстратор и писатель Джессика Хиш включает в себя самостоятельные проекты, которые поддерживают ее творческий потенциал.

Пол Куррах / портфолио

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

14. Получите некоторую репутацию на улице

Эмма Дайм / Портфолио

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

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

Студия Факультет / портфолио

Smart! Studio Faculty не ограничивается признанием команды дизайнеров — они также придают должное бумаге и шрифтам.

15. Результаты

Oh Joy! / Portfolio

Если вы разработали маркетинговую кампанию, было бы здорово указать, кто еще работал над проектом, как они оценивали результаты и насколько успешным он был.

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

Supremo агентство / портфолио

Агентство Supremo фактически демонстрирует результаты проекта в виде выноски.

16. Сделайте крупный план

Дэниел Б. Мур / Портфолио

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

Этот свадебный проект подчеркивает разнообразие используемых материалов.

Стивен Боннер / портфолио

17. Продемонстрируйте процесс проектирования

Pinegate Road / Portfolio

Возможно, ваш клиент не выбрал логотип, который вам действительно понравился. Можете ли вы включить его в свое портфолио? Конечно! Лучший способ сделать это — показать свои пять лучших вариантов и продемонстрировать имевшее место творческое развитие.

Продемонстрируйте свое творчество и разнообразие. Креативные директора оценят возможность взглянуть на ваш творческий процесс.

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

Ангарное агентство / портфолио

18. Не используйте flash или анимацию в своем онлайн-портфолио

Филип Эндрюс / портфолио

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

Филип Эндрюс использует разные формы прокрутки, что удобно перемещать зрителя.

Арун / портфолио

В портфолио Аруна есть простые всплывающие окна для каждой части, которые не отвлекают.

19. Получите второе мнение

Фабрицио Дель Гаудио / портфолио

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

Это плавно, профессионально выглядит, легко ли пролистать и исправить?

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

Alexa Falcone / портфолио

20. Просмотр, добавление, удаление, повторение

La Beubar / портфолио

Думаете, вы закончили, когда нажали «опубликовать» на странице своего портфолио? Если да, вернитесь к пункту 8.Вы хотите быть в курсе событий, поэтому установите график, чтобы проверять свое портфолио каждые шесть месяцев.

Добавляйте новые проекты и удаляйте все, что выглядит устаревшим или утомленным.

Super Eight Studio / портфолио

Та-да! Ваше портфолио готово сиять. Что теперь?

Вы просмотрели свои работы, тщательно выбрали их, проявили много разнообразия и творчества и готовы выпустить их в мир Интернета. Что теперь?

  • Если у вас уже есть веб-сайт, то добавление раздела «Портфолио» — очевидный выбор.Многие темы Squarespace и WordPress созданы специально для портфолио. Вы можете назвать его «Портфолио», или кто-то будет работать.

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

«Портфолио — это основа креатива, поскольку оно показывает, на что вы способны», — говорит графический и интерактивный дизайнер Джейкоб Касс из Just Creative.Это демонстрация вашей крови, пота, талантов и побед. Это ваш бренд, гордитесь им. А теперь иди, покажи это!

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

Этот пост последний раз обновлялся 21 января 2021 года.

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

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

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

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

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

  1. Вдохновение

  2. Выберите шаблон

  3. Витрина ваши лучшие проекты

  4. Используйте изображения высокого качества

  5. Включите правильный контент и функции

  6. Повысьте UX своего портфолио

  7. Работа над SEO вашего сайта

  8. Сделайте его мобильным

    02 Спросите честный отзыв

  9. Публикуйте и продвигайте

01.Найдите вдохновение

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

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

02. Выберите шаблон

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

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

03. Продемонстрируйте свои лучшие проекты

Ваша настоящая работа — это ядро ​​вашего онлайн-портфолио, поэтому постарайтесь продемонстрировать ее наилучшим образом.Он должен выделяться и быть легко доступным через домашнюю страницу и / или меню веб-сайта. Вы можете выделить эту работу, создав на своем веб-сайте специальную страницу «Проекты».

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

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

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

04. Используйте изображения высокого качества

Не только портфолио фотографий требуют изображений высокого качества. Чтобы ваша работа в Интернете выглядела так же впечатляюще, как и в реальной жизни, вкладывайте время и усилия в фотографирование своей работы, процесса и продуктов. В случаях, когда профессиональная фотосессия невозможна, поработайте с мокапами, чтобы воплотить ваши визуальные эффекты в жизнь. При демонстрации ваших изображений Wix Pro Gallery предложит вам профессиональный вид с настраиваемыми макетами, изменениями и эффектами.

05. Включите нужный контент и функции

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

Домашняя страница

Виртуальный дом вашего портфолио должен привлекать внимание посетителей своим привлекательным дизайном.Помимо визуального аспекта, ваша домашняя страница — это шанс пробудить любопытство потенциальных клиентов и работодателей сильным вступительным предложением. Сделайте это коротким и приятным, четко обозначая, кто вы и чем занимаетесь. Здесь нет необходимости вдаваться в свои биографические данные (для этого и предназначена ваша страница «О нас»), но ваше имя и основная область знаний абсолютно необходимы.

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

О странице

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

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

Контактная информация

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

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

Клиенты и отзывы

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

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

Добавьте профессиональные функции

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

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

06. Улучшите UX своего портфолио

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

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

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

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

Для получения дополнительных идей ознакомьтесь с этой коллекцией веб-сайтов с хорошим UX-дизайном.

07. Работайте над SEO вашего сайта

Что хорошего в онлайн-портфолио, если его никто не видит? Чтобы ваши клиенты могли легко найти вас и заказать ваши услуги, работайте над оптимизацией своего веб-сайта, чтобы он поднялся выше в результатах поиска Google.

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

  • Создавайте уникальный, свежий и ценный письменный контент.Хороший способ сделать это — писать сообщения в блогах, так как они дадут вам возможность поделиться идеями, которые понравятся другим дизайнерам и креативщикам. Это также покажет Google (и посетителям сайта), что вы активно работаете.

  • Проведите исследование ключевых слов, чтобы найти правильные ключевые слова для вашего сайта. Ключевые слова — это фразы, которые чаще всего ищут в Google, когда люди ищут такие объявления, как вы. Примером ключевого слова может быть «независимый веб-дизайнер» или «архитектор из Торонто.«После того, как вы проведете небольшое исследование ключевых слов, используйте эти фразы в стратегических местах на своем веб-сайте.

  • Напишите альтернативный текст для изображений. Альтернативный текст — это сокращение от альтернативного текста, замещающий текст — это краткое описание изображений и фотографий вашего сайта (например, «открытки и визитки для проекта брендинга»). Написание альтернативного текста, оптимизированного для SEO, также может помочь улучшить доступность вашего сайта. Скорее всего, в вашем онлайн-портфолио будет много визуальных элементов, поэтому используйте эту возможность, чтобы интегрировать ключевые слова в замещающий текст.

  • Будьте найдены людьми в вашем районе с помощью местного SEO. Если вы дизайнер-фрилансер с постоянным местонахождением, используйте локальное SEO, чтобы убедиться, что ваше портфолио найдет любой, кто ищет в вашем конкретном районе. Обязательно заявите о своей компании в Google Мой бизнес, зарегистрируйте свой веб-сайт у соответствующих директоров и добавьте свое местоположение на страницы своего веб-сайта.

Совет от профессионалов: Если у вас есть сайт Wix, попробуйте Wix SEO. Это бесплатный пошаговый план, который поможет улучшить SEO вашего сайта с помощью индивидуального контрольного списка и полезных советов.

08. Сделайте его мобильным

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

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

Что касается маленького экрана, то вам нужно упорядочить мобильную версию своего сайта, оставив видимыми только самые важные элементы. Кроме того, обратите внимание на шрифты и цвета, которые вы используете, и убедитесь, что они разборчивы. Сократите объем ввода и рассмотрите возможность добавления панели поиска для облегчения навигации.

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

09.Спрашивайте честную обратную связь

Мы все знаем, как теряться в проекте, пока мы не теряем из виду, как он на самом деле выглядит. Вот почему всегда лучше управлять своим сайтом второстепенным взглядом, чтобы получить свежую информацию и идеи. Спросите своих близких друзей, что они говорят о содержании и визуальных эффектах вашего портфолио. Они думали, что в вашем портфолио не хватает информации? Что им понравилось или не понравилось во внешнем виде вашего сайта? Было ли легко ориентироваться? Даже если это означает внесение изменений, критическая обратная связь от ваших коллег может помочь вам уточнить детали вашего сайта.

10. Публикуйте и продвигайте

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

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

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

Текст Иден Спивак и Дана Меир

4 секрета создания выдающегося портфолио

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

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

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

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

Если у вас еще нет основного списка или коллекции ваших работ, начните с его создания. Затем оцените проекты по степени их впечатления и выберите 10–20 лучших.Или поищите несколько проектов, каждый из которых демонстрирует разные услуги или навыки.

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

Это основные принципы, которые следует учитывать каждому. Теперь давайте рассмотрим несколько особых случаев:

Если вы работаете в роли, не связанной с визуализацией

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

Например, даже несмотря на то, что Пол Шринемакерс является дизайнером, есть аспекты его работы по дизайну продукта, которые менее наглядны, такие как исследования UX и мозговые штурмы.Пошагово просматривая тематические исследования, он нашел способ показать их в своем портфолио. Таким образом, вы не только получите четкое представление о том, сколько вложено в каждый проект на его сайте, но и узнаете больше о его творческом процессе.

Предоставлено Полом Шринемакерсом

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

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

Если вы переходите и у вас еще нет примеров своей работы

Что делать, если вы пытаетесь перейти на новое направление работы и хотите разместить эту услугу на своем сайте, но у вас нет есть клипы или образцы? Попробуйте создать имитацию!

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

Если некоторые из ваших лучших работ являются собственностью — значит, вы не можете ими поделиться

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

Обычно это препятствие можно обойти, описав проект в общих чертах. Например, вместо того, чтобы сказать: «В течение последних полутора лет я улучшал узнаваемость бренда Squarespace путем написания сообщений в блогах с расширенными возможностями SEO и ведения 5 учетных записей в социальных сетях», включая примеры блогов и социальных сетей, скажем , «Последние полтора года я улучшал узнаваемость бренда для крупного веб-сервиса B2C…» Затем напишите имитацию статьи или поста в Facebook и используйте это в качестве наглядного доказательства.

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

Чтобы увидеть эту стратегию в действии, посетите сайт копирайтера Гари Круз.

Предоставлено Gari Cruze

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

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

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

Предоставлено Логаном Уотерсом

Когда вы собираете все свои разнообразные образцы работ в одном месте, попробуйте одну из этих тактик, чтобы сделать их более связными и визуально не подавляющими для зрителя. (Подсказка: конструкторы сайтов своими руками, такие как Squarespace, делают это проще, чем вы думаете.)

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

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

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

Предоставлено Бет Ховард

Или позаимствовать технику ландшафтного архитектора Марка Тессье. На его сайте есть функция «Фильтр», чтобы вам было легче увидеть различные типов проектов, над которыми работала его фирма.

Предоставлено Марком Тессье

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

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

Независимый писатель Жаклин Вестлейк четко понимает этот принцип.В дополнение к портфолио с тщательно подобранным списком ссылок на ее работы, на ее веб-сайте есть страница «О себе», на которой есть немного о ней как в личном, так и в профессиональном плане, ее портрет и описание ее тона и стиля письма. четкое представление о том, что она из тех людей, с которыми вы хотели бы работать.

Предоставлено Жаклин Вестлейк

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

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

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

Продемонстрируйте свой личный бренд

У всех успешных предприятий есть сильная идентичность.

Мы все знаем, что делает Apple, Starbucks и Whole Foods особенными и чем они отличаются от других компаний. Подобно тому, как эти крупные бренды имеют четко определенное послание и идентичность, вы должны заниматься маркетингом самостоятельно.

Ваше онлайн-портфолио должно продвигать ваши таланты и отражать суть вашей индивидуальности. Это отделяет вас от конкурентов.

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

Имеют цель

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

  • Какой работой я хочу заниматься?
  • Кого из потенциальных клиентов я хочу привлечь?
  • Как мое портфолио будет способствовать моей карьере?

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

Возьмите это портфолио от суперталантливого 3D-художника Эдера Карфаньини, расположенного ниже.Он наполнен потрясающими примерами его персонажей. Он показывает потенциальным клиентам лучшее из того, что он делает, — стилизованных трехмерных персонажей. Он не загроможден проектами, не входящими в его компетенцию.

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

Определите свою нишу

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

Итак … чем вы занимаетесь?

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

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

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

Сосредоточьтесь на конкретных навыках

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

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

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

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

Расскажите нам, что для вас важно

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

Мел Перри, UX-дизайнер и маркетолог, говорит в своем портфолио дизайнеров, что она верит в «создание простых, аутентичных впечатлений, которые кажутся естественными для всех».

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

Это портфолио подчеркивает индивидуальность Мела в фантастическом дизайне. Вы можете клонировать его в Webflow здесь.

Покажи свою индивидуальность

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

Вот, например, портфолио датского дизайнера Игоря Мара. Вместо того, чтобы указывать свое имя и роль в качестве вступительного текста, он говорит: «Носороги — всего лишь тучные единороги». Странно, правда? Да, но в лучшем виде.

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

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

Визуальные эффекты в вашем портфолио также играют важную роль в передаче того, что делает вас уникальным. Аарон Рудык использует очень неортодоксальный подход, открывая свое дизайнерское портфолио.

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

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

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

Если вы ищете вдохновения, попробуйте Webflow Showcase, Dribbble и Behance.

Расскажите историю

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

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

Яркости ее представленных проектов было бы достаточно, но Алиса идет дальше, посвящая целый раздел тематическому исследованию своей работы со Slack по формированию визуальной идентичности их бренда. Мы видим каждый шаг, начиная с цели: «создать для Slack голос-иллюстрацию, который казался бы теплым и дружелюбным, но отполированным и утонченным — а не стандартным», вплоть до конечных продуктов, которые соответствуют этому обещанию.Это касается глубокого понимания того, как она думает и проектирует, и как в итоге она дала Slack именно то, что им нужно.

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

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

И мы не можем забыть самого важного персонажа в повествовании вашего онлайн-портфолио. И это ты.

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

Многие портфолио обходятся без фотографии человека, стоящего за ним. На портрете Оджиаме он изображен в простом, но элегантном наряде. У нас такое ощущение, что он привносит те же чувства в свой графический дизайн, дизайн интерфейса и дизайн UX.

Не давайте потенциальным клиентам и менеджерам по найму примеры только того, что вы создаете — позвольте им увидеть человека, стоящего за творением.

Используйте нестандартный дизайн веб-сайта портфолио

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

Давайте взглянем на портфолио Рока Брачко, созданное с помощью Webflow. Это не ваш заурядный дизайн.

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

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

Джонатан Морин — еще один блестящий дизайнер, который максимально использует каждое место в своем портфолио для Jomor Design. Текст перемещается на место, призывы к действию вращаются, а изображения сдвигаются. В этом креативном дизайне портфолио нет скучного простора.

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

Самые запоминающиеся дизайны меняют правила и творчески рискуют. Не бойтесь продвигать свой дизайн через свои творческие прихоти.

Настройте с помощью иллюстраций и типографики

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

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

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

Вот еще один отличный пример интеграции привлекательных визуальных элементов в дизайн. Натан Мудальяр специализируется как на написании, так и на дизайне UX. Его онлайн-портфолио начинается с мозга, парящего над схемой. Это изображение идеально вписывается в заголовок Cortex Copywriter, тему, которая присутствует в этом портфолио.

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

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

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

Создайте свое портфолио с помощью Webflow

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

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

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

Мы составили этот короткий видеокурс, который научит вас всему, что вам нужно знать, чтобы составить собственное онлайн-портфолио вместе с Webflow.

Онлайн-портфолио — необходимость для каждого творческого человека

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

Хорошо продуманный веб-сайт-портфолио дает потенциальным клиентам быстрый способ увидеть, чем вы и ваша работа занимаетесь.На каком бы этапе карьеры вы ни находились, вам необходимо онлайн-портфолио.

Собрали ли вы свое портфолио? Нам бы очень хотелось увидеть это в комментариях ниже.

Как создать портфолио PDF в Adobe Acrobat

В этом руководстве показано, как создавать, настраивать и переименовывать портфолио PDF в Adobe Acrobat.

Прежде чем мы начнем, вы можете спросить…

Что такое портфолио PDF?

При использовании инструмента Adobe Acrobat «Объединить файлы» другие типы файлов (например, файлы Microsoft Word или Excel) будут преобразованы в формат PDF.Однако портфолио PDF позволяет объединять и сохранять несколько файлов в один PDF-файл без преобразования других файлов в PDF-файлы.

Быстрые ссылки:

Это руководство также доступно в виде видео на YouTube, в котором показаны все шаги в реальном времени.

Посмотрите более 100 других видеороликов о Microsoft Word и Adobe Acrobat на моем канале YouTube.

Изображения ниже взяты из Adobe Acrobat DC. Эти шаги также будут работать в Adobe Acrobat 2020 и Adobe Acrobat 2017.Кроме того, шаги для ПК и Mac практически идентичны.

Невозможно создать портфолио с помощью Adobe Acrobat Standard или Acrobat Reader; однако вы можете просматривать портфолио с обоими.

Как создать портфолио PDF в Adobe Acrobat

  1. Выберите вкладку Файл .
Рисунок 1. Вкладка «Файл»
  1. В раскрывающемся меню выберите Создать .
Рисунок 2. Параметр создания
  1. Выберите Портфолио PDF из подменю.
Рисунок 3. Параметр портфолио PDF
  1. Выберите Добавить файлы в диалоговом окне «Создание портфолио PDF».
Рисунок 4. Кнопка «Добавить файлы»
  1. Выберите тип файла, который вы хотите добавить в свое портфолио:
    • Добавить файлы —Добавьте практически любой файл, хранящийся на вашем компьютере или подключенном хранилище.
    • Добавить папки —Добавить все файлы в папку (но не саму папку).
    • Добавить PDF со сканера —Выберите сканер и затем добавьте полученный отсканированный файл.
    • Добавить веб-страницу — (не рекомендуется) Введите URL-адрес отдельной веб-страницы, которая затем преобразуется в PDF-файл, который часто выглядит иначе, чем оригинал.

Важное примечание: Чтобы создать предварительный просмотр веб-страницы вместе со ссылкой для открытия веб-страницы в браузере, добавьте URL-адрес после создания портфолио, как показано в разделе «Как добавить веб-контент» ниже.

    • Добавить из буфера обмена —Добавить текущее содержимое буфера обмена.
Рисунок 5. Меню «Добавить файлы»
  1. После добавления файлов перетащите их в том порядке, в котором они должны отображаться в портфолио.
Рисунок 6. Пример перемещения файла
  1. Чтобы удалить файл, наведите на него курсор и нажмите кнопку Удалить .
Рисунок 7. Кнопка «Удалить»
  1. Выберите кнопку Создать .
Рисунок 8. Кнопка «Создать»

Появится файл с именем Portfolio1.pdf . (Вы можете переименовать портфолио, как показано в разделе «Как переименовать и сохранить портфолио PDF» ниже.)

Рисунок 9. Вкладка Portfolio1.pdf

Все файлы в портфолио появятся на панели навигации.

Рис. 10. Панель навигации
  1. Выберите стрелки навигации для последовательного просмотра файлов. Или просмотрите определенные файлы, выбрав их на панели навигации.
Рис. 11. Стрелки навигации
  1. (только для ПК) Нажмите кнопку Preview , чтобы просмотреть предварительный просмотр содержимого, отличного от PDF.
Рисунок 12. Кнопка предварительного просмотра
  1. Выберите Открыть документ , чтобы открыть файл в его собственном приложении.(Например, электронная таблица Excel откроется в Microsoft Excel.)
Рисунок 13. Кнопка «Открыть документ»
  1. Нажмите кнопку OK в диалоговом окне, спрашивая, уверены ли вы, что хотите открыть файл. (Нажмите кнопку OK, только если вы уверены, что хотите открыть файл, конечно.)
Рисунок 14. Кнопка «Открыть файл».

Файл должен открыться в собственном приложении.

Как настроить портфолио PDF в Adobe Acrobat

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

  1. Нажмите кнопку Добавить файлы , чтобы добавить дополнительные файлы, содержимое папки или веб-содержимое.
Рисунок 15. Кнопка и меню «Добавить файлы».

Как добавить веб-контент

Параметр Добавить веб-контент , показанный на рисунке 14, создает предварительный просмотр URL-адреса, а не преобразовывает веб-контент в PDF, как это делается на шаге 5 раздела выше.

Если вы добавляете веб-контент с помощью этой опции, ваши читатели могут открыть URL-адрес в веб-браузере, выбрав «Открыть документ» (см. Рисунок 13).

  1. Введите имя файла, необязательное описание и URL-адрес или встроенный тег в диалоговое окно «Добавить веб-содержимое».
  2. Нажмите кнопку OK .
Рисунок 16. Диалоговое окно добавления веб-содержимого.
  1. Нажмите кнопку New Folder , чтобы добавить пустую папку в панель навигации. Затем присвойте папке имя, нажмите кнопку OK и перетащите в нее файлы, чтобы упорядочить портфолио.
Рис. 17. Кнопка и диалоговое окно «Новая папка»
  1. Выберите файл на панели навигации, а затем нажмите кнопку Извлечь , чтобы сохранить файл в другом месте, используя обычный процесс сохранения.(Обратите внимание, что извлеченные файлы не удаляются из портфолио.)
Рис. 18. Кнопка «Извлечь»
  1. Выберите файл на панели навигации, а затем нажмите кнопку Удалить , чтобы удалить его из портфолио.
Рис. 19. Кнопка «Удалить»
  1. Выберите и перетащите файлы вверх и вниз, чтобы реорганизовать их на панели навигации.

Как переименовать и сохранить портфолио PDF в Adobe Acrobat

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

  1. Выберите вкладку Файл (см. Рисунок 1).
  2. В раскрывающемся меню выберите Портфолио PDF .
Рисунок 20. Параметр «Портфолио PDF»
  1. Выберите место для сохранения портфолио в диалоговом окне «Сохранить как PDF».
Рисунок 21. Диалоговое окно «Сохранить как PDF»

Диалоговое окно «Сохранить как PDF» закроется автоматически.

  1. Переименуйте и сохраните файл, как обычно, во втором диалоговом окне «Сохранить как PDF».

Связанные ресурсы

Как вставлять водяные знаки в PDF-файлы с помощью Adobe Acrobat

Как создавать кнопки навигации в PDF-файлах с помощью Adobe Acrobat

Как настроить межстрочный интервал в PDF-файлах с помощью Adobe Acrobat

Топ-10 бесплатных сайтов-портфолио для создания идеальных портфолио UX / UI | Винсент Ся

Как UX / UI дизайнер, конкурентоспособный и отзывчивый веб-сайт онлайн-портфолио может быть особенно важен для вас, чтобы в полной мере продемонстрировать свои дизайнерские таланты и привлечь внимание большего числа работодателей, рекрутеров и клиентов.Тем не менее, существует множество веб-сайтов с онлайн-портфолио , которые утверждают, что помогают создавать уникальные и профессиональные онлайн-портфолио на рынке, и вы просто не знаете, какой из них будет лучшим выбором?

Вот 10 лучших бесплатных онлайн-сайтов-портфолио для создания идеальных портфолио UX / UI-дизайна:

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

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

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

* Бесплатная загрузка и редактирование ваших примеров дизайна UX / UI / фотографий с помощью расширенных инструментов редактирования файлов.

* Бесплатное добавление нескольких владельцев в совместный дизайн-проект.

* Быстро взаимодействуйте с посетителями сайта и получайте обратную связь, читая их комментарии на сайте.

* Быстрый поиск и открытие новейших дизайнов UX / UI для вашего вдохновения.

* Являясь универсальным сайтом-портфолио, он также позволяет вам искать и просматривать хорошие вакансии в области дизайна UX / UI, размещенные надежными компаниями или работодателями из разных стран и регионов.

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

Как онлайн-сайт, очень похожий на Behance, Dribbble также является еще одним популярным бесплатным онлайн-сайтом-портфолио среди дизайнеров UX / UI. Вы можете легко создать бесплатную учетную запись и поделиться небольшими снимками экрана с вашими процессами проектирования, эскизами дизайна, интерактивными прототипами, концепциями дизайна приложений и другими проектами.

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

* Бесплатная регистрация и создание собственного профиля.

* Бесплатные фото-витрины различных дизайнерских работ, процессов и текущих проектов.

* Бесплатный поиск и подписка на выдающихся дизайнеров для обмена дизайнерскими идеями.

* Блок Dribbble Meetups позволяет пользователям присоединяться к различным сообществам дизайнеров и мероприятиям.

* Проверьте и просмотрите последние позиции UX / UI дизайнеров там.

* В разделе «Блог» дизайнеры могут поделиться последними разработками, идеями и опытом.

И в отличие от Behance, который может представлять дизайнерские кейсы с супер-детализацией, Dribbble позволяет пользователям отображать только скриншоты различных дизайнерских работ. Итак, чтобы привлечь больше работодателей и рекрутеров, дизайнеры часто используют Behance и Dribbble вместе.

Например, сначала загрузите группу высококачественных и привлекательных снимков экрана с дизайном, чтобы заинтересовать посетителей сайта, а затем оставьте ссылку на Behance с подробностями работы по дизайну, чтобы побудить их продолжить чтение.Это будет намного эффективнее, чем использование только Dribbble.

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

Coroflot — также хороший всемирный веб-сайт-портфолио для дизайнеров UX / UI, хотя он не такой мощный и известный, как Behance и Dribbble. Ежемесячно публикуя более 2 миллионов изображений для более чем 150 000 креативов от разных дизайнеров, художников и фотографов, Coroflot становится одним из самых профессиональных сайтов-портфолио в Интернете.

Его хорошо интегрированная доска объявлений (которая является «крупнейшей и наиболее активной платформой, специально предназначенной для найма компаний») также действительно стоит попробовать, если вы случайно подаете заявку на хорошие позиции UX / UI-дизайна в Интернете.

* Бесплатное присоединение и создание собственного профиля с образцами работы, историей работы и образования и другой личной информацией.

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

* Раздел «Работа дизайнера» позволяет дизайнерам быстро искать нужные позиции UX / UI дизайна с разными ключевыми словами.

* Проверьте среднюю зарплату дизайнеров в разных местах.

* Легко находите и просматривайте талантливые дизайны.

Короче говоря, если вы создаете сайт-портфолио для подачи заявки на вакансию UX / UI-дизайнера, этот сайт может быть вам полезен.

Являясь одним из бесплатных инструментов, включенных в платные планы Adobe Creative Cloud, Adobe Portfolio позволяет дизайнерам быстро создавать красивые и высококачественные личные сайты-портфолио за считанные минуты.Он также предлагает пользователям бесплатную подписку на Creative Cloud. А поскольку Adobe является одним из спонсоров Behance, Adobe Portfolio позволяет дизайнерам бесплатно синхронизировать обновления дизайна с Behance.

* Выберите / настройте макет, чтобы представить свой лучший дизайн UX / UI более красиво и творчески.

* Легко импортируйте дизайнерские проекты в Behance.

* Легко и быстро синхронизируйте последние разработки Adobe Portfolio с Behance.

* При необходимости получите бесплатный доступ к полной библиотеке шрифтов Typekit.

Carbonmade с более чем 15 миллионами изображений и 1 миллионом портфолио является простым в использовании и беспроблемным онлайн-сайтом-портфолио. Он предлагает красивые визуальные темы и уникальные сервисы доменных имен.

И, как инструмент, который изначально использовался для облегчения жизни товарищам-дизайнерам, Carbonmade намного лучше подходит для дизайнеров UX / UI, которые хотят встречаться с более талантливыми дизайнерами, делиться дизайнерскими работами и общаться с ними там.

Кроме того, он также отличается простым и легким в использовании интерфейсом.

* Получите поддержку клиентов и услуги архивирования проектов.

* Позволяет загружать SD-видео и аудио.

* Получите кучу великолепных тем для портфолио.

Итак, если вы хотите иметь возможность легко и быстро создавать онлайн-портфолио, этот простой и быстрый Carbonmade будет хорошей попыткой.

Cargo — это также простой и эффективный сайт-портфолио в Интернете, который позволяет дизайнерам создавать автономные персональные веб-сайты с серией страниц и собственными URL-адресами.В отличие от обычных бесплатных веб-сайтов-портфолио, которые обычно позволяют дизайнерам легко зарегистрироваться для создания учетной записи, Cargo нужно, чтобы дизайнеры были приглашены присоединиться. Более того, он популярен среди дизайнеров UX / UI за то, что предлагает множество разнообразных хорошо продуманных шаблонов портфолио.

* Его бесплатная базовая услуга предлагает 12 проектов и 3 страницы бесплатно.

* Предоставьте дизайнерам 40 шаблонов дизайна портфолио.

* Разрешить пользователям создавать веб-сайты портфолио со своими собственными доменными именами.

* Выберите типографику из Webtype, Type Network, Google Fonts и т. Д.

Одним словом, Cargo больше подходит для дизайнеров, которые хотят свободно выбирать хорошо продуманные шаблоны портфолио и быстрее и эффективнее создавать свои собственные портфолио. .

Crevado — это также бесплатный и простой онлайн-конструктор портфолио, который позволяет дизайнерам создавать онлайн-сайты-портфолио и демонстрировать свои разработки UX / UI в Интернете. Он позволяет пользователям настраивать свои сайты и загружать файлы дизайна в различных форматах, например фотографии, видео, изображения GIF, PDF и другие форматы.

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

* Бесплатная регистрация для базовой учетной записи с 30 изображениями и 5 галереями.

* Предлагает отчеты Google Analytics.

* Предложите дизайнерам бесплатный пробный план (до 14 дней), чтобы узнать, стоит ли за него платить.

* Поддержка 9 основных тем.

* Продавайте свои дизайнерские работы через PayPal и Fotomoto, если вы оплатили премиум-аккаунт.

Итак, если вы фрилансер UX / UI-дизайна и планируете продавать свои портфолио в Интернете, вы можете просто попробовать.

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

* Предлагает различные языковые услуги, такие как английский, китайский, японский и французский языки и т. Д.

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

* Его бесплатная учетная запись позволяет пользователям бесплатно размещать 10 проектов, 30 изображений и 10 страниц.

* Все его про-шаблоны будут разблокированы бесплатно в течение 30 дней, если вы используете бесплатную учетную запись.

* Предложите бесплатную услугу доменного имени для вашего сайта.

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

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

* Его бесплатная учетная запись позволяет дизайнерам бесплатно загружать 10 дизайнерских работ и имеет 10 МБ бесплатного онлайн-хранилища.

* Поддержка оценки посетителей сайта и комментирования.

* Самые популярные дизайнерские работы и портфолио можно бесплатно разместить на главной странице.

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

Jobrary — это простой онлайн-сайт, который позволяет пользователям создавать как онлайн-резюме, так и сайт-портфолио. И при попытке редактировать сайт личного портфолио вы можете добавлять изображения, файлы PDF и видео, чтобы продемонстрировать свои дизайнерские работы. Он также предлагает пользователям уникальный URL-адрес портфолио. Более того, он также поддерживает совместное использование их резюме и сайтов портфолио на разных сетевых сайтах с помощью простых щелчков мышью.

Итак, если вы хотите разместить и свое резюме, и портфолио на одном сайте, редактировать, просматривать, публиковать и распечатывать их более удобно, Jobrary будет идеальным выбором.

Прежде всего, это наши 10 лучших бесплатных веб-сайтов с портфолио, где вы можете создавать идеальные портфолио UX / UI в Интернете. А чтобы повысить шансы быть замеченным потенциальными клиентами / рекрутерами, вам лучше также использовать и создать два, три или более сайтов-портфолио с разными стилями и персонажами вместе.

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

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

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

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

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

Соберите примеры своей работы

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

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

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

Включите свои фотографии в работе

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

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

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

Включите любую полученную ранее корреспонденцию

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

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

Продемонстрируйте свои навыки

Если ваша область знаний включает компьютерные технологии, письмо и т. Д., Где вы можете продемонстрировать свои навыки посредством работы, которую вы выполнили в Интернете, обязательно включите ссылки, чтобы продемонстрировать проделанную вами работу. Некоторые студенты прилагают DVD или CD, прикрепленные к пластиковому конверту, на передней или задней обложке портфолио.

Создание четких и сжатых документов, которые организованы

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