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

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

1. Включите разносторонние работы

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

2. Подходящие примеры

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

3. Добавьте ТЗ и брифы

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

4. Фриланс-работы

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

5. Постоянно пересматривайте портфолио

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

6. Включите исследования

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

7. Посмотрите на портфолио со стороны

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

8. Покажите всесторонний опыт

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

9. Продайте себя

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

10. Упорядочьте портфолио

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

Чтобы построить головокружительную карьеру, пройдите обучение дизайну за границей, где вы изучите все тонкости профессии и начнете составлять идеальное портфолио. Узнать о стоимости обучения в Istituto Marangoni можно у консультантов STUDIES&CAREERS.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как сделать сайт-портфолио

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

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

  • Сделать его на WordPress.

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

  • Создать в программе Adobe Muse .

Работать довольно легко и интуитивно, только вот за пользование нужно заплатить.

  • Также своё портфолио можно сделать с помощью: Dunked , Тумблер , Adobe Портфолио (синхронизируется с Behance ), Readymag , Squarespace .

Главное, при составлении портфолио соблюдать несколько правил:

  • Определите самые лучшие из своих произведений и разместите их.

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

  • Используйте даты.

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

  • Важной деталью являются ссылки на уже работающие сайты.

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

  • Определитесь со своей специализацией.

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

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

Это значительно увеличивает шанс получить желаемое место в проекте.

  • Не перестарайтесь.

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

  • Экспериментируйте со стилем.

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

  • Помните главную цель вашего портфолио.

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

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

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

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

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

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

  1. Размещаем вашу фотографию, пишем ФИО, профессию и контакты.
  2. Далее скриншоты ваших работ. Напишите количество успешно выполненных заказов. Самые удачные проекты разместите на первой странице. Для начала достаточно трёх – четырёх работ.
  3. Для того, чтобы ваши макеты выглядели презентабельно, советуем использовать сервис Getcover . Он делает скрин макета в браузере.

Заключение

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

Желаем вам творческого энтузиазма и вдохновения.

Всего вам доброго!

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

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

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

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

Где публиковать портфолио

Сайт на своем сервере (статичный или на CMS)

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

Если решите выбирать вариант на CMS, рекомендую выбирать самую популярную - ВордПресс . Для неё много шаблонов и плагинов. А на WordPress.com можно быстро создать сайт с минимальными затратами.

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

Дункед

Этот сервис создан дизайнерами для дизайнеров. Он выполняет одну функцию, но выполняет её хорошо. Там нет блога и кучи различных шаблонов (их всего 9 пока), зато то, что есть, работает идеально, удобно и просто. Есть доступ к CSS, можно прикрутить свой домен. Стоит от 6 долларов в месяц.

Тумблер

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

Вебфлоу

Это инструмент для визуального создания статичных адаптивных сайтов. Внутри есть встроенный качественный хостинг с CDN. Публикация сайта происходит в 2 клика. Если вы веб-дизайнер и переходите на WYSIWYG-инструменты дизайна, Вебфлоу - хороший вариант. И работа и портфолио в одно месте. Есть готовые шаблоны, можно привязать свой домен. Стоит от 20$ в месяц.

Биханс / Про-сайт

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

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

Сквэрспейс

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

Комманд+пробел

Новый сервис, который превращает ваш профиль на Дриббле в отдельный сайт. Быстро и удобно.

Портфолиобокс

Бесплатно с ограничениями, 240 рублей в месяц. Ориентация на портфолио. Неплохие шаблоны.

Брашд

Бесплатно с ограничениями, 12 баксов в месяц. Ориентация на портфолио. Неплохие шаблоны.

Фолио24

Бесплатно с ограничениями, от 6 баксов в месяц. Ориентация на портфолио. Неплохие шаблоны.

Ревижн

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

FL.ru

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

Брэйнсторэдж

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

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

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

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

О, портфолио

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

Поле боя дизайнерских идей

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

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

Наблюдение, а не подражание

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

Современные тенденции и подходы в веб-разработке

Узнайте алгоритм быстрого роста с нуля в сайтостроении

ПРИМЕРное поведение

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

Несколько из таких ресурсов:

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

Поле боя дизайнерских идей – 2

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

Надо! И именно это мне подходит

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

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

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

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

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

Черта

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

Один знакомый дизайнер попросил высказать мнение о дизайн-макете сайта. Я открыла картинку с безумными шрифтами, иллюстрациями и иконками. “Так масштабно, что глаза разбегаются, и даже с первого взгляда не поймешь о чем сайт или о ком” – резюмировала я. “Это портфолио дизайнера, то есть мое личное” – получила я в ответ.

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

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

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

1. Rafael Kfouri

У Рафаэля за плечами целый багаж наград и опыта, проекты для Nike, Coca-Cola и других. Сейчас он работает в Wieden+Kennedy в Портланде. Не у многих получаются хорошие одностраничники, но Кфури справился на славу.

2. Jennifer Heintz

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

3. Pavel Kedzich

Графический дизайнер из Риги – специалист в различного рода веб-проектах. Вот и к своему портфолио он подошёл со всей душой.

4. Mat Weller

Мэт Уэллер – независимый графический дизайнер из Великобритании, который успел поработать с BBC Radio 1, J Brand Jeans, BSkyB и Vodafone.

5. Ade Mills

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

6. Ben David Sandhu

Минималистичное портфолио, представляющее собой слайд-шоу из лучших проектов дизайнера. Кстати, Бен за свою карьеру работал с Honda, Speedo, Bottega Veneta и Shangri-La.

7. Jean-Loïc Antunes

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

8. Alex Coven

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

  • Сергей Савенков

    какой то “куцый” обзор… как будто спешили куда то