(англ. user experience, пользовательский опыт. – Прим. ред. )

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

Пример портфолио дизайнера. Источник

Теперь об ошибках: их допускают 80% молодых дизайнеров.

Ошибка №1. Слишком много мокапов

Ошибка №2. Много креатива, мало рутины. Важно показать, что вы не только креативны, но справитесь и с ежедневными задачами.

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

Ориентируйтесь на примеры. В интернете есть тысячи удачных портфолио дизайнеров. Например, много их на Bestfolios:

Пример портфолио дизайнера. Источник

Еще один сайт для размещения дизайнерских портфолио – Dribbble:

Пример портфолио дизайнера. Источник

Профиль на GitHub – лучшее портфолио программиста, считает директор по управлению данными в SQUAD Алексей Руденко.

Достаточно показать два-три проекта, которые отражают ваши навыки. Учебные тоже годятся.

Пример портфолио программиста. Источник

Алексей советует: если у вас нет законченных проектов, вы только прошли курсы и ищете первую работу, добавьте одну-две простых игры типа «крестики-нолики». Цель – показать навыки и умения.

Соискателю с портфолио работодатели в IT реже дают дополнительные тесты на собеседовании, а еще это выделит вас среди других.  

Те, кто работает с данными, размещают портфолио на онлайн-платформах Kaggle или GitHub, реже в LinkedIn.

В нем они описывают свои проекты по такой структуре:

• проблема;
• цели;
• результат;
• визуализация решений.

Пример портфолио специалиста по анализу данных. Источник

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

• как он начался;
• как вы оценили масштаб задач;
• какие цели поставили;
• чем массив данных был интересен;
• чего добились в результате.

Важно подавать меньше схем и моделей, а больше выводов.

Behance, Dribbble, Bestfolios, Kaggle, GitHub, о которых вспоминали эксперты выше, – не единственные ресурсы, где можно оформить и разместить портфолио. 

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

• Squarespace, WiX, Tilda, Readymag. У них есть нужные наборы инструментов, шаблонов и удобная навигация. 

А вот сайты и социальные сети для дизайнеров, иллюстраторов, художников: 

• Bleidu – бесплатный сайт по созданию портфолио.
• Portfolio’s Friend – «онлайн-выставка», посвященная искусству и дизайну.
  
• Portfoliobox – бесплатный сайт по созданию портфолио с адаптивным дизайном.
• Deviantert – сообщество художников и иллюстраторов, где они представляют свои проекты.
• Coroflot – социальная сеть для художников, иллюстраторов и дизайнеров, где можно создать разместить портфолио и найти работу.

Сайты для журналистов, копирайтеров, PR-менеджеров:

• Clippings.me – бесплатный англоязычный сайт для журналистов. 
• Muck Rack – здесь журналисты могут создать профиль в англоязычной базе СМИ и подкрепить ссылки на свои публикации.
• Contently – англоязычная платформа корпоративного контент-маркетинга. Здесь могут разместить портфолио и найти работу редакторы, копирайтеры и блогеры.

Рекомендации по оформлению портфолио

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

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

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

Кому необходимо портфолио

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

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

Где разместить портфолио на сайте

Базово рекомендуем три раздела, где портфолио проектов компании будет уместно:

Главная страница

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

На Главной достаточно показать несколько последних или лучших проектов. 3-5 кейсов и ссылки на полный список будет достаточно. Например, блок с примерами работ строительной компании:

Можно также показать примеры работ в виде слайдера:

Раздел портфолио

Как вы поняли из предыдущего пункта — на сайте стоит сделать раздел с примерами работ. Здесь размещаем все отзывы, которые смогли собрать с клиентов за все время работы. Несколько рекомендаций по оформлению:

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

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

Аккуратный список с подписями к фотографиям:

Если кейсов слишком много (более 15-20), то стоит добавить разделение по услугам или запросам пользователей:

Страница услуги

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

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

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

Что разместить на странице проекта

Фотографии

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

Крупные изображения общим списком тяжело воспринимаются (особенно при просмотре с мобильных устройств):

Аккуратный список фотографий, в котором легко ориентироваться:

Хорошо делить фотографии на До и После, чтобы подчеркнуть результаты работ:

Дополнительно после фотографий можно показать видео проекта (что будет очень круто). И снова не забываем про высокое качество изображения.

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

Графики или таблицы

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

Полная информация по кейсу находится здесь.

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

Описание проекта для портфолио

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

Описание слишком общее и поэтому сложно заметить результаты:

Хоть и короткая, но история проекта легко воспринимается:

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

Отзыв клиента

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

Ссылка на форму заявки

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

Рекомендуем статью, где рассказали как сделать цепляющее целевое действие.

Дополнительные рекомендации

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

• Регулярное обновление. Пользователь должен видеть, что портфолио постоянно пополняется. И дело не в том, что актуальная информация более привлекательна, у клиента может сложиться впечатление, что сайт заброшен и компания больше не работает.
• Показываем то, чем гордимся. Не нужно создавать портфолио ради портфолио, отбираем проекты, где были достигнуты привлекательные результаты и есть, что рассказать.
• Упор на разнообразие. Если вы предоставляете несколько услуг, то рекомендуем собирать кейсы по каждой из них. В портфолио не должно быть уклона только на одну услугу. Также ориентируйтесь на разную аудиторию, например, размещайте примеры работ с небольшими компаниями и крупными клиентами или проекты из разных тематик.
• Рассказываем о кейсах в соцсетях. Не раз говорили о необходимости аккаунтов в соцсетях, даже для B2B-сегмента. Новый проект — отличный инфоповод для поста в соцсетях.
• Делимся портфолио на тематических площадках. О самых удачных проектах полезно рассказывать на сторонних площадках, где находится ваша целевая аудитория. Приток новых клиентов гарантирован. Инструкция, как правильно выбирать площадки для публикации.
• Добавьте возможность поделиться вашим проектом. Так пользователю будет легче отправить ссылку на проект другу, коллеге, родственнику. Некоторые клиенты постят результаты работ в соцсетях, что также повысит узнаваемость вашей компании.
• Настройте веб-аналитику. Яндекс.Метрика и Google Analytics помогут понять, на какие страницы заходят чаще и делают ли с них заказы. Например, если зайти в Метрике в отчет «Популярное» и отсортировать просмотры раздела портфолио, то вы сможете увидеть наиболее посещаемые страницы:

Отчет можно найти в разделе: «Отчеты -> Содержание -> Популярное» и выбираем фильтр: «Просмотры в которых -> Просмотр -> Просмотр URL -> указываем ссылку на портфолио»

Чтобы учитывались все страницы раздела, к адресу ссылки добавляем символ «*». Например, https://название компании/portfolio/*.

В таблице отображаются страницы раздела в порядке популярности:

Подробнее о том, какие отчеты есть в Яндекс.Метрике и как ими пользоваться, рассказали здесь: часть 1 и часть 2.

Что делать с NDA (соглашение о неразглашении)

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

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

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

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

И еще несколько примеров оформления портфолио, которые выглядят привлекательно.

Интересно показали информацию о клиентах не только списком, но и на карте города:

Отличные заголовки для анонсов фотосессий:

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

Даже для юридических услуг можно показать портфолио и вот хороший пример:

И пример историй успеха клиентов образовательного портала:

В заключение

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

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

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

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

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

Наджа Уэйд

Ничего не найдено.

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

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

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

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

1. Ын Чжон Ю

Начнем наш список с завораживающего веб-сайта портфолио Ын Чжон Ю. Онлайн-портфолио Ю минималистично в веб-дизайне и со вкусом оформлено в очень стилизованной типографике.

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

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

2. чертов веб-сайт

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

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

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

3. Дизайн-портфолио Рани Вестал (предупреждение о движении)

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

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

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

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

4. Мэтт Гайетт

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

Подобно дизайнерскому подходу Ю, Гайетт позволяет своим известным дизайнерским проектам говорить самим за себя. Фирменный стиль — сильная сторона Гайетта. Всего несколькими словами вы можете определить бренд Guyette как функциональность, класс и профессионализм.

5. Алекс Фишер

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

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

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

6. Roos Beeldt

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

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

7. Be Kind Design

Следующая в нашем списке — Be Kind Design, дизайн-студия, известная тем, что с 19 лет переворачивает хмурые взгляды.86, и это видно! Хотя дизайн упрощен, его функциональность и дизайн контента выделяют его.

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

8. Сьерра Плесе

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

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

9. Энни Шафрански

Сразу же после открытия портфолио веб-сайта Энни Шафрански первое, что бросается в глаза, — это типографика.

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

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

10. Никита Логинов

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

11. Андреас Гайда

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

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

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

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

Начать курс

Подпишитесь, чтобы стать инсайдером Webflow

Спасибо! Теперь вы подписаны!

Ой! Что-то пошло не так при подписке.

Начальный курс

12. Дизайнер Кристиан

Cristiaan the Designer Игра с пустым пространством, типографикой, цветом и макетом не должна остаться незамеченной. Ее выбор шрифта объединяет ее онлайн-портфолио уникальным и игривым образом.

13. Сильвен де ла Порт

Сильвен де ла Порт — французский веб-дизайнер и графический дизайнер с более чем 15-летним опытом работы в отрасли.

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

14. Трэвис МакКлюр

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

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

15. Графический отдел

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

‍

16. Бильбао

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

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

17. Тони Майер

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

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

18. Маурисио Баррето (предупреждение о движении)

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

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

19. BMCVR

BMCVR возглавляет Брендон Кливер, графический дизайнер из Новой Зеландии. Что завораживает в портфолио Cleaver, так это его непоследовательный дизайн. Теоретически непоследовательный дизайн — плохой выбор, но он выполнен настолько хорошо, что прекрасно демонстрирует диапазон и универсальность Кливера как графического дизайнера.

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

20. Дэвид Клаус (предупреждение о движении и светочувствительности)

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

21. Harry Moses (предупреждение о движении)

Веб-сайт-портфолио Harry Moses напоминает редакционные развороты о высокой моде, которые можно найти в таких журналах, как Vogue, или во время рекламных акций недель моды в Нью-Йорке и Париже.

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

22. Шаблон портфолио WW Studios

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

Создайте следующее лучшее портфолио по графическому дизайну

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

Мы предлагаем комплексный 21-дневный курс, который научит вас создавать и визуально оформлять веб-сайт с полным портфолио. Регистрация абсолютно бесплатна, и мы периодически обновляем курс более актуальным контентом. Убедитесь сами, чтобы приступить к визуальному созданию собственного веб-сайта-портфолио уже сегодня!

13 июля 2021 г.

Inspiration

Поделитесь этим

Рекомендуемые чтения

Inspiration

Inspiration

Inspiration

. доставляются на ваш почтовый ящик каждую неделю.

Электронная почта

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

Все готово, следите за нашей следующей рассылкой!

К сожалению, адрес электронной почты недействителен. Попробуйте еще раз!

Подробнее о Designer

Designer

Сила CSS, HTML и JavaScript в визуальном холсте.

Взаимодействия

Визуально создавайте взаимодействия и анимацию веб-сайта.

Подробнее о взаимодействиях

CMS

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

Подробнее о CMS

Электронная торговля

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

Подробнее об электронной торговле

Редактор

Редактируйте и обновляйте содержимое сайта прямо на странице.

Подробнее о Редакторе

Хостинг

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

Подробнее о хостинге

Бесплатно, пока вы не будете готовы к запуску

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

Начните работу — это бесплатно

Трансформация процесса проектирования по телефону

20 отличных примеров портфолио графического дизайна

Последнее обновление: 13 сентября 2021 г.

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

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

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

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

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

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

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

01. Kha Von

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

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

02. Peter Komierowski

Peter Komierowski специализируется на создании фирменного стиля , создании иллюстраций и дизайне интерфейсов. В качестве визуального дизайнера он работал со многими известными клиентами, включая YouTube и The Huffington Post.

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

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

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

03. Ravi Naveen

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

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

04. Мерейн Хосс

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

Имеет несколько цветных эскизов на белом фоне. Миниатюры снабжены кратким описанием.

05. ToyFight

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

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

06. Том Бискуп

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

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

07. Xavier Cussó

У барселонского дизайнера Xavier Cussó есть отличный сайт-портфолио, на котором он выставляет свои работы.

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

08. Уэйд Джеффри

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

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

09. RoAndCo

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

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

10. Мистер

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

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

11. Marleigh Culver

У Marleigh Culver есть простой веб-сайт для демонстрации дизайнерских работ. Сайт кажется простым с точки зрения дизайна и навигации, тем не менее, он привлекает посетителей.

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

12. Студия Баззуорти

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

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

13. Малика Фавр

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

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

14. Panda Yoghurt

Дуглас Боуден, также известный как Panda Yoghurt, — 3D-художник и директор по дизайну, а также 3D-дизайнер, создавший несколько удостоенных наград анимационных работ. На веб-сайте портфолио Дугласа есть крупномасштабные предварительные просмотры. Это ультра чистый с анимированными ролловерами.

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

15. Adhemas Batista

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

Такое уникальное использование элементов помогает ему войти в число лучших веб-сайтов-портфолио.

16. Studio Myerscough

Интернет-портфолио художницы-графика Мораг Майерскоу уникально. У него всего три значка социальных сетей и статичная целевая страница. Значки социальных сетей предназначены для ее учетных записей электронной почты, Twitter и Instagram.

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

17. Пыльца

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

18. Sagmeister & Walsh

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

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

19. Павел Нольберт

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

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

20. Роковая женщина

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

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

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