примеры. Как сделать портфолио в PDF и создать в других форматах? Оформление фона и обложки

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

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

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

Содержание

Основные правила составления

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

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

  • Не размещайте в портфолио каждый проект

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

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

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

  • Если вы работаете в нескольких стилях и хотите показать их работодателю, позаботьтесь о том, чтобы между ними был плавный переход. Группируйте работы по стилю. Если они выполнены в четких стилистических рамках, то можно использовать подзаголовки типа «работы в стиле 1», где «1» – название стиля.

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

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

Структура

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

Состоять оно должно из четырех важных частей:

  • титульный лист;

  • страница «об авторе»;

  • основная часть;

  • заключение.

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

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

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

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

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

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

Варианты формата

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

PDF

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

Старайтесь уместить все в файл размером 10-15 страниц. Работодателю может быть непросто воспринять большое количество информации.

Презентация

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

Однако использовать эту особенность следует очень аккуратно, потому что воспринимается она работодателями позитивно далеко не всегда.

Персональный сайт

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

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

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

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

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

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

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

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

Рекомендации

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

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

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

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

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

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

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

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

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

Портфолио UX-дизайнеров: лучшие практики / Хабр

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

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

Поиск вдохновения


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

«Как начать?» и другие примеры


Если Вы загуглите «UX Portfolios», то в выдаче получите результатов настолько много, что их нельзя и прочитать и за все время жизни. Поэтому мы решили сэкономить немного времени и поделиться нашими любимыми примерами:
  • Мы считаем, что всегда полезно узнать мнение рекрутеров и менеджеров по найму, ведь зачастую именно они — ваши основные пользователи. Статья дизайнера Тобиаса ван Шнайдера «Как создать портфолио UX Design: советы от старшего рекрутера UX», рассказывает о том, что эти рекрутеры конкретно ищут, и как использовать это в своём портфолио.
  • Статья «10 вдохновляющих UX-портфолио и почему они работают» собрала в себе примеры отличных портфолио и объясняет, почему именно они делают своё дело. Так что, используя материал этого блога тоже можно сделать отличное портфолио. Такие блоги заставляют идеи и вдохновение «раскрыться», особенно если не хочется иметь в итоге cookie-cutter сайт или пришлось притормозить, пытаясь продвинуться вперёд в своей работе.
  • Всем дизайнерам всегда хочется создавать нечто уникальное. Статья «Как сделать ваш портфель особенным» предлагает отличные советы по поводу того, каким образом сделать Ваше портфолио отличным от портфолио других дизайнеров.

Шаблоны и хостинг


Больше поэтов шаблонов, хороших и разных. Многие сервисы предлагают как платные, так и бесплатные шаблоны. Какой бы конструктор веб-сайтов вы не выбрали, любой из них предложит большой набор разнообразных шаблонов. В частности, хочется обратить внимание на WordPress, Wix, Dribbble, Behance, Coroflot. Эти инструменты позволяют избавиться от многих неудобств при планировании макета, кодировании и управлении сайта с портфолио. Например, Dribbble Playbook, берет Ваш профиль на Dribbble, «убирает c него маркировку Dribbble, оставляя Вам оптимизированный веб-сайт, который сразу же доступен для пользования…».

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


Semplice.com

Всё это — о Вашем процессе


Большинство экспертов и блогеров рекомендуют использовать в своем портфолио, так называемое тематическое исследование (case study). Оно всегда позволить читателю знать контекст вашей работы и позволит потенциальным работодателям знать, как именно Вы решаете проблемы. У всех на стене или доске есть стикеры-заметки. Вы должны объяснить, почему они были там и о чём они. Это служит напоминанием будущему Вам о том, как Вы подошли к чему-то, или о новом подходе, который Вы опробовали и понятии того, сработал он или не сработал. Общий совет подскажет, как настроить формулу, включая резюме, описание решаемой проблемы, список шагов, которые были выполнены, и окончательный результат.

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

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

  • С какими проблемами Вы столкнулись?
  • Что Вы сделали иначе?
  • Что именно Вы пробовали, что не сработало?
  • Что Вы узнали?
  • Что Вы сделали?

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

Ниже приведены примеры из тематических исследований UX-дизайн команды Ramotion


Перевод: К моменту когда Tile обратился к нам, лишь 29% пользователей успешно завершали процесс активации.


Перевод: Благодаря новому интерфейсу активации количество завершенных сеансов возросло до 60%.

Сделайте это личным


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

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


Главная страница murielplouis.com

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


Раздел «Обо мне» Muriel Pierre-Louis

Узнавайте что-нибудь новое


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

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

Продвижение


Не позволяйте тому-самому прекрасному новому сайту, который вы создаете, томиться в киберпространстве. Мы уже писали выше, что есть такие сайты, как Dribbble и Behance, которые являются отличными местами для размещения вашей работы, но кроме того, они также могут помочь вам в продвижении вашей работы. В разделе «Лучшие способы, чтобы вашу работу заметили на Behance» от CreativeBloq Вы найдете несколько полезных советов о том, как создать здоровый информационный шум для вашей работы, а также чтобы её заметили и администрация Bēhance добавила её курируемые разделы, что позволит большей аудитории увидеть эти прекрасные работы.

При создании портфолио не стоит ограничиваться лишь статическим веб-сайтом. Зайдите в социальные сети и расскажите о своей работе, о том, кем Вы восхищаетесь, и о новых идеях, которые Вы видели. Чем активнее Вы будете себя в соцсетях, тем больше общения, продвижения и внимания получаете в свою очередь в ответ. Обязательно укажите ссылку на основное портфолио. Такие соцсети как LinkedIn, Instagram и Twitter — это хорошее место для старта. Как подтверждение этому Twitter-аккаунта Люка Вроблевского. Здесь присутствует краткое резюме, связанное с его профессиональными интересами, ссылка на его личный сайт и ретвиты интересного контента из профильных статей и событий.


image from twitter.com/lukew

Обновляйте свой портфель


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

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

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

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

Надеемся, что данная статья была полезна для Вас!

Принципы организации портфолио дизайнера / Хабр


Рисунок найден в сети (автор неизвестен) и доработан напильником…

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

Можно ли как-то повлиять на мнение заказчика? – Да, можно, и даже более того – необходимо!

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

Часть первая. Что показывать?

Именитые проекты

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

Конечно, у большинства дизайнеров клиенты, в лучшем случае, «широко известные в узких кругах», но и здесь есть выход – вам ничего не мешает написать о компании клиента немножко больше. «УкрТрансИмпорКабель» – это не известный большинству поставщик кабельной продукции, но у него есть 200 000 квадратных метров складов в 5-ти странах на двух континентах. Уже более или менее круто звучит.

Креативные и оригинальные решения

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

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

Похожие задачи

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

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

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

Результаты

Если вашу работу можно измерить в цифрах – это обязательно следует продемонстрировать. На сайте выросло количество регистраций на 21,3%, показатель отказов уменьшился в 5,2 раза… Все, что может быть полезным, просчитанным и выглядит круто – следует демонстрировать. Люди вообще очень хорошо верят цифрам, используйте это 😉
Награды

Конечно, если вам повезло получить EFFІЕ – фото золотой статуэтки точно должно оказаться в вашем портфолио. И пусть далеко не все заказчики знают, что это, но признание вас другими – это значительно усиливает доверие к вам как к профессионалу.
Часть вторая. Как показывать?

Хронология

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

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

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

Перформанс

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

Здесь 2 совета: показывайте в «натуральном окружении» + показывайте это круто.
Если это лого – ему место на визитках и футболках, если сайт – на айпаде, мобильное приложение – в айфоне, который держит в руках живой человек (демонстрируйте, что приложением пользуются, а не вставляйте скриншот в рамочку-темплейт).

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

Для вдохновения – я собираю такие презентации продуктов на борде в Пинтересте.

Отзывы

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

Тоже красивый прием. Был логотип с глобусом, а стал вон какой мимимишечка 🙂
Обоснование цены

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

Есть даже анекдот на эту тему:

Майк Тайсон был дизайнером, пока очередной клиент не спросил: «50 баксов за иконку? Чего так дорого? Она же мааааленькая!»
Меньше – лучше

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

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

Об этом вообще никто не думает 🙂 Кол-ту-экшен – это элемент, который будет побуждать к действию. Что мешает внизу работы в портфолио дописать «Желаете и себе такой крутой логотип – напишите мне письмо прямо сейчас по адресу mr.desіgner@gmaіl.com»? Недостаточно просто показать работы, зрителя необходимо мотивировать к действию!

P.S. Плохо сформированное портфолио это лучше чем отсутствие портфолио. То, что у вас нет времени, не является оправданием вашей лени. Человек может провести без пищи и воды до трех дней – все, я нашел вам 5-6 часов времени 🙂

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

А чтобы уже сейчас зарабатывать больше, читайте «Как дизайнеру заработать больше денег уже сегодня?».

Идеальное портфолио web-дизайнера | GeekBrains

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

https://d2xzmw6cctk25h.cloudfront.net/post/1771/og_cover_image/7a14ffdf036ed253f87e60fbda42bd6d

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

Выигрывает портфолио, которое уже существует

Антон Антонюк, арт-директор проекта «Совесть»:

Суровая правда в том, что обычно работодатель отсматривает десятки кандидатов, мельком пролистывая страницы портфолио, и обращает внимание только на три–четыре проекта:

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

В конце доходит очередь до сопроводительного письма и резюме.

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

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

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

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

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

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

Включайте в портфолио проекты-«завтра»

Серафима Болоткина, старший web-дизайнер международной IT- компании Movavi:

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

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

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

  1. Проекты-доверители — проекты, сделанные для известных компаний в соответствии с понятной задачей. Человек, оценивающий ваши компетенции, может сказать следующее: «Я хорошо знаю эту компанию и ее задачи. Как здорово, что дизайнер нашел такое решение». По подобным проектам заказчики понимают уровень масштабирования дизайн-способностей исполнителя. Проекты-доверители должны быть в самом начале портфолио. Это ваше заявление о способности делать работы высокого уровня.
  2. Крутые проекты — то, что вы делаете высокопрофессионально. Это работы, которые у вас получаются разнообразно, интересно и, по собственному ощущению, — идеально.
  3. Проекты технического мастерства — проекты, которые технически вы выполнили сами, без участия команды. Такие работы показывают реальный скилл и доказывают мастерство. Например, отрисованный самостоятельно шрифт, смонтированный ролик, анимация.
  4. Проект-«завтра» — проект, который раздвигает ваш диапазон знания, мышления и опыта в дизайне. Это может быть публичный, хайповый или смешной проект, который будет интересен многим и которым захочется поделиться. Например, однажды дизайнер сделал айдентику планеты Земля: флаг, герб и прочее. Такие работы делают обычно для себя в свободное время. Они отлично показывают масштаб и возможности дизайнера.

Экономьте время заказчика — создавайте портфолио в формате showreel

Digital-дизайнер Сартасова Елена, digital-агентство P R O M О B E L K A

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

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

Выкладывать портфолио лучше на своем сайте. Но если его нет, то на известные площадки типа re:vision. Тогда заказчикам будет удобно перейти по одной ссылке, чтобы посмотреть работы. На сайте-портфолио не должно быть однотипных работ. Лучше пусть будет 10–15 проектов, в которых фигурируют разные стили и подходы. К каждой работе делайте интересное и умное превью, которое побудит открыть ее.

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

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

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

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

Советы и рекомендации по портфолио UX-дизайнера / ХабрПростая и понятная статья от Micah Bowers о том как лучше подойти к созданию портфолио UX дизайнеру, чтобы получить профит.

«То как вы поднимаетесь на гору, важнее факта достижения вершины».

В своих мемуарах Let My People Go Surfing Ивон Чуйнард, основатель глобального наружного бренда Patagonia, пишет:

«То как вы поднимаетесь на гору, важнее факта достижения вершины».

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

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

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

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

Замечательный способ вдохновиться на создание своего портфолио — это просмотр работ дизайна UX агентств. Этот пример из Momentum Design Lab показывает, как объединить сложный процесс проектирования с простой графикой и понятным языком.

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

  • Рассмотрение основных вопросов о процессе;
  • Делимся практическими советами и ресурсами по дизайну портфолио; а также
  • Яркие примеры UX портфолио.

Давайте начнем.

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


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

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

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

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

К какому типу UX дизайнера я отношусь?


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

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

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

* Совет. После того, как вы ответили на эти вопросы, суммируйте все свои ответы в одном, легко читаемом предложении и покажите его на странице «Главная» или «Об авторе» вашего портфолио.

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

Что я делаю в области UX дизайна


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

Вот несколько вопросов, которые помогут вам начать работу:

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

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

Дизайнер UX / UI Kat Windley использует изображения обложек портфолио, чтобы продемонстрировать свой опыт работы с крупными заказчиками индустрии моды.

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

Вот грубый пример: длинный список «соответствующих навыков» на вашем сайте портфолио не повышает ценность ваших посетителей.

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

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

Чтобы начать работу, возьмите проект, которым вы гордитесь, и задайте такие вопросы, как:

  • Что я внес в этот проект на каждом этапе процесса проектирования UX?
  • Какие инструменты и методы я использовал для этого?
  • Я создал или помог реализовать стратегию, которая оказала большое влияние на конечный продукт?
  • Был ли я вовлечен в ранние переговоры с клиентом или разработку проектного предложения?
  • Были ли какие-либо серьезные препятствия, которые требовали от меня выполнения задач за пределами моей обычной компетенции?
  • Не продавай себя задешево. Если вы внимательно изучите свое участие в проекте, вы, скорее всего, обнаружите, что сделали намного больше, чем просто «провел исследование» или «пользовался программным обеспечением».

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

Кому нужны мои навыки UX дизайна?


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

Чтобы получить представление о том, как и для кого вы хотели бы использовать свои навыки проектирования UX, задайте себе вопросы:

  • Каковы две лучшие отрасли, в которой я бы хотел работать?
  • Есть ли у меня проекты или прошлый опыт, которые помогут мне получить работу в моей любимой отрасли?
  • Какой рабочий темп мне нравится? Устраивает ли меня работа сверхурочно?
  • Хочу ли я быть фрилансером? Работа со стартапами? Или хотите быть карьеристом?
  • Существует что-то на что я хочу чтобы влияли мои работы?
  • Сколько я хочу получать?
  • Где я хочу жить? Я хочу работать удаленно?

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

Рассказывай и показывай — Практические советы по дизайну для UX-портфолио


Каждый пиксель вашего сайта портфолио — это возможность создать восхитительный пользовательский интерфейс. От визуализации проектов до информационной архитектуры сайта каждый элемент дизайна является шансом заявить: «Я — топовый дизайнер UX».

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

Визуальная простота должна занимать важнейшее место в дизайн процессе.


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

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

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

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

Проект Билла Триббла кратко описывает проблему дизайна UX и показывает свою роль в решении.

Продемонстрируйте свою экспертность объясняя процесс без жаргона


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

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

Продемонстрируйте свою способность сотрудничать с другими


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

Тщательно проверьте свою работу и отбросьте все, что вы считаете не идеальным


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

Укрепите доверие на основе рекомендаций клиентов


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

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

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

Дизайнер UX Alex Gilev вместо кнопки «Связаться со мной», соблазняет посетителей обещанием: «Работайте со мной и ваш продукт улучшится».

Помните, 5 основных компонентов экспертных UX портфолио


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

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

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

Первоначально опубликовано на сайте www.toptal.com.

Портфолио дизайнера. Как и зачем?

Краткое содержание.

  1. Что такое портфолио.
  2. Распечатанное порфолио в виде буклета.
  3. Портфолио в цифровом ПДФ формате.
  4. Портфолио на бирже фриланса.
  5. Портфолио на личном сайте.
  6. Как сделать красивое портфолио.

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

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

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

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

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

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

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

Распечатанное портфолио.

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

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

Портфолио в цифровом ПДФ-формате.

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

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

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

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

Портфолио на бирже фриланса.

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

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

Портфолио на личном сайте.

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

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

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

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

Работающий дизайн.

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

Свой стиль.

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

Технический дизайн.

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

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

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

Так как сделать красивое портфолио?

Нужны прямые руки. Хорошее знание фотошопа и желание работать и учится. А теперь ближе к делу.

Как показать логотипы в портфолио.

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

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

Презентуем фирменный стиль.

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

В остальном, думаю, стоит придерживаться того же что и при презентации логотипа.

Дизайн сайта в портфолио.

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

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

Полиграфия в порфолио.

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

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

Описание работ.

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

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

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

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

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

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

Работайте над вашим портфолио! Если будете стараться, то и оно скоро начнёт работать на вас.

 

 

 

 

Что должно быть в каждом хорошем портфолио дизайнера

Повысьте свои шансы попасть на собеседование

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

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

3 распространенные ошибки портфолио:

1. Запутанная структура

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

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

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

  1. Опишите бизнес-проблему
  2. Опишите проблему пользователя
  3. Опишите решение, которое вы придумали
  4. Опишите, как вы измерили эффективность решения и каковы были результаты.

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

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Что должно быть в каждом хорошем портфолио дизайнера

Вот пример того, как процесс связан с точками высокого уровня:

  1. Сотрудники техподдержки работали по 50 часов в неделю, что приводило к потере работоспособности и значительным затратам на оплату сверхурочных.
  2. После исследования мы выяснили, что это было связано с тем, что используя наш продукт люди не все понимали.
  3. Я работал с продуктовой командой над улучшением юзабилити продукта.
  4. Через месяц после внесения изменений персонал службы поддержки сократил количество тикетов на 30%.

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

2. Неясность в датах

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

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

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Что должно быть в каждом хорошем портфолио дизайнера

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

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

3. Неясность роли дизайнера

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

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

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

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

3 вещи, которые нужно добавить:

1. Операционное влияние

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

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

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

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

2. Сознательная компетентность

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

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Что должно быть в каждом хорошем портфолио дизайнера

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

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

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

3. Ретроспектива

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

Просто шокирует сколько кандидатов не включают в свои портфолио никаких намеков на это!

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

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

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Что должно быть в каждом хорошем портфолио дизайнера

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

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

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

Ищете работу удаленного дизайнера? Я создал сервис под названием Theo, который объединяет все доски объявлений, агрегаторы, социальные сети, системы отслеживания вакансий и многое другое.

Спасибо Fabricio Teixeira.

15 лучших портфолио современного дизайна 2020 года

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

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

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

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

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

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

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

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

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

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

Итальянский дизайнер UX и UI, Marco Marino также имеет внушительный сайт-портфолио. Марко использует статический сайт с анимированным фоном без прокрутки. С первого взгляда можно сказать, что Марко фанат минимализма. Его домашняя страница содержит менее 20 слов.

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

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

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

Джейн Сонг — дизайнер из Грузии. В настоящее время она работает в MailChimp для создания красивых маркетинговых материалов для компании. Она также работает над другими проектами на стороне.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Заключение

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

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

Так чего же вы ждете? Иди создавай свое портфолио и заводи новых клиентов!

Похожие сообщения

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

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

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

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

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

Достигайте большего с интегрированным ведением блогов, проверкой клиентов и электронной торговлей

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

1. Конструкции МДЗ

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

2. Маркус Артис

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

3. Поддельные медовые картинки

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

4. Крис Таммар

Дизайнер

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

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

5. Брендан Даулинг

Креативный директор

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

6. Сделано Архитекторов

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

7. Эллисон Братник

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

8. Минфэй Ян

Игровой дизайнер

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

9. Greene Bean Designs

Greene Bean Design — дизайнерская студия Рэйчел Грин, графического дизайнера, работающего и живущего в Филадельфии. Веб-сайт портфолио Рэйчел по графическому дизайну сфокусирован на демонстрации ее работы в области полиграфии в действии в реальной жизни. Четкая направленность, категории проектов и минимальная эстетика делают сайт-портфолио Rachel интересным для изучения.

10. Элизабет О’Мара

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

11. Ким Деро

Графический дизайнер

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

12. Обладатель

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

13. Брэндон Перес

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

14. Джастин Мельцер

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

15. Брук Перриман

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

16. Хизер Уайлд

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

17. Мэтью Парк

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

18. Линг К

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

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

19.Инаки Дизайн мебели

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

20. Линдсей Заутке

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

21. Майкл Коллинз

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

22. Амелия Абромайтис

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

23. Тида Унгтракул

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

24. Алисса Джонсон

Алисса живет в Висконсине и с детства увлекается дизайном.Она изучала дизайн интерьера в Университете Саус Бэнк в Лондоне. Алисса хочет расти и зарабатывать на жизнь в сфере художественного дизайна интерьера.

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

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

Возьмите бесплатную 15-дневную пробную версию на Pixpa, чтобы создать свой сайт портфолио дизайна.

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

Понравился этот пост? Поделитесь этим сейчас.

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

Photo of a designer building a portfolio website

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

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

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

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

1.Кейт Моросс

Kate Moross website

2. Лотта Ниеминен

Lotta Nieminen website

3. Мария Васкес

Maria Vazquez website

4. Майк Кус

Maria Vazquez website

5. Джессика Уолш

Jessica Walsh website

6. Шанти Воробей

Shanri Sparrow

7. Джонатан Барнбрук

Jonathan Barnbrook website

8. Лорен Хом

Lauren Hom website

9. Джульетта ван Рин

Lauren Hom website

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

Malika Favre website

11.Крейг Блэк

Craig Black website

12. Хэтти Стюарт

Hattie Stewart website

13. Мистер Бинго

Mr Bingo website

14. Голландский дядя

Dutch Uncle website

15. Энтони Беррилл

Anthony Burrill website

16. Лиза Малтби

Lisa Maltby website

17. Сэм Хева

Sam Hewa website

18. Майк Перри

Mike Perry website

19. Антон + Ирина

Anton + Irene website

20. Гэвин Стрэндж

Gavin Strange website

21.Тобиас Ван Шнайдер

Tobias Van Schneider website

22. Студия Чен Чен

Studio Chen Chen website

23. Негласное соглашение

Unspoken Agreement website

24. Павел Нолберт

Pawel Nolbert website

25. Магда Ксезак

Magda Ksiezak website

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

Xavier Cussó website

27. Лесли Дэвид

Leslie David website

28. Снаск

Snask website

29. Carmijn Dura

Carmijn Dura website

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

Marleigh Culver website

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

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

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

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

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

01. RoAndCo

Не хватает информации, но потрясающая презентация (Фото предоставлено Ro и Co).

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

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

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

02. Amber Xu

Красиво и информативно (Фото предоставлено Amber Xu)

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

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

Этот портфель постоянно обновляется (Фото предоставлено: Robin Mastromarino)

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

04. Active Theory

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

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

05. Velvet Spectrum

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

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

06. Локомотив

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

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

07. Studio Thomas

Студия Thomas, названная в честь двух своих креативных директоров Томаса Остина и Томаса Кумбса, представляет собой студию в Восточном Лондоне, которая создает визуальные коммуникации для физических и цифровых миров, и ее сайт прекрасно отражает исследовательский и экспериментальный подход.Это великолепный пример веб-дизайна Brutalist с множеством свистов; нам особенно нравится 3D каркасная модель кафе Pamban, в которой вы можете перемещаться с помощью мыши.

08. Buzzworthy Studio

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

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

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

10. Merijn Hoss

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

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

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

11. ToyFight

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

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

12. Made Thought

Сайт перебирает изображения с помощью слоганов (Изображение предоставлено: Made Thought)

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

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

13. Marleigh Culver

Веб-сайт Culver прост, но продуман (Фото предоставлено Marleigh Culver)

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

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

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

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

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

15. Studio Myerscough

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

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

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

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

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

,