Как сделать портфолио дизайнера: разбираем на примерах и даём советы начинающим

Какие бывают специализации?

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

Дизайн среды

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

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

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

Промышленный дизайн

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

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

Ландшафтный дизайн

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

Образование в резюме веб-дизайнера

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

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

ОБРАЗОВАНИЕ:

• Высшее:
  ДГТУ г. Ростов-на-Дону;
• Факультет:
  Компьютеризации
• Специальность:
  Компьютерные технологии и системы
• Год окончания:
  2016

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

КУРСЫ:

• Год окончания:
  2020
• Название:
  3D анимация в Web
• Проводившая организация:
  Школа IT менеджмента РАНХиГС
• Год окончания:
  2018
• Название:
  Переподготовка веб-дизайнера
• Проводившая организация:
  МАСПК: г. Москва

FocusLab: расскажите о ваших ценностях и методологии работы

Кто такие FocusLab?

Focus Lab — «Global B2B brand agency», недавно сделали 7 подход к ребрендингу. Через Wayback Machine можно изучить 10 лет развития бренда через анализ стратегии, коммуникации, визуальной идентичности. Сейчас у ребят в портфеле уже 12 единорогов (количество клиентов, которые вышли за один миллиард долларов после брендинга).

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

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

Портфолио веб-дизайнеров и бренд-дизайнеров из Focus Lab.

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

FocusLab последовательно и невероятно прорабатывают и воплощают бренды от стратегии до запуска. 

Что запомнить и взять на вооружение?

Американская культура подачи кейсов с переплетением с культурой продукта и ценностями компании для которой создается дизайн.

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

Онлайн-портфолио

10. Платформа

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

Или ставите WordPress и настраиваете его под себя. Если же перечисленное вам не по силам — IM Creator к вашим услугам.

9. Установите цели

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

Ответы на эти вопросы помогут вам лучше настроить свое портфолио и увеличить шансы на успех.

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

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

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

7. Редактируйте

Malika Favre, иллюстратор из Лондона, говорит так: «Курируйте ваши работы. Онлайн портфолио должен держать тот же ритм, что и печатное портфолио: вы должны рассказать историю.

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

6. Не говори – показывай

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

5. Обновляйтесь

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

4. Возможность быстрых обновлений

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

3. Портфолио в виде фотографий

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

2. Названия

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

1. Как вы работаете?

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

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

Вадим Дворниковавтор-переводчик статьи «20 Tips and Examples for Creating the Perfect Design Portfolio»

Шаг 2: выберите площадку для размещения

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

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

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

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

Пример оформления работы в портфолио в pdf

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

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

Your Majesty Co: усильте портфолио концептуальными экспериментами

Кто такие Your Majesty Co?

Your Majesty Co — это дизайнерская и технологическая фирма с офисами в Нью-Йорке и Амстердаме, которая создает цифровые продукты и бренды для Netflix, Airbnb, adidas, Samsung, Spotify, BMW, Universal Music Group, Bentley, Absolut, American Express и Red Bull. У компании более 200 наград, в том числе «Инновационный сайт года», «Каннские львы», «Jay Chiat Awards» и др.

Почему портфолио Your Majesty Co клевое?

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

Портфолио веб-дизайнеров и бренд-дизайнеров из Your Majesty Co.

Чему стоит поучиться у Your Majesty Co?

Среди множества экспериментов Your Majesty Co вы наверняка подберете что-то для вдохновения в своем проекте.

Что запомнить и взять на вооружение?

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

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

Пошаговый процесс Behance портфолио для новичков

Урок Behance от Sati Taschiba, автора канала Design Lead.В уроке рассказывается о том, как создать портфолио на Behance, объясняется пошаговый  процесс работы над кейсом для портфолио на Behance. Работа, которая выиграла Red Dot Design Awards 2020 в 2-ух категориях и список других наград, смотрите на Behance

httpv://www.youtube.com/watch?v=embed/FU-zvepumTI

Об авторе: «Привет! Меня зовут Sati Taschiba, я Senior Product Designer из Сан Франциско (США) с 10-летним+ опытом. Работала Senior Product Designer-ом в немецком стартапе FromAtoB (Дизайнсистемы). Работала в Казахстана,  Белоруси и Германии с такими брендами — Montblanc, Saks Fifth Avenue, Wargaming (World of Tanks Blitz) и др. x2 Red Dot Award победитель 2020. Член жюри Awwwards.com в 2018, 2019, 2020. Член жюри Webby Awards (Оскар интернет наград) в 2019. Мои работы выигрывают престижные награды A Design Awards, Summit Design Award, др.»

Sati Taschiba: https://www.linkedin.com/in/taschiba/Портфолио https://www.behance.net/taschibaБлог: https://medium.com/@satitaschiba Ссылка на работу:

fromAtob. Travel Your Way.
fromAtob simply provides as many options as possible in the most transparent way, to give travellers the freedom of choice. Whether they prefer the fastest, cheapest or most eco-friendly option this time, the product never assumes what a traveller wants, …

BehanceBehance

Где взять примеры работ новичку

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

Теперь мы подготовили для вас несколько проверенных идей, где взять первые примеры:

Придумайте себе заказчика.

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

Сделайте дизайн популярного бренда.

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

Пробуйте свои силы в конкурсах.

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

Один из таких – 99designs.

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

Ведите свои социальные сети.

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

Структура портфолио

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

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

Работы хороших веб-дизайнеров выглядят разнообразными, не под копирку

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

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

Монтажерам следует показать максимум эффектов, которые вы умеете делать. «Легко изменю фон на видео» – лучше один раз увидеть, чем сто раз прочитать.

Новичкам придется сложнее. Вот несколько вариантов:

• Учебные материалы. Во время обучения выполняется масса экзаменационных заданий.

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

• Друзья и знакомые. Предложите сестре стать моделью или помогите соседям с ремонтом.

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

• «Навязанные» услуги. Считаете, что новый логотип Burger King недостаточно крут? Предложите свой вариант. Если постараться как следует, вас могут заметить известные бренды.

• Конкурсы. Желая обойти соперника, вы можете выдать что-то креативное. Приятным бонусом будет денежный приз.

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

Обложка

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

Можно разместить спойлер – миниатюрное фото или кусочек иллюстрации

Об авторе

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

Катя Полякова выбрала фото из серии «за кадром»

Основная часть

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

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

Сделайте сортировку по категориям

Немного о портфолио дизайнера

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

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

Free Portfolio Website 6: Uxfol.io

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

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

Особенности:

• Установите пароли для ваших проектов
• Вставить свои прототипы
• Различные макеты доступны для представления вашей работы в Интернете
• Встроенные примеры руководства
• Персонализированные отзывы экспертов доступны

Кто такой веб-дизайнер

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

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

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

Выглядит все это примерно так: фреймы, слои, элементы, сетка и много дизайна.

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

Пример прототипа в Figma

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

Все вышесказанное – это про студии, а вот во фрилансе все немного иначе. Как правило, веб-дизайнер, работающий на себя, может быть и дизайнером, и программистом, иногда даже и графическим дизайнером. То есть такой специалист разбирается в прототипировании, дизайне, верстке, программировании, маркетинге и многом другом. Программирование чаще всего на уровне понимания, как и верстка. Здесь все зависит от того, какой путь выбрал веб-дизайнер – создает он сайты на CMS или же на конструкторе. Если в дело вступает, например, WordPress, то без верстки и программирования тут не обойтись. В случае с конструктором потребуются лишь базовые знания верстки.

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

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

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

Комьюнити теперь в Телеграм

Подпишитесь и будьте в курсе последних IT-новостей

Подписаться

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

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

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

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

Mobile First или не First?

Откуда начать — с веба или с мобилки? Дизайн сайта нередко сегодня начинается не с web-версии, а с мобильной. Люди всё больше и больше онлайн-времени проводят в мобильных устройствах, а не за широкими экранами. Из-за этого больше внимания стоит уделять мобильной версии, поскольку с большей вероятностью пользователи будут взаимодействовать именно с ней. Рекомендую начинать дизайн с мобильной версии, а потом уже адаптировать элементы под более широкие экраны — так вы избежите ситуации, когда красивый и изысканный блок на широком экране не понятно, как адаптировать под мобилу (которая важнее).

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

***

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

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

Что же тогда считается хорошим тоном?

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

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

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

Где взять кейсы новичку?

• i>
  Стажировки. Можно пойти на стажировку ради опыта работы в реальных проектах. Многие студии готовы брать новичков.

Информация о стажировке на сайте Ermolaev Bureau

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

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

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

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

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

Пример концепта: переосмысление логотипа NASA. Источник

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

Пройти курс