Портфолио дизайнера: Что? Сколько? Как? Где?

Нужно ли портфолио профессиональному дизайнеру? А если нужно – сколько работ в нем должно быть? Давайте разбираться!

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

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

Сколько проектов нужно оформлять?

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

Что оформлять, а что не стоит?

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

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

Структура проекта и описание

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

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

Где собрать портфолио?

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

В заключении

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

Источник: ДизайнКабак

расспросили специалистов из индустрии / Хабр

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

Что необходимо левел-дизайнеру для трудоустройства в игровую студию

Кирилл Буянин, дизайнер уровней в Remedy

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

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

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

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

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

Портфолио можно представить в разных форматах. Например, завести блог на ArtStation, Medium или сделать сайт в каком-нибудь конструкторе — WordPress, Weebly, Wix и так далее. Важно, чтобы оно было максимально доступным и открывалось даже на телефоне. Также можно сделать видео с прохождением — иногда трёхминутный ролик даст намного больше понимания, чем слишком подробная документация.

Например, это моя работа-блокаут:

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

Можно сделать прототип walking-симулятора, где надо пройти из точки А в точку Б. Но сделать это круто: со всякими серпантинами, переходами, пролазами, перепадами высот и прочим. Я посмотрю и скажу: «Это крутая работа левел-дизайнера. Например, если добавить врагов и оружие, то он станет отличным уровнем для Call of Duty». 

Или взять серию «Метро». Некоторые уровни — просто хождение по мирным станциям без оружия. И оно отлично играется! Поэтому городить сотню механик в прототипе вовсе необязательно. Такую работу может сделать любой в том же Unreal или Unity.

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

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

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

Скриншот из игры Frontline Commando 2, над которой работал Кирилл

В тестовое задание для левел-дизайнера чаще всего входит создание документации по уровню (mission-дизайн) или создание самого уровня. Иногда оба варианта сразу.

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

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

Я как-то устраивался в одну студию в Англии. Они требовали знание C# для левел-дизайнеров, потому что у них свой движок и там всё скриптование на C#. На собеседовании мне дали задачку в духе школьных олимпиад по программированию. Надо было сделать её на время, за полчаса. 

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

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

Например, моя первая задача на проекте «Метро: Исход» заключалась в том, чтобы расставить ворон на уровне. Их можно было разместить как попало, и ошибки бы не было — на геймплей они не влияют. Это задача, которая даёт представление о работе с движком и объектами. Потом начинаешь двигать не ворон, а модельки на уровне, затем собираешь дополнительные локации. Постепенно зона ответственности растёт, и начинаешь работать уже с основными локациями, которые увидят 100% игроков. 

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

Что должен знать и уметь нарративный дизайнер, чтобы найти работу

Мария Кочакова, CEO «Нарраторики»

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

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

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

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

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

Соотношение навыков геймдизайнера и сценариста — примерно 50/50. Но всё зависит от жанра игры и того, какую роль там занимает повествование.

Задачи нарративных дизайнеров на разных проектах могут сильно отличаться. Например, в CD Projekt RED нарративные дизайнеры (там они называются квест-дизайнерами) собирают квесты, а в закрывшейся Telltale Games они занимались стыковкой всех вариантов веток повествования.

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

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

Лучше всего, если в портфолио будет представлена игра: подойдут проекты с геймджемов или хакатонов. Или можно создать мод к какой-нибудь игре, например, к «Ведьмаку». При устройстве на должность квест-дизайнера в CD Projekt RED это обязательное условие: кандидат должен сделать полноценный квест в редакторе для «Ведьмака 3».

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

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

Авторская игра Марии Кочаковой Message Quest вышла на Steam в 2015 году

Искать актуальные вакансии лучше через специализированные сайты, каналы и группы. Для поиска подойдёт hh.ru или агрегаторы. В «Нарраторике» мы постоянно всё это публикуем. Есть куча пабликов типа «Работа в геймдеве», где тоже делают подборки вакансий.

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

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

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

---

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

Процесс трудоустройства для всех примерно одинаковый:

• важно иметь портфолио;

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

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

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

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

• почти во всех студиях просят выполнить тестовое задание;

• вам могут предложить решить задание прямо на собеседовании;

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

Над статьёй работали: Владимир Семыкин, энтузиаст геймдизайна; Виталий Цура, координатор геймдев направления Нетологии; Надежда Осипова, аспирантка Нетологии.

От редакции: где учиться создавать игры

• Курс «Геймдизайнер» — 92 часа теории и 103 часа практики, в портфолио прототип собственной игры на движке Unreal Engine и полный комплект проектной документации для запуска игры

• Курс «Разработчик игр на Unity» — 85 часов теории и 86 часов практики, поэтапное освоение Unity и C#, студенты работают над прототипами игр типа Runner, карточная игра, 2D-танки, аркадная гонка, RPG

Дизайнер презентует каждый день: зачем нужно портфолио и 5 креативных примеров

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

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

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

Убедительная презентация может «вытянуть» и «продать» даже слабый дизайн, идею, концепцию. А отсутствие презентации может завалить даже очень крутую работу.

Источник: ad-and-d.jp

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

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

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

Источник: hugomiguelsousa.com

Особый навык дизайнера

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

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

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

Источник: www.kevintresor.com

Дизайнерское портфолио

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

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

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

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

Источник: nkwiatek.com

Альтернативы

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

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

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

Участие в конкурсах и активное присутствие на профессиональной тусовке. 

Источник: oh-my-design.com

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

Татьяна Назарова преподает на летнем воркшопе «Нетологии» «Портфолио для веб-дизайнера», который пройдет с 7 августа по 4 сентября. По его итогам участники получат не только диплом, но еще и стильное портфолио, которое сами создадут при помощи экспертов из AGIMA, Red Keds, Notamedia, «Бюро Пирогова», Acronis.

Записывайтесь.

5 шагов к созданию выигрышного портфолио для дизайнера — itGap

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

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

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

1. Определитесь с основной целью и форматом вашего портфолио.

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

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

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

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

2. Определиться с работами для включения в портфолио

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

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

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

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

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

Итак, вот краткое изложение правил :

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

3. Выберите платформу для вашего портфолио дизайна

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

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

Вот варианты для рассмотрения:

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

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

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

4. Опишите каждую дизайнерскую работу

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

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

Вы можете включить следующую информацию:

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

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

5. Оптимизируйте дизайн вашего портфолио для зрителей

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

Как это сделать?

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

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

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

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

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

Заключение

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

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

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

4 простых вещи, которые стоить помнить дизайнеру при поиске работы — CASES

Портфолио ваше все!

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

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

Часто присылают просто архив + 200 мб в гугл доке, что вообще “неок”. Ладно, если вы начинающий дизайнер, такое простительно, но если вы человек, который метит на позицию Middle или Senior — это недопустимо. Такой подход показывает пренебрежительное отношение к результатам своей деятельности. Дизайнер не позаботился красиво оформить свое портфолио разместив его, например, на Behance.

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

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

Или еще пример. Пишут «я не успел» или «у меня там старые работы, лучше не смотрите портфолио». Возникает вопрос, а на что смотреть-то?

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

Лучше на полчаса раньше, чем на пять минут позже

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

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

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

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

Сначало “что я умею”, потом “сколько я стою”

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

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

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

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

Приезжайте с вопросами.

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

Поэтому приезжать только с заготовленными вопросами. Для себя определитесь, чего вы действительно хотите и что вы можете предложить за это. И все должно быть по-честному. Если вы говорите, что не умеете делать, например, after effects, но планируете пойти на курсы, тогда вы сразу наткнетесь на вопросы: когда? почему? и зачем вам нужен именно after effects?

Поэтому сначала ответьте себе на эти вопросы, и чем честнее и правдивее они будут, тем лучше!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Свой стиль.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

 

 

 

— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Как Выбрать Лучшего UX Дизайнера: Советы Для Поиска

Найти классного UX консультанта не так-то просто. Как и где искать профессионалов? На что обращать внимание при изучении портфолио UX дизайнера? Давайте вместе искать ответы!

Что должен уметь UI/UX дизайнер

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

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

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

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

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

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

Онлайн-платформы, которые стоят вашего внимания

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

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

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

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

Еще одна крупная платформа, где дизайнеры могут делиться своими работами — это Dribbble. Любой желающий может там зарегистрироваться как наблюдатель и просматривать портфолио UI/UX дизайнера. Однако, у платформы есть недостаток — нет возможности фильтровать компании по категориям. Впрочем, пользователи могут выполнять поиск по тегам. Для приложения которое помогает пользователям планировать свои тренировки и управлять ими, ключевыми словами могут быть «спорт», «тренировка», «фитнес».

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

И, конечно же, не стоит забывать про Behance! Это комьюнити креативных профессионалов со всего мира, которые выкладывают свои работы и обсуждают проекты других. Сам Behance определяет себя как «ведущую платформу для демонстрации и использования творческих проектов». Что ж, с этим сложно поспорить, поскольку там и правда можно найти сотни и даже тысячи проектов с полным описанием функционала. Behance дает возможность просматривать примеры работ UX дизайнера, даже если вы не зарегистрированы на платформе, а также позволяет каждому пользователю отправлять личные сообщения другим. Кроме того, в секции «Лучшее на Behance» можно найти одни из самых интересных и новаторских работ.

Так выглядит портфолио в Behance

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

Социальные сети 

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

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

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

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

У вас есть идея для проекта?

X

21 лучших веб-сайтов с портфолио UX-дизайнера в 2021 году — Case Study Club

29 марта 2021 г.

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

ПОДЕЛИТЬСЯ

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

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

Захватывающее, но устрашающее чувство. Творческий путь в этом плане довольно странный.

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

Вдохновляйтесь этим 21 выбранным вручную портфолио UX-дизайнера

Саймон Пэн

В настоящее время формируем будущее новостей в Google. Ранее работал дизайнером в Uber и Amazon Prime Music.

Прочтите интервью Саймона о Case Study Club здесь →

Посетите портфолио →

Робин Ногиуэр

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

Посетить портфолио →

‍

Остин Найт

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

Посетить портфолио →

Джонатан Паттерсон

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

Посетить портфолио →

Вандана Пай

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

Посетить портфолио →

Кайсон Дана

Кайсон — дизайнер и арт-директор, который работал с такими брендами, как Tesla, Adobe и Boosted Boards, и это лишь некоторые из них.Он специализируется на рассказывании историй, и это определенно говорит в его тематических исследованиях.

Посетить портфолио →

Люк Джеймс Тейлор

Люк — консультант по UX и соучредитель Design Sprint X. Его портфолио сосредоточено на ценности, которую он может принести, и результатах, которых он достиг для своих клиентов.

Посетить портфолио →

Джейсон Юань

Студент, Джейсон в настоящее время проходит стажировку в качестве дизайнера UX в Apple. Известен своим примером использования Apple Music.»

Прочтите интервью Джейсона о Case Study Club здесь →

Посетите портфолио →

Эд Чао

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

Посетить портфолио →

Алекси Таппура

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

Посмотреть портфолио →

Ivo Mynttinen

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

Посетить портфолио →

Том Паркс

Работа Тома выделяется в этом чистом и эффективном портфолио. Его страница «О себе» частично демонстрирует его личность, но при этом ничего не переусердствует.

Посетить портфолио →

Лиз Уэллс

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

Посетить портфолио →

Каролис Косас

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

Посетить портфолио →

Эндрю Кулдвелл

Эндрю знает свое дело! Наверное, самый квалифицированный дизайнер портфолио. Он руководил дизайном продуктов в Adobe Portfolio и проектированием систем в WeWork.

Посетить портфолио →

Антон Стен

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

Посетить портфолио →

Даниэль Корпай

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

Посетить портфолио →

Пратибха Джоши

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

Посетить портфолио →

Бетани Хек

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

Посетить портфолио →

Megan Fisher

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

Посетить портфолио →

Абдус Салам

Дизайнер продуктов-самоучка с впечатляющей коллекцией тематических исследований. Я рекомендую вам взглянуть на его «неразрезанную и необработанную» страницу; он демонстрирует процесс Абдуса до мельчайших деталей.

Посетить портфолио →

Это то, что объединяет все 21 портфолио:

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

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

Используйте убедительное повествование как инструмент для привлечения пользователя (т. Е. Вашей потенциальной новой работы). Удивите их своеобразными находками.

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

Если вы выполнили все вышеперечисленное, то есть большая вероятность, что вас пригласят на собеседование.

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

Вам нужно больше вдохновения?

Ознакомьтесь с галереей тщательно отобранных примеров использования UX здесь.

Более 20 тенденций в разработке портфолио в 2021 году

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

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

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

Многослойные графические элементы

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

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

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

Тонкие цветовые эффекты

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

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

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

Супер-простая эстетика

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

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

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

Макеты в журнальном стиле

Макеты в стиле журнала

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

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

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

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

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

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

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

Много интерактивности

Интерактивные портфели в.

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

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

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

Необычные узоры дизайна

Также в тренде портфолио

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

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

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

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

Черно-белое

Черно-белые рисунки, часто с цветовым акцентом, сейчас очень популярны.

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

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

Модная типографика

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

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

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

Высокоэффективные эффекты

Портфель Виктора Коста — яркий пример того, как создать высокопроизводительный портфель.

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

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

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

Много места

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

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

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

Groovy UI

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

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

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

Крупная типографика

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

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

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

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

Портфели, которые не похожи на портфели

… как дизайнеру не нужно придумывать что-то совершенно новое, чтобы продемонстрировать свою работу

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

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

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

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

Полноэкранная анимированная навигация

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

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

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

Шаблоны для разделенного экрана

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

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

Это хороший способ работать с крупными проектами — обратите внимание на графику Adidas Climaheat здесь — сохраняя при этом свою индивидуальность в дизайне портфолио.(Обязательно просматривайте и просматривайте отдельные проекты здесь; общий дизайн портфолио впечатляет.)

Дизайн в стиле минимализма

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

Дизайнер

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

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

Негабаритные фотографии главной страницы

Большие хедшоты — это большое дело, особенно для разработчиков и дизайнеров взаимодействия.

Этот тренд портфолио может быть популярным, потому что его труднее визуально показать: Вы выделяете код?

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

И несколько отличных эффектов тоже не помешают.

Модульные сетки

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

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

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

Яркая, светлая эстетика

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

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

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

Цветные накладки

Портфолио

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

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

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

Вышеупомянутое портфолио

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

Оптимизированная витрина проекта

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

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

У него изысканный и стильный вид, который задает особый тон работе этого дизайнера.

Заключение

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

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

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

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

Эта статья изначально была размещена Тобиасом ван Шнайдером в качестве гостевой на CreativeBloq.

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

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

01. Сделайте первые представления на счету

Простое и понятное введение в портфолио Виолетты Ной

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

ЗАПРЕЩАЕТСЯ: Напишите какую-нибудь общую бессмысленную заставку, в которой говорится, что вы «создаете значимый опыт» или «подталкиваете пиксели».Помимо того, что такие фразы слишком часто используются, они ничего не значат для кого-либо и не помогут вашему потенциальному работодателю или клиенту понять, что вы делаете.

02. Выберите правильную работу, чтобы включить ее.

Показывайте только те работы, которыми вы хотите быть известны, например, Сидни Лим

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

ЗАПРЕЩАЕТСЯ: Заполняйте свое портфолио только спецификациями или незапрашиваемыми дизайнами.Конечно, случайный незапрашиваемый дизайн может помочь показать ваше мастерство, когда клиент еще не работает, чтобы доказать это. Но слишком много всего лишь показывает, что вы умеете работать изолированно без каких-либо ограничений, чего почти никогда не бывает в платных проектах.

Если вы все же решите заняться какой-то незапрошенной работой (например, если вы молодой дизайнер, пытаясь начать все сначала в новой области), не делайте типичный редизайн из списка Fortune 500 для таких компаний, как Nike или Apple. У этих компаний уже есть фантастические активы, поэтому они не демонстрируют особого умения создавать дизайн для этих брендов.Вместо этого выберите меньшую компанию, которой вы восхищаетесь. Покажи, на что ты способен, когда работаешь ни с чем, и это произведет впечатление.

03. Сделайте просмотр простым и приятным.

Сайт портфолио Павла Нольберта не мешает его ярким работам

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

НЕЛЬЗЯ: Создавайте свое портфолио как произведение искусства само по себе. Когда мы думаем о своем портфолио как о личном проекте или творческом выходе, мы можем чрезмерно усложнить или сделать его слишком игривым — до такой степени, что оно станет непригодным для использования человеком, который должен его просмотреть.

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

04. Создайте выдающуюся страницу «О нас»

Информативная и красивая страница «О нас» от Мерил Ведрос

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

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

Все портфели, которые вы видите на этой странице, были созданы с использованием Semplice .

Какова реальная роль веб-сайта с дизайнерским портфолио? | автор: Фабрицио Тейшейра

Просматривая свои каналы на днях, я наткнулся на следующее обсуждение:

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

Вы недавно видели это портфолио?

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

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

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

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

Первый шаг — понять все возможные углы определения роли портфолио:

• Показать окончательный результат проектов, над которыми работал дизайнер? В этом случае дизайн самого портфолио должен быть как можно более простым, сосредоточенным на содержании, а не на форме.Ожидайте, что большие изображения без полей будут красиво обработаны для создания визуального впечатления. Именно на этом фокусируются такие платформы, как cargocollective, behavior и squarespace.
• Для демонстрации мыслительного процесса дизайнера? В этом случае ожидайте, что на страницах проекта будет гораздо больше текста, негласных результатов и подробных объяснений.
• Должен ли он быть произведением искусства само по себе, демонстрирующим видение дизайнера? В этих случаях портфолио — это способ, который дизайнер нашел для демонстрации своих дизайнерских навыков и видения, без всех ограничений, которые обычно имеют проекты, спонсируемые клиентами.Он показывает миру их видение того, что такое хороший дизайн в чистом виде. В примере, показанном выше, thindesign.com, домашняя страница портфолио демонстрирует знания дизайнера в области теории дизайна (правило золотого сечения), их мастерство в области моушн-дизайна и анимации, их большой вкус к цветовым палитрам и многое другое.

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

• Для документирования их прошлой работы? Некоторые люди обновляют свое портфолио просто потому, что не хотят терять из виду проекты, над которыми они работали. Здесь нет никаких секретов: они просто хотят создать хранилище прошлых работ, к которым они могут легко обратиться в будущем. Воспоминания.
• Это поиск новой работы? Дизайнер активно ищет новую работу? В таком случае, с какой компанией они хотят сотрудничать? Студия дизайна? Агентство? Бизнес-консультации? Сторона клиента? Ориентация на продукт? Какой тип персонала будут искать рекрутеры и менеджеры проектов?
• Следует ли рассматривать его как специалиста в определенной области? Некоторые люди переделывают свой веб-сайт с портфолио, чтобы позиционировать себя в профессиональном плане несколько иначе, чем раньше.Это старая добрая пословица: «Вкладывайте в свое портфолио то, чем вы хотите заниматься, а не работу, которую, по вашему мнению, хотят видеть другие». И это может иметь место для некоторых дизайнеров, в зависимости от того, на каком этапе их карьеры они находятся.

Просто, правда?

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

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

Какой вывод вы хотите, чтобы люди покинули ваш сайт-портфолио?

«Вау, этот человек ______, который на самом деле ______!»

Несколько примеров:

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

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

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

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

NYTimes

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

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

Чистые и эффективные примеры портфолио дизайнера UX

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

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

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

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

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

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

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

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

Лучшие примеры портфолио UX-дизайнера

Кристина Ричардсон

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

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

Фил Авраам

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

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

Курт Винтер

В этом портфолио UX-дизайнера основное внимание уделяется визуальному взаимодействию .Этот пример портфолио не похож на UX, но все же привлекает посетителей.

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

KOCO

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

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

Оливия Чыонг

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

Это соединение привлекает к ней больше клиентов.

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

Создавайте визуально привлекательные и высокопроизводительные веб-сайты без написания кода

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

Хелен Тран

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

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

Джон Эллисон

В портфолио Джона Эллисона краткое введение о нем самом. Он также добавил 3-минутное видео, чтобы сделать его более интересным и понятным.

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

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

Люк Джеймс Тейлор

Люк Джеймс Тейлор — консультант по UX и основатель Design Sprint X. Как показывают тематические исследования, он решает проблемы.

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

Pendar Yousefi

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

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

Элизабет Линь

Портфолио UX-дизайнера Элизабет Лин — отличный пример повествования . Она предоставляет документацию или тематическое исследование для всех процессов, которые она сделала.

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

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

Рахул Джайн

У Рахула Джайна чистый и эффективный портфель UX-дизайнеров. Зрители заметят, что за его тематическими исследованиями легко следить.

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

Вакс Лю

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

Vax выбрала портфолио в темной тематике . Он использует новейшие конструкции параллакс-прокрутки и сетки.

Эндрю Доэрти

Этот веб-сайт портфолио выглядит как персональная биография . Есть одна фотография Андрея с несколькими строками описания.

Они рассказывают посетителям о его опыте, навыках и знаниях. Сайт простой и интуитивно понятный.

Кайсон Дана

Веб-сайт портфолио

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

Он дизайнер и арт-директор, работал с такими популярными брендами, как Boosted Boards, Adobe и Tesla.

Кэ Ван

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

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

Ния Уоткинс

Макет портфолио

Нии достоин подражания.

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

Затем она представляет все связанные с этим действия. Это включает создание прототипов и каркасов.

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

Венди Шорр

Посетителей этой страницы сразу же встречает изображение лампочки. Это подчеркивает уникальность навыков Венди в области UX-дизайна.

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

Мориц Эстерлау

Портфолио UX-дизайна

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

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

Это хорошая стратегия для копирования при создании портфолио.

Кристиан Туманган

Быть дизайнером UX — это больше, чем просто титул. Это должно быть заметно в проектах и ​​на сайтах.

Кристиан — мультидисциплинарный дизайнер в области UX и визуального дизайна.Его веб-сайт привлекает посетителей, особенно интервьюеров и клиентов.

Джонни Вино

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

Эндрю Кулдвелл

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

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

Иса Пинейро

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

Есть также краткие и контекстные описания его предыдущих успешных проектов.

Аймен Аван

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

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

Любомир Барджич

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

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

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

Вандана Пай

В его портфолио царит расслабляющая атмосфера, привлекает посетителей и потенциальных клиентов. Он дизайнер продуктов в New York Spotify.

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

Саймон Пэн

Саймон Пэн — UX-дизайнер приложения London By Bike для системы проката велосипедов Barclays. Это один из успешных завершенных им проектов.

Он дает информацию о процессе проектирования и проводит посетителей через свой путь в UX-дизайне.

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

Ойкун Йылмаз

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

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

Глория Ло

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

Глория Ло — многогранная творческая душа, страстно увлеченная своим делом.

Лючо Сулев

Портфолио

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

Эд Чао

Этому примеру портфолио легко следовать.Он минималистичен, а содержание легко читается и понимается .

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

Джонатан Паттерсон

Джонатан реализовал проекты для Sony, Ford и Postmates. Наряду с визуальным оформлением и контентом он также демонстрирует чувство юмора.

Кю Ким

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

Связанные истории дизайна раскрывают навыки и талант дизайнера.Более того, Кю использовал коды для создания дизайна своего веб-сайта.

Брет Виктор

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

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

Алекс Лакас

Алекс использовал эффект параллакса на своем веб-сайте портфолио. Одним из его успешных проектов стал Google Live Popular Times.

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

Рочита Чачра

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

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

Даниэль Родригес

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

Его страница UX-портфолио чистая и удобная. Информацию о его предыдущей работе найти несложно.

Джош Ким

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

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

Эйлин Шин

Эйлин имеет опыт работы в Tumblr и Amazon в качестве дизайнера продуктов. Создавая свой дизайн , она сделала акцент на простоте.

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

Мина Изадпанах

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

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

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

Джейсон Юань

Чтобы найти портфолио профессионально выглядящего UX-дизайнера , посетите веб-сайт портфолио Джейсона. У него отличная репутация, так как он работал в таких крупных компаниях, как Sony Music и Apple.

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

Грегор Калфас

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

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

Остин Найт

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

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

Базз Усборн

Buzz имеет минималистский, но элегантный дизайн . Вместо того, чтобы сосредоточиться на дизайне, он выделяет недавние тематические исследования.

Его старые проекты посетители найдут в разделе «Подробнее». Этот прием незаменим, если вы уже работали над сотнями проектов.

LIYA XU

В портфолио Лии она выделяет свои самые впечатляющие работы и помещает их в топ . Затем она перечисляет самые свежие, а старые работы находятся внизу.

Ее простой и минималистичный макет позволяет легко читать тексты и абзацы.

Приянка Гупта

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

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

Каролис Косас

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

Завершение мыслей о создании портфолио дизайнера UX

Примеры портфолио UX-дизайнера в этой статье соответствуют аналогичным процедурам и стандартам. У всех UX-дизайнеров одинаковое мышление.

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

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

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

Если вам понравилась эта статья о примерах портфолио UX-дизайнера, вам также следует прочитать эту статью:

Создайте успешное портфолио — Советы + уловки от дизайнера Google ✨ | Лиза Фишер

Хотите улучшить свое дизайнерское портфолио?

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

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

(Встроенный или щелкните здесь , чтобы просмотреть его в новой вкладке)

Пища для размышлений…

Насколько важен дизайн фактического портфолио? 🤨

Это очень важно! — Создание этого руководства дало мне возможность поразмышлять над следующим вопросом:

Что в целом делает сильное портфолио по всем дисциплинам дизайна и какая часть портфолио определяется самими проектами по сравнению с дизайном реального портфолио?

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

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

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

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

5 шагов к написанию успешного портфолио дизайна

Как для графических, так и для веб-дизайнеров звездное портфолио — это инструмент №1 для привлечения клиентов или получения работы мечты.

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

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

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

Готовы?

№1. Определитесь с основной целью и форматом вашего дизайнерского портфолио

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

Стоп! Оставьте их на потом.

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

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

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

№ 2. Определить, какие работы включить в портфолио

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

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

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

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

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

Итак, сводка правил :

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

№ 3. Выберите платформу для своего дизайнерского портфолио

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

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

Вот варианты, которые вам следует рассмотреть:

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

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

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

№ 4.Опишите каждую дизайнерскую работу как босс

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

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

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

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

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

№ 5. Оптимизируйте свое дизайнерское портфолио для зрителей

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

Как это сделать?

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

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

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

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

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

Одним словом

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

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

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