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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Портфолио

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

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

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

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

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

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

1. Перед составлением портфолио, определитесь с целевой аудиторией . Здесь может быть два варианта. Первый – потенциальные клиенты, второй – ваши коллеги «по цеху». Ясно, что в первом случае необходимо обращать внимание на рекламные и продающие аспекты, а во втором – на техническое совершенство и оригинальные находки, понятные профессионалам.
2. Для поиска новых заказчиков дизайнерских услуг необходимо включить в портфолио уже реализованные проекты . Оптимально, если они смогут представить ваши сильные стороны как профессионала.
3. Раскройте свою творческую лабораторию . Заказчику будет любопытно посмотреть на этапы реализации проекта, проследить соответствие итоговой работы поставленным на старте задачам. Если есть отзывы клиентов, то дополните ими ваше портфолио. Обратите внимание на работы, сделанные для участия в конкурсных отборах.
4. Старайтесь взять качеством, а не количеством . Достаточно десятка лучших работ разного плана (от разработки фирменных знаков до оформления веб-ресурсов).
5. Не забывайте, что подсознание человека настроено на запоминание первых и последних слов, изображений. Чтобы добиться максимального эффекта, располагайте лучшие проекты в начале и в конце портфолио.
6. Что касается портфолио для коллег-профессионалов , то подход к его составлению будет несколько иным . Можно дать волю своей фантазии и подойти к работе творчески.В центре должны быть достижения в сфере дизайнерского мастерства, которые выражают вашу индивидуальность.
7. Можно использовать графику, необычный формат, неожиданные носители . Органично впишутся в креативное портфолио стихотворные строчки автора, интересные мысли, афоризмы, зарисовки.
8. Важно соблюдать простую структуру , в основе которой будут или даты создания, или заказчики, или удобная классификация. Работы должны говорить сами за себя, чтобы не возникало дополнительных вопросов.

Инструкция по составлению дизайнерского портфолио

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

• Внимательно отнеситесь к заполнению резюме . Сюда нужно включить все данные, которые характеризуют вас как профессионала, указать учебные заведения (приложите сканы дипломов), общие данные. Если владеете иностранным языком, проходили дополнительные курсы – не забудьте отразить это в резюме.
• Осветите сферу увлечений и дополнительных умений (плетение бисером, приготовление экзотических блюд и т.д.) Это непростая, но выполнимая задача: интересно рассказать о себе, не выходя за рамки официального стиля.
• Не стоит отказываться от включения в портфолио эскизов, набросков . Эффектным дополнением станут отзывы благодарных клиентов.
• Помните, что перенасыщенность визуальной информацией портит впечатление от просмотра. Не предлагайте потенциальному заказчику слишком много работ . Лучше представить наиболее успешные проекты, которые уже нашли своё воплощение. Видеопрезентация подойдёт для неформального варианта портфолио, при этом нужно сделать и печатный дубликат.
• Принимайте во внимание требования компании, для которой готовите портфолио . Составив базовый экземпляр, можно быстро корректировать его для каждого конкретного заказчика. Так вы продемонстрируете заинтересованность в сотрудничестве и внимание к деталям.
• Размещайте портфолио нужно на специализированных сайтах и форумах . Для привлечения большего количества заказчиков можно создать несколько страничек в социальных сетях. Ведение личного блога – неплохой вариант для начинающих дизайнеров. В нём можно демонстрировать динамическое развитие вашего творчества, последние достижения.

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

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

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

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

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

И да. Нам важно ваше мнение. Ваши комментарии приветствуются.

Бумажные портфолио

20. Объём

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

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

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

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

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

18. Контекст

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

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

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

17. Работа ради удовольствия

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

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

16. Срок годности

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

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

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

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

14. Шаг назад

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

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

13. Демонстрируйте себя во всей красе

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

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

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

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

11. Портфолио с индексами

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

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

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

10. Платформа

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

2. Названия

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

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

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

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

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

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

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

Итак, перейдем к способам наполнения портфолио.

1. Дизайн для себя

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

2. Дизайн для друзей или знакомых

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

3. Дизайн для выдуманного клиента

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

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

4. Дизайн для известного бренда или сайта

5. Конкурсы

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

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

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

6. Бесплатная работа («за портфолио»)

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

7. Проект известной студии или дизайнера

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

8. Собственный проект

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

Например, сервис для ведения заметок Енотус Артёма Носенко (Артём, конечно, не начинающий, но пример отличный):

9. Решение реальной проблемы

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

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

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

Ловушка N1: размытость
Прозрачность и четкость должны пронизывать все ваше портфолио. Не используйте по 20 слов, когда хватит и семи. Пишите короткими предложениями, сильным убедительным и ясным языком. Расположите свой лучший контент на первых страницах. По возможности разместите важный контент на виду. Избегайте размытости в текстах. Не создавайте слишком много подуровней в вашем портфолио, но убедитесь, что каждый раздел соответствует своим задачам.

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

Ловушка N3: возможность перестараться
У вас куда меньше возможностей ошибиться, если делать дизайн простым и упорядоченным. Используйте этот подход для всех частей вашего портфолио. Меньше значит лучше. Чем больше вы пытаетесь запихнуть в ваше портфолио, тем больше шанс, что это его испортит. Продемонстрировать список из 18 услуг будет менее эффективно, чем сделать акцент на нескольких главных. Слишком много типов услуг, скорее всего отпугнет посетителей.

Ловушка N4: нестандартная навигация
Дизайнеры всегда хотят выделиться. И последнее, в чем стоит стараться выделиться — это ваше меню навигации. Все упирается в числа. Если какая то часть посетителей вашего портфолио испытывает трудности при использовании меню, значит портфолио не выполняет своих задач. По статистике около 32% всех портфолио грешат нестандартной навигацией.

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

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

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