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

Как создать портфолио сайт для дизайнерской компании

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

Секрет в простоте

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

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

Предоставляйте четкую информацию

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

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

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

Будьте креативны

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

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

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

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

Портфолио

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

На сайте Colourfreak удалось сделать такую яркую кнопку, просто использовав другой цвет.

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

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

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

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

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

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

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

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

Сайт на своем сервере (статичный или на 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-профиля (дизайнеры сюда относятся, да). Есть возможность бесплатно разместить работы, получить рекомендации, завести друзей. Нельзя ничего менять и привязывать свой домен.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Начнем с главного: портфолио оформляется не для себя, а для клиента. Точка.

Теперь ответим на несколько вопросов:

• Зачем готовишь портфолио и где будешь его использовать?
• Много работ? Сколько из них классных?
• Какие направления или основные сферы ты определил?
• Кто твой клиент (работодатель), аудитория? Что им будет интересно увидеть?
• Чем можешь похвастаться, какие фишки?

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

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

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

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

Собрал свои 10-100 работ на google drive или dropbox? Поздравляю!

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

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

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

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

Простая структура, которой нужно придерживаться:

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

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

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

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

После оформления проекта, еще до релиза, покажи его 5-10 друзьям, далеким от сферы дизайна, и 2-3 дизайнерам. Гарантирую, узнаешь много нового.

И помни: хорошо оформленное портфолио – важный показатель профессионализма.

Удачи!

Фотография из личного архива Максима Балтера