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

Обновлено: 07.07.2024

Зачем нужно портфолио?

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

Аккаунт ресторана Mr.Bo — тоже своего рода портфолио

Оно нужно, чтобы:

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

Вот о чем может рассказать ваше портфолио.

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

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

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

Что добавить в портфолио и где взять проекты?

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

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

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

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

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

Что такое кейс?

Кейсы — это главные элементы портфолио. Они бывают двух видов: полноформатные и объединенные.

Что входит в кейс:

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

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

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

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

Освойте востребованные инструменты и навыки для решения дизайн-задач за 18 месяцев

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

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

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

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

Behance или Dribble. Это две общепризнанные площадки для онлайн-портфолио. На них не только удобно выкладывать свои работы по темам, но и сразу можно просмотреть имеющиеся вакансии. Хорошо иметь оба варианта: и онлайн, и офлайн (PDF).

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

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

Советы по составлению портфолио

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

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

Проекты должны отвечать духу времени.

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

Не добавляйте в портфолио незавершенные работы.

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

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

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

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

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

Следите за стилистическим единством кейса.

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

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

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

Графический дизайнер с нуля до PRO

Станьте универсальным специалистом, способным выполнять и ставить задачи в любом направлении digital дизайна

6 инструментов: Photoshop, Illustrator, InDesign, Figma, After Effects и Cinema 4D

погружение в 5 ключевых направлений дизайна: Айдентика, Упаковка, Веб-сайты, Motion и 3D

более 18 работ в портфолио

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

6 инструментов: Photoshop, Illustrator, InDesign, Figma, After Effects и Cinema 4D

погружение в 5 ключевых направлений дизайна: Айдентика, Упаковка, Веб-сайты, Motion и 3D

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

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

Добавляйте текст с умом

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

Если не знаете, о чем писать, остановитесь на главном:

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

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

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

Оптимизируйте изображения

Из-за низкой скорости интернета даже самый аккуратный и стильный дизайн-проект будет плохо загружаться. Поэтому всегда оптимизируйте изображения. Так посетители вашего сайта смогут увидеть ваши работы, а не пустые окошки или битую пиксельную картинку — и шанс, что они сделают заказ, выше. Чтобы контент в вашем портфолио загружался быстро:
Уменьшите размер изображений до добавления на сайт. Пусть изображения будут именно в размере, который требуется по шаблону. Если сомневаетесь, уменьшите изображение до 700–900 пикселей, обычно этого достаточно.
Следите за пропорциями. Не перегружайте сайт крупными фото, уменьшайте их. Но помните о пропорциях, иначе изображения могут получиться сжатым или растянутым, и тогда ваши проекты будут выглядеть совсем не так, как хотелось бы.
Сжимайте изображения. Даже если вы используете файлы в формате .jpg и .jpg files, их размер легко изменить без потери качества. В сервисе TinyJPG можно сжать любое изображение перед загрузкой на платформу.
Подытожим:

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

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

Основные элементы сайта

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

Теперь подробнее о том, что должно быть на этих страницах:

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

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

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

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

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

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

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

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

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

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

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

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

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

А то ведь не дело, когда вы мастер Фотошопа, а перебиваетесь написанием недорогого рерайта, потому что никому ваши навыки и умения не нужны!

Что такое портфолио и зачем оно надо?

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

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

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

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

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

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

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

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

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

Это верно, но вопросы привлечения трафика остаются вашей сферой ответственности.

Заметьте, всего из одного абзаца заказчик сразу может определить, заинтересует его данное предложение или нет. Разберем подробнее:

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

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

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

Примеры этих работ, как вы уже заметили, размещены на собственном сайте фрилансера.

Сторонние сервисы для размещения портфолио

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

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

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

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

Читайте также: