11 лучших бесплатных портфолио-сайтов для демонстрации вашей работы (2021)

Портфолио UX-дизайнера Оливии Труонг: опишите проблему во всей полноте

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

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

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

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

В следующем разделе, «огружение», Оливия делится следующими шагами в своем путешествии по решению проблем: мозговой штурм элементов успешного свидания.

Тщательно сформулировав проблему и описав свой подход к ее решению, Оливия переходит к «созданию маршрута»

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

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

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

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

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

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

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

Графический дизайнер: кто это и чем занимается

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

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

Создание фирменного стиля бренда

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

• Теоретические знания основ дизайна – композиция, колористика (теория цвета), история стилей;
• Умение пользоваться графическими редакторами – основные Adobe Photoshop, Adobe Illustrator, After Affects, InDesign, PageMaker, Adobe Lightroom, CorelDraw. Какие программы используются, зависит от вида и направления деятельности;
• Владение специальными приёмами – типографика, шрифты, фото, видео, иллюстрация;
• Основы маркетинга;
• Понимание человеческой психики и восприятия.

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

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

Полиграфия, издательское дело – визитки, газеты, журналы, книги; Айдентика – разработка брендинга, упаковки

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

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

Шрифт

Обязанности

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

• Стажёр (Интерн) – Не состоит в штате, проходит проверку практикой, учится. Если всё складывается удачно, новичку удаётся показать свою пригодность к работе, то его могут оставить полноправным членом команды;
• Junior (Младший) – начинающий специалист, у которого мало практики, владеет инструментами, выполняет доверенные проекты;
• Middle (Средний) – опыт более 3 лет;
• Senior (Старший) – Опытный ведущий дизайнер, хорошо знает теорию и практику, может руководить;
• Арт-директор – руководитель отдела, проекта;
• Директор – основатель или совладелец бизнеса.

Офис дизайн-студии

Кому демонстрируют портфолио?

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

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

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

Где выкладывать?

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

На биржах фриланса также можно найти клиентов. Составляется портфолио по стандартным правилам, которые были описаны ранее. Некоторые дизайнеры размещают документ в «Облаке» на площадке Google Drive или Яндекс. Диск. Присылается портфолио потенциальным клиентам в формате PDF.

Что нужно знать о профессии?

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

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

ГД пространства

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

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

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

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

ГД для фирм и брендов

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

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

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

Дизайн шрифтов

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

Рекламный дизайн

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

Издательский ГД

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

Веб-дизайн

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

А, где учиться на веб-дизайнера, узнайте из этой статьи https://inetsovety.ru/obuchenie-web-dizaynu/

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

Портфолио в формате pdf

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

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

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

Откуда брать проекты, если их нет

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

— Дизайн известного бренда
Выбираете любой известный бренд и делаете концепт сайта таким, как видите его вы. У компании РЖД, по-моему, самый ужасный сайт в мире, можно смело предложить концепцию этого сайта. С известным брендом работаете как с обычным проектом: делаете прототип, рисуете визуал и презентуете это в портфолио как концепт выбранной компании. Известный случай, когда парень сделал концепт Windows: расписал как может выглядеть вся линейка, Windows Office и так далее, сделал презентацию своего проекта. Через какое-то время его заметили и пригласили работать в Microsoft. Если сделаете концепт для известного бренда, это может стать резонансным проектом и сделает вас популярным дизайнером.

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

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

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

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

Если нет проектов, используйте эти 5 способов, но ни в коем случае не работайте бесплатно. Работать бесплатно — очень плохо, это тормозит ваш прогресс и прогресс клиента.

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

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

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

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

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

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

Как стать графическим дизайнером?

Для начала, чтобы убедиться, что эта профессия вам подходит, нелишним будет попробовать силы в творчестве для себя, благо возможностей для этого предостаточно. Если у вас есть более-менее терпимый компьютер, можно скачать бесплатный графический редактор и экспериментировать с ним, сколько заблагорассудится. Неплохим выбором станет Paint.NET, а также близкие к профессиональным, но совершенно бесплатные The GIMP и PixBuilder Studio. В конце концов, тренироваться можно и во вшитом в «Винду» Microsoft Paint: он не грузит систему дополнительно, в то же время прост и многофункционален.

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

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

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

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

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

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

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

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

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

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

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

Как можно прокачиваться?

1. Анализировать все попадающиеся вам на глаза интерфейсы. Начиная от повседневных приложение для транспорта и навигации, которыми вы пользуетесь, заканчивая приложениями, которые вы открываете достаточно редко. Было бы неплохо еще думать над тем, почему вы открываете то или иное приложение редко, и что можно сделать, чтобы это происходило чаще. Также стоит рассуждать на тему того, что удобно в конкретном приложении, а что не очень. И что бы вы изменили?
2. Постоянно прокачивать насмотренность. Благодаря этому вы сможете генерировать больше решений, у вас в голове будет больше паттернов. Насмотренность стоит прокачивать ежедневно, причем способов прокачки очень много: вы можете смотреть пинтерест, создавать доски с понравившимися идеями. Тот же дриббл хорош для развития насмотренности. Хотя, стоит отметить, что дриббл — это больше визуальная история, про то, как интерфейс выглядит, а не про, как он работает. Но там тоже можно находить интересные UX-решения.
3. Чтобы прокачивать навыки UI, можно начать с копирования интерфейсов. Например, можно взять тот же фейсбук и просто перерисовать несколько экранов. Но не перерисовывать их бездумно, а вникать и анализировать, почему тот или иной элемент расположен на конкретном месте.
4. Если вы понимаете, что копирование наскучило вам, начинайте перерабатывать интерфейсы, думаете о том, как можно улучшить ту или иную фичу, может быть стоит поменять элементы местами, или написать другой текст, или вообще всё перекрасить — и воплощайте это. Всегда старайтесь отвечать на вопрос: почему? Почему кнопка находится здесь, почему такой цвет, почему именно так происходит взаимодействие, почему интерфейс работает так, и т.д. Старайтесь проваливаться со своими «почему» как можно глубже.
5. И последний совет — это постоянная практика. Без этого навыки будут затухать, а тем, кто решил перейти в продукт, это совсем не нужно. Практикуйтесь, пробуйте, создавайте свои интерфейсы. Для тех, кто чувствует себя достаточно уверенно, могу порекомендовать Челлендж 100 дней UI. www.dailyui.co Начав этот челендж, вы будете ежедневно получать на почту тему дня, для которой нужно нарисовать интерфейс. Например «Отправка письма, или „Корзина с покупками“, или даже „Калькулятор“. Благодаря этому вы сможете прокачаться в UI, а если будете логически размышлять при работе над челленджем, то сможете прокачать и UX.
6. Много читать. Читать статьи, книги, изучать юзер-кейсы. Здесь может помочь Behance, на котором дизайнеры часто описывают свои решения, и почему пришли к тому или иному выводу. Это поможет прокачивать логическое мышление и выстраивать причинно-следственные связи в ваших интерфейсах.

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

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

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

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

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

Portfolio of Joe LifrieriLisa SyBrandon WalkinСергей Сурганов, дизайнер

Портфолио веб- и UI-дизайнеров из Balkan Brothers: смелые эксперименты с композицией, типографикой, коллажами

Кто такие Balkan Brothers?

Balkan Brothers — креативное агентство с упором на диджитал.

Почему портфолио у Balkan Brothers клевое?

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

Пример портфолио веб- и UI-дизайнеров из Balkan Brothers

Чему стоит поучиться у Balkan Brothers?

Посмотрите как круто и разнопланово они освещают сериями шотов небольшое количество проектов

Такое внимание к мелочам всегда вдохновляет

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

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

Портфолио UX-дизайнера Морица Остерлоу: расскажите, как пришли к результату

Кто такой Мориц Остерлоу?Мориц Остерлоу — мульти-прокачанный UX-дизайнер из Германии. Он специализируется на дизайне интерфейсов и веб-дизайне.

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

Портфолио UX-дизайнера Морица Остерлоу.

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

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

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

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

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

1. Adobe Portfolio: Thomas

Титульные изображения сразу же производят впечатление (Изображение предоставлено: everybodydayhappy)

Тема Thomas одна из лучших в Adobe Portfolio. Сайт-портфолио с этой темой будет выглядеть современно и сдержанно, а изображения смогут говорить сами за себя.

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

Adobe Portfolio входит в состав планов Creative Cloud. После просмотра большого количества примеров использования темы Thomas можно с уверенностью заявить, что она выглядит отлично и является универсальной.

Где брать работы для портфолио

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

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

Я предложу вам несколько идей. А вот пользоваться многими или следовать одной – решение ваше.

Личное творчество

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

Пример. Фирменный стиль веб-дизайнера Антона Черкасова.

Друзья и знакомые

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

Пример. Дизайнер Андрей Дойницын сделал дизайн-проект для друзей в стиле Manhattan loft.

Дизайн-проект стал номинантом в конкурсе Add Awards 2018.

Выдуманный клиент

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

Веб-дизайнер может разработать полезный и востребованный онлайн-сервис. Желательно что-нибудь посложнее приложения погоды.

Известный сайт или бренд

Выберите любой бренд из рекламы, интернета и разработайте дизайн для него. Не стесняйтесь замахнуться на Apple, Google или Coca-Cola. Если вы круто оформите бренд и поделитесь этим, вас могут заметить крупные компании. Сотни популярных марок не обновляли дизайн десятилетиями.

Пример. Студент Эндрю Ким создал свою версию фирменного стиля Майкрософт. Его концепция “The next Microsoft” – научная фантастика, космос и полный отказ от устаревшего образа. После того как талантливый дизайнер опубликовал свой проект в блоге, компания Microsoft взяла его на работу в подразделение Xbox.

Конкурсы

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

Некоторые конкурсы проходят в соцсетях. Остальные лучше искать на специальных сайтах вроде GoDesigner.

Общественный проект

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

Пример. Расписание автобусов Красноармейска в журнале “Крафт”.

Бесплатная работа

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

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

Повтор заказа известной дизайн-студии

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

Вывод и рекомендация

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

Натренировать дополнительные навыки UX-дизайна вы можете на платформе Breezzly. На Breezzly вас обеспечат серией проектов, обучат системе работы и натренируют навыкам в целом комплексе инструментов (Figma, Principle, InVision Studio и Tilda) — все это поможет усилить ваше портфолио. Пробуйте!