Создание портфолио: Где можно сделать портфолио: 18 лучших сайтов и сервисов

# Советы и рекомендации

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

# Несуществующие проекты

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

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

# Портфолио к резюме

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

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

# Примеры портфолио

• Программист. Программисту будет уместно наполнить свой «портфель» разработанными программными кодами, стартапами в сфере программирования, готовыми программами.
• Фотограф. Кандидат должен собрать в своём альбоме самые удачные фотоснимки. Но нужно соблюдать тематику, которая интересует заказчика. Так, например, если специалист нужен для модельного агентства, фото природных ландшафтов вряд ли пригодится.
• Дизайнер. Здесь есть что показать. Специалист может представить работодателю собственноручную работу с веб-сайтами, оформление офисов и интерьера компаний, ландшафтный дизайн придомовых территорий и парковых зон.
• Копирайтер. При наличии профильного образования необходимо сразу же о нем упомянуть. Разбейте статьи, которые Вы пишите, по категориям и направлениям. Включите примеры с описанием товаров, тексты для рассылки на е-мейлы. Украсьте статьи привлекательными заголовками.
• Маркетолог. Собирает свое портфолио из статистических данных. В нем должны присутствовать графики, таблицы, скриншоты, образцы заключенных контрактов. Из Вашего наглядного досье работодателю необходимо понять, удастся ли ему с Вашей помощью привлечь клиентов и повысить продажи.

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

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

Данную статью написал эксперт

Николай Бороздин

Директор кадрового агентства

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

Отличная статья 1

Как создать идеальное техническое портфолио / Хабр

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

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

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

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

Ваше портфолио должно говорить людям о вас.

Добавив несколько личных штрихов, вы даете потенциальным работодателям представление о том, как это работать с вами!

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

Ваше портфолио должно демонстрировать вашу лучшую работу или проект.

Многие компании создают собственные (конфиденциальные) работы, поэтому вам может быть интересно, как вы можете включить их в публичное портфолио.

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

Чтобы отобразить вашу работу, опишите используемые технологии, вашу роль в проекте (если это применимо), включите скриншот или два и разместите ссылку на код (если есть возможность).

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

Ваше портфолио должно иллюстрировать ваши впечатляющие навыки разработки (и дизайна)

Ваше портфолио должно быть актуальным

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

Ваше портфолио должно содержать ваши контакты

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

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

Предоставьте им какой-нибудь способ связи с вами.

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

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

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

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

Back-end разработчики

1.Применяйте

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

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

2.Используйте ванильные HTML и CSS

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

Вам даже не нужен JavaScript для создания впечатляющего портфолио!

3. Используйте CSS-фреймворки

Если вам достаточно комфортно с базовыми HTML и CSS, но хотите более последовательный UI, вы можете попробовать CSS-фреймворки.

CSS-фреймворки позволяют работать с элементами стилей быстрее и проще. Важно заметить, что если вы претендуете на вакансию Front-end разработчика, использование CSS-фреймворков может быть не лучшим вариантом, так как работодатели будут искать разработчика, который сможет развивать СSS. Но для back-end разработчика это может стать отличной возможностью.

Я советую обратить внимание на Foundation, Bulma, SemanticUI , или Bootstrap .

4. Используйте конструкторы сайтов

Если вы просто хотите просто разместить контент так быстро, насколько это возможно, то вы также можете использовать конструкторы сайтов, такие как Wix или Squarespace.

Они могут максимально быстро и легко создать сайт. Вы можете даже интегрировать собственный домен.

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

Front-end разработчики

1. Используйте ванильный HTML, CSS, и JavaScript

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

2. Используйте JavaScript-фреймворки

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

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

3.Используйте генераторы статических сайтов.

Генераторы статических сайтов получили известность в компьютерной индустрии с внедрением популярных библиотек и фреймворков (React, Vue, Angular и др.). Я создала свое портфолио с помощью Gatsby: генератор сайтов для React.

Существует множество разных генераторов сайтов, таких как Next.js для приложений на React и VuePress для Vue.js.

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

Рекомендации к коду в вашем портфолио.

• Убедитесь, что ваш код организован вдумчиво и эффективно. Очень легко закинуть весь свой контент на одну страницу (и вы можете это сделать), но разбиение различных разделов/контента на собственные веб-компоненты или HTML-страницы может иметь большое значение.
• Убедитесь, что ваш CSS чистый и организованный. Попробуйте придерживаться более современного CSS для позиционирования элементов (таких как Flexbox или CSS-Grid над floats). Это показывает, что вы остаетесь в курсе спецификаций.
• Используйте семантический HTML. Структурируйте код в иерархию с определенными основными областями. Используйте эти ключевые области (section, nav, header, aside, body и др.) для обозначения важных моментов в вашем портфолио. Старайтесь сократить использование div и span.

• О себе: Кто вы? Что вы любите делать в свободное время? Какие у вас есть забавные факты?
• Работа/проекты/навыки: С какими технологиями вы работали? Какие проекты разработали?
• Блог (дополнительно): Если вы ведете блог, поделитесь им здесь.
• Контакты: как рекрутёр может связаться с вами?

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

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

 1ч. 31 мин.

статья

 7 мин.

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

 1ч. 24 мин.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Руководство по созданию выдающегося портфолио / Хабр

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

1. Создайте сайт

1.1 Подключите веб-аналитику

1.2 Сделайте вашу навигацию предельно понятной

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

1.3 Создайте дополнительные портфолио на других сайтах

Behance играет важную роль в поиске новых клиентов для многих компаний. У Ramotion одно из моих любимых портфолио. Почти каждая их работа получает много внимания от СМИ.

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

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

• Какая у вас подготовка? Какие ваши навыки будут наиболее полезны для UX дизайнера?
• Есть ли у вас определённый стиль? Специализируетесь ли вы на конкретных видах дизайна?

2.1 Создайте хорошие главную страницу и страницу «Обо мне»

Главная страница Адхама хорошо показывает его навыки.

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

Портфолио Эрика Бью это отличная комбинация лаконичного дизайна и запоминающейся личности.

2.2 Используйте отзывы

Эдмунд выделил целую страницу под отзывы.

2.3 Не пытайтесь быть UX единорогом

(Я очень хорош в этом и хорошо знаком с этим другим — прим. пер.) Изображение: Futurice

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

3. Думайте о там как структурировать ваши проекты

3.1 Расположите наиболее подходящие проекты сначала (вместо последних)

3.2 Создайте многообещающие превью

Портфолио Алана Шена имеет хорошее превью для каждого проекта.

3.3 Преодолейте NDA (соглашение о неразглашении)

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

3.4 Только не говорите что у вас нет проектов для портфолио

3.5 Делайте акцент на качестве, вместо количества

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

4. Описывайте в деталях

• Задачи проекта — Для чего проект был начат?
• Цель — Какие результаты нужно получить?
• Длительность — Сколько времени было затрачено?
• Команда — С кем вы работали над проектом? Добавьте имена и ссылки на их LinkedIn профили.
• Ваша роль — Какой вклад в проект вы сделали?
• Результат — Изображения/видео или ссылки на скачивание приложения, просмотр прототипа, исходных кодов.

Каждая работа из портфолио Итуна Чжана начинается с краткого обзора.

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

Пример UX процесса. Изображение: Zurb.

Вы должны понимать то, что вашу работу можно оценивать только в контексте. Опишите проблему и её решение, покажите процесс который вы прошли чтобы получить финальный продукт.

• Проблема/вызов в дизайне — Это может быть что-то простое, например, несколько предложений которые расскажут о проблеме (бизнеса) которую вы решали.
• Исследование пользовательской аудитории — Опишите ваших пользователей и их нужды, мотивацию и проблемные моменты. Эта часть может включать инструменты с помощью которых вы собирали эту информацию (например персонажи и карты симпатий). Также можете упомянуть анализ конкурентов (рассмотрите сильные и слабые стороны конкурентов в решении потребностей пользователей).
• Решение — В этой части дайте ответы на следующие вопросы: Как вы решили проблему? Почему вы выбрали это решение и что повлияло на ваш выбор?
• Дизайн — Обязательно опишите как вы прошли путь от идей к конкретному решению. Покажите блок-схемы, макеты и работающие прототипы (да, это все разные вещи — прим. пер.). Работодатели должны знать что вы можете это сделать и можете смотреть на проект с точки зрения разработчика. По возможности, добавьте интерактивный прототип (например как InVision) чтобы дать возможность посетителям поиграть с ним.
• Тестирование — Как вы определяете успех/провал? Как вы тестировали ваше решение? Какие вопросы вы задавали?

4.1 Создайте сильную историю

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

4.2 Опишите влияние вашей работы

Другой пример из портфолио Саймона. Результат проекта ILC NSW ‘AT Magic’

4.3 Не зацикливайтесь на визуальном представлении

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

4.4 Не концентрируйтесь только на конечной цели

Майкл Щепаньский представляет каждую часть как волнующую историю которая подчеркивает его проницательность.

4.5 Не переоценивайте свой вклад

Заключение

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

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

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

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

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

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

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

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

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/

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

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

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

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

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

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

Рекомендуем

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

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

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

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

Ниже мы дадим вам ряд советов, с помощью которых вы сможете создать свое идеальное портфолио.

Содержание статьи

1. Будьте избирательны
2. Выбирайте только самые сильные работы
3. Показывайте свои самые уникальные и креативные работы
4. Покажите разнообразие
5. Определитесь с количеством работ
6. Подумайте и о бумажном портфолио
7. Выбирайте высокое разрешение
8. Будьте в курсе актуальных трендов
9. Стремитесь к единообразию
10. Обеспечьте плавный переход между работами
11. Сделайте фотографии своих бумажных работ
12. Сделайте их интересными
13. Включайте свои личные работы
14. Укажите детали проекта
15. Результаты
16. Сделайте снимок крупным планом
17. Покажите процесс дизайна
18. Не используйте flash или анимацию в своем онлайн-портфолио
19. Попросите взгляд со стороны
20. Регулярно пересматривайте свое портфолио
Вместо заключения

1. Будьте избирательны

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

Портфолио Лиз Грант (Liz Grant) чистое, простое и красивое. Оно не перенасыщено и в нем легко ориентироваться:

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

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

Речь идет о тех проектах, которые оказались успешными, получили восторженные отзывы и дали хорошие результаты.

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

3. Показывайте свои самые уникальные и креативные работы

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

Читайте также: Профессиональные советы по созданию идеального портфолио веб-дизайнера

4. Покажите разнообразие

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

Портфолио арт-директора и дизайнера Корины Ники (Corina Nika) включает множество разных проектов, прекрасно сочетающихся между собой:  

5. Определитесь с количеством работ

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

В портфолио Олли Сорсби (Olly Sorsby) на первый план выдвинут один проект, а ниже приводится несколько дополнительных. Такой формат портфолио приковывает внимание зрителя к одному нужному проекту: 

6. Подумайте и о бумажном портфолио

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

Портфолио Abra Design на изображении выше выполнено в форме журнала, что всегда будет актуально. Также вы можете пойти действительно креативным путем, как Алекс Фоукс, и создать работу, которая будет являться произведением искусства сама по себе:

7. Выбирайте высокое разрешение

Даже если ваше портфолио целиком располагается в Сети, вы никогда не можете быть уверены в том, что однажды вам не понадобится его распечатать. На этот случай желательно иметь фотографии всех ваших работ в высоком разрешении. Портфолио Найноа Шизуры (Nainoa Shizura) целиком состоит из ​​потрясающих, крупных фотографий в высоком разрешении:

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

8. Будьте в курсе актуальных трендов

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

Дизайнер Роберт Гавик (Robert Gavick) создал одностраничное, очень модное и трендовое онлайн-портфолио, а Джон Джейкоб (John Jacob) демонстрирует свои работы нетрадиционным и интересным способом, вместо того чтобы использовать плоские фотографии или PDF-файлы. 

Читайте также: Для чего фотографу лендинг-пейдж портфолио

9. Стремитесь к единообразию

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

Дизайнерам Джессике Комингоре (Jessica Comingore) и Мхо (Mhou) удалось сохранить свои портфолио чистыми и единообразными. 

10. Обеспечьте плавный переход между работами

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

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

11. Сделайте фотографии своих бумажных работ

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

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

Если у вас имеется только PDF разработанного вами журнала или постера, поищите в интернете мокап ресурс, такой как, например, Graphicburger. Там есть возможность бесплатно скачать многоуровневые PDF-файлы с вашими работами, чтобы они выглядели так, словно вы нанимали фотографа. Они идеально подходят для веб-сайтов и приложений. Агентство Everything использует для всего своего портфолио мокапы:

Читайте также: 10 примеров лендинг пейдж из сферы рекламных услуг

13. Включайте свои личные работы

То, что вы включаете в свое портфолио, не всегда должно быть обязательно выполнено для заказчика. Если у вас есть свои личные любимые проекты, вы можете также внести их в свое портфолио. Дизайнер бренда и упаковки Пол Курра (Paul Currah) разместил несколько таких работ в своем портфолио:

14. Укажите детали проекта

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

Агентство Studio Faculty указывает не только имена дизайнеров, но также использованные бумагу и шрифты. 

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

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

«Спустя 3 месяца показатель отказов сайта Smoke&Croak опустился ниже 40%. Это означает, что более 60% пользователей взаимодействовали с сервисом»

Читайте также: Как найти клиентов для веб-студии?

16. Сделайте снимок крупным планом

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

17. Покажите процесс дизайна

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

На изображении выше вы можете наблюдать дизайн-мышление и процесс дизайна Келси Кронкхайт (Kelsey Cronkhite) на протяжении всего проекта. Агентство Hanger также включает эскизы, демонстрирующие начало процесса дизайна:

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

Ваше портфолио должно быть простым и не перегруженным. Позвольте зрителю просматривать его в своем собственном темпе. Использование эффекта параллакса и других вариантов прокрутки приемлемо и очень популярно сегодня. Филипп Эндрюс (Philip Andrews) использует в своем портфолио разные формы прокрутки, удачно направляющие взгляд зрителя. А в портфолио Arun для демонстрации каждой отдельной работы используются простые всплывающие окна (pop up):

19. Попросите взгляд со стороны

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

Хорошо ли оно смотрится? Профессионально? Легко ли перемещаться по лендингу?

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

20. Регулярно пересматривайте свое портфолио

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

Вместо заключения

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

• Если у вас есть полноценный сайт, то очевидным решение будет добавить раздел «Портфолио». Вы можете также озаглавить его как «Примеры работ».
• Если же у вас нет своего сайта и ресурсов для его создания, обратите внимание на глобальные творческие сообщества, где дизайнеры могут представить свои работы.
• Flickr изначально являлся сервисом по обмену фотографиями, но позже развился в площадку портфолио. Вы можете группировать здесь свои работы по категориям так же, как и в обычном портфолио.
• Instagram также является лидирующей платформой для создания неофициального портфолио. Для этой цели лучше завести второй аккаунт, чтобы ваши селфи не маячили между двумя рекламными кампаниями.
• Ну и наконец, рассмотрите возможность создания отдельного лендинга, чтобы указывать ссылку на него в социальных сетях и на визитках. Платформа LPgenerator предлагает на выбор несколько готовых шаблонов, которые легко можно адаптировать под себя: 

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

Высоких вам конверсий!

По материалам: canva.com

06-09-2018

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

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

Международные сайты

1. Dribbble.com – сообщество дизайнеров. Размещать портфолио на сайте могут веб-дизайнеры, графические дизайнеры, иллюстраторы и представители других смежных творческих специальностей. Для регистрации нужно приглашение от пользователя.
2. Behance.net – международный каталог дизайнеров. Можно выкладывать изображения и видео. Ресурс очень крупный и популярный.
3. Portfolio.deviantart.com – раздел для портфолио на крупной и известной социальной сети художников DeviantArt. До 100 изображений можно выложить бесплатно. Есть вариант платного размещения – он позволяет добавлять неограниченное число работ.
4. Carbonmade.com – сайт для размещения портфолио дизайнеров, фотографов, иллюстраторов, копирайтеров, архитекторов и других специалистов. Сайт платный.
5. Coroflot.com – сообщество дизайнеров. В портфолио на сайте можно добавлять неограниченное число работ.
6. Bleidu.com – сайт для создания портфолио дизайнеров, фотографов, художников, моделей и других представителей творческих профессий.
7. Viewbook.com – сайт для размещения портфолио фотографов. Заточен под размещение фотографий. Сайт платный.
8. Society6.com – сайт, где дизайнеры, художники могут разместить свои работы, а посетители сайта – заказать различные предметы с авторским дизайном. За заказанные вещи автор получает комиссию.
9. Cargocollective.com – платформа для создания своего сайта-портфолио. Будет полезна дизайнерам, иллюстраторам, фотографам.
10. Flickr.com – очень популярный сервис для хранения фотографий и видео.
11. Portfoliosfriend.com – сервис для размещения работ дизайнеров, фотографов, иллюстраторов. Работы размещаются в виде превью, при клике на превью работы происходит переход на сайт автора.
12. Krop.com – платформа для создания сайтов-портфолио дизайнеров, иллюстраторов, фотографов. Сервис платный.
13. Dunked.com – сервис для создания сайтов-портфолио фотографов, художников, дизайнеров. Использование платное.
14. Portfoliobox.net – инструмент для создания онлайн-портфолио фотографов, дизайнеров, художников, стилистов, моделей, архитекторов. Сайт переведен на русский язык. Есть возможность подключения интернет-магазина, блока, загрузки видео. До 50 изображений можно разместить бесплатно.
15. Squarespace.com – конструктор сайтов. Имеет широкий функционал (можно развернуть фотогалерею, интернет-магазин, лендинг-пейдж, блог и т.д.).

16. Myportfolio.com – платформа для создания сайтов, ориентированная на дизайнеров, фотографов. Portfolio бесплатно для пользователей Adobe Creative Cloud.

Сайты России и СНГ

1. Revision.ru – русскоязычное сообщество дизайнеров. Существует с 1999 года. Сюда можно добавлять свои работы, а пользователи могут их просматривать, оценивать, добавлять в избранное.
2. Webstack.ru – сайт для веб-дизайнеров и заказчиков их услуг. Здесь можно разместить свои работы. Для регистрации нужно написать администрации сайта на e-mail.
3. Techdesigner.ru – сообщество дизайнеров, иллюстраторов, 3д-моделлеров. Здесь можно выложить свои работы на обсуждение. Лучшие работы могут попасть в каталог и пожизненно размещаться в нем.
4. Portfolios.ru – сервис для создания онлайн-портфолио фотографа, дизайнера. Можно добавлять изображения, а также flash-ролики, видео с YouTube и Vimeo. До 15 изображений можно загрузить бесплатно, безлимитный тариф платный.
5. 4portfolio.ru – бесплатный сайт для создания портфолио специалистов в любых областях.
6. Nerve.ru – сайт, где могут создать портфолио фотографы, художники, дизайнеры.
7. Illustrators.ru – сообщество иллюстраторов и художников, где авторы могут выкладывать свои работы.
8. Formo.ua – проект для дизайнеров интерьеров, где специалисты могут разместить примеры своих работ.

9. Russiancreators.ru – сайт для представителей творческих профессий: дизайнеров, художников, иллюстраторов, фотографов, скульпторов и других специалистов, где можно в том числе разместить портфолио.

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

Рекомендуем

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

В этой статье вы узнаете, как быстро и просто выучить JavaScript самостоятельно. Что учить в первую очередь, какие навыки нужны для получения …

20 выдающихся дизайнерских портфолио, которые вдохновят вас

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

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

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

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

01. RoAndCo

Отсутствие информации, но потрясающая презентация (Изображение предоставлено Ro and Co)

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

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

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

02. Янтарь Сюй

Красиво и информативно (Изображение предоставлено Амбер Сюй)

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

03. Робин Мастромарино

Это портфолио сохраняет свежесть (Изображение предоставлено Робином Мастромарино)

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

04. Active Theory

Это похоже на вход в совершенно новый мир (Изображение предоставлено Active Theory)

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

05. Velvet Spectrum

Убер-красочные миниатюры делают это портфолио визуальным удовольствием (Изображение предоставлено: Velvet Spectrum)

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

06. Локомотив

Локомотив преподносит сюрпризы во всем своем портфолио (Изображение предоставлено: Локомотив)

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

07. Studio Thomas

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

08. Buzzworthy Studio

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

09. Ксавье Куссо

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

10. Merijn Hoss

Hoss использует урезанный подход (Изображение предоставлено: Merijn Hos)

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

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

11. ToyFight

Это портфолио выполнено с юмором и размахом.

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

12. Made Thought

Сайт циклически перебирает изображения с лозунгами (Изображение предоставлено: Made Thought)

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

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

13. Марли Калвер

Веб-сайт Калвера простой, но продуманный (Изображение предоставлено Марли Калвер)

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

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

14. Малика Фавре

Смелая и красивая (Изображение предоставлено Маликой Фавре)

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

15. Studio Myerscough

Интернет-визитка

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

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

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

Следующая страница: 20-28 в нашем списке портфолио блестящего дизайна

.

8 лучших инструментов для создания портфолио

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

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

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

Behance на сегодняшний день является крупнейшей платформой для портфолио в сети

С более чем миллионом креативов, размещающих свои работы на Behance, и трафиком порядка 60 миллионов + просмотров страниц в месяц, она должна что-то делать правильно.Онлайн-сервис, запущенный в 2006 году, был куплен в 2012 году компанией Adobe и с тех пор включен в Creative Cloud, что упростило пользователям Photoshop, Illustrator и т. Д. Возможность делиться своими незавершенными работами, а также готовыми дизайнами.

Behance сам по себе остается бесплатным, и вам определенно не нужна подписка Creative Cloud для его использования. Adobe также недавно улучшила сервис, запустив бесплатное приложение Behance Display для iOS и Android; это синхронизируется с Behance и позволяет демонстрировать свою работу, даже когда вы не в сети.

Adobe Portfolio полностью интегрирован в Behance и Creative Cloud

В то время как Behance позволяет размещать ваше портфолио в пределах своего собственного «огороженного сада», Adobe Portfolio (ранее известный как Behance Pro Site) позволяет создавать собственные независимые веб-сайт-портфолио с использованием ряда шаблонов и простых инструментов.

Adobe Portfolio поставляется как часть подписки Creative Cloud, и, как и следовало ожидать, все синхронизируется с вашей учетной записью Behance, поэтому вы можете добавлять любые работы из портфолио, размещенные там, без необходимости загружать их повторно.Другие интересные функции включают персонализированные URL-адреса, защиту паролем и использование шрифтов Typekit.

Morpholio предлагает способ как представить свою работу, так и получить ее критику.

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

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

Конечно, если вы предпочитаете, чтобы люди держали свое мнение при себе, вы также можете просто использовать Morpholio как способ показать свое портфолио: в конце концов, это бесплатно.

Fabrik предлагает высококлассные услуги портфолио для взыскательных профессионалов.

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

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

Также предлагается выбор темы и макета одним щелчком мыши, простые конфигурации и полная настройка шрифтов и цветов. Цены на Fabrik начинаются с 5,75 фунтов стерлингов в месяц. Существует также 14-дневная бесплатная пробная версия без использования кредитной карты.

Инструмент для создания веб-сайтов Squarespace твердо ориентирован на помощь творческим людям в создании онлайн-портфолио.

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

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

Услуга предлагает 14-дневную бесплатную пробную версию (кредитная карта не требуется), а цены начинаются с 12,99 долларов США в месяц при ежегодной оплате.

Dunked предлагает супер-простой способ разместить ваше портфолио в Интернете.

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

Интегрированный с YouTube, Vimeo, SoundCloud и Flickr, Dunked полностью оптимизирован для экранов Retina, позволяет создавать собственный URL-адрес и предлагает, казалось бы, бесконечные возможности настройки. Если вы так настроены, вы также можете редактировать и настраивать HTML и CSS. При 10-дневной бесплатной пробной версии (кредитная карта не требуется) тарифные планы начинаются с 7 долларов в месяц при ежегодной оплате.

Приложение Krop-портфолио полностью интегрировано в его доску вакансий.

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

Все портфолио Krop доступны из его Creative Database, внутреннего инструмента, который он предоставляет рекрутерам. В Krop также есть раздел под названием Pluck’t, в котором демонстрируется ежедневный подбор портфелей Krop сотрудниками.

Minimal Folio упрощает создание портфолио.

Minimal Folio выполняет то, что написано на этикетке.Это приложение за 2,99 доллара США предлагает простой способ представить ваши изображения и видео на iPad.

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

.

No related posts.