Портфолио веб дизайнера: Как дизайнеру сделать портфолио / Skillbox Media

Содержание

Как оформить портфолио веб-дизайнеру на Behance: гайд 2022

Чтобы получить свой первый денежный заказ, новичку в веб-дизайне нужно оформить портфолио. А где это сделать в первую очередь? Я, как дизайнер с 5-ти летним стажем, рекомендую разместить кейсы на одной из крупнейших платформ для дизайнеров – Behance.

Зачем оформлять портфолио на Behance?

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

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

Если вы находитесь на старте карьеры веб-дизайнера и пока не оформили кейсы и портфолио – первым делом прочитайте статью “Как начать карьеру веб-дизайнера” в Блоге GoIT. В ней моя коллега по цеху – Senior UI/UX Designer Мария Руденко делится пошаговым планом для новичков в веб-дизайне, которые только начинают писать свою историю успеха в IT и хотят научиться делать красочные макеты сайтов, визуалы приложения и веб-сервисы.

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

Всегда различайте понятиях “портфолио” и “кейс”. Когда дизайнер говорит про “портфолио”, он имеет в виду только визуал, саму картинку, которая необходима для привлечения внимания заказчика. Термин “кейс” подразумевает краткую информацию о проекте, поставленных задачах, о возникших проблемах и итоговых решениях вместе с картинками вместе с визуалом. Всегда придерживайтесь логики – портфолио должно привлекать внимание заказчика, а кейс расскажет ему о ваших скилах и поможет определиться в будущем сотрудничестве.
Выберите нужный формат. Платформа позволяет разместить портфолио одним из 2х вариантов – “лонг скролл” или отдельными макетами. У варианта расположения “отдельными картинками” есть плюс – вы сможете в будущем “привязать” каждый макет к профилю в Pinterest и продвигать свои работы. Раздельные блоки еще удобны тем, что они меньше весят и проект загружается гораздо быстрее, что экономит ваше время.
Для кейса выбирайте фото полного изображения сайта и отдельных, самых удачных элементов в масштабе. Так вы покажите детали, изобразите шрифты, которые использовали, цветовую палитру и покажите все скилы будущему клиенту.
Будет большим преимуществом наличие адаптивных версий сайта, над которым вы работали, поэтому если клиент изначально не делал заказ на мобильную версию, вы можете сделать ее для своего портфолио. Не нужно тратить время на весь сайт, достаточно сделать пару макетов, чтобы презентовать их на mockup.

Ответственно отнеситесь к обложке (превью) проекта. Именно она будет первой привлекать или оттакливать внимание пользователей. То, как она будет выглядеть определит, зайдет ли клиент к вам в профиль или нет. Продумайте что будет на ней изображено и учитывайте размер – 404x316px.

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

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

В нижней части оформления проекта, поблагодарите зрителя за внимание, оставьте благодарности коллегам, если они есть и клиенту, с его разрешения.
Поздравляю! Ваше портфолио создано и готово привлекать заказчиков!
Бонус-Совет. Регулярно обновляйте информацию о проектах
Выставляйте те работы, над которыми вы работали с удовольствием. Такой проект всегда заметен, любовь к нему заказчик почувствует, вы легко и с энтузиазмом сможете ответить на все вопросы о нем.
Не забывайте следить за трендами, чтобы всегда быть в теме.
Вместо итогов: Чеклист “Как веб-дизайнеру оформить портфолио на Behance”
Распечатайте краткий чеклист и поместите на видном месте на первое время. Сверяйтесь с ним каждый раз, когда размещаете проекты на Behance пока процесс не будет отточен до мелочей

7. А) Если вы не закончили оформление проекта и планируете продолжить через какое-то время – нажмите синюю кнопку “Сохранить как черновик” / Б) Если готовы показать всем проект, он полностью оформлен, внизу нажмите зеленую кнопку “Публикация”.
Портфолио — это проект, задача которого — показать, что именно ваш опыт, умения и навыки подходят работодателю лучше других. Для этого есть три инструмента: контент — работы; оформление — само портфолио; пояснение — сопроводительное письмо.
Контент. Если работодатель говорит, что ему достаточно будет трех–четырех ваших работ, рекомендую на всякий случай предоставить ему пять–семь. Начинайте с самых крутых и сложных. Затем, если есть, показывайте проекты, созданные для известных брендов. Если не хватает интересных задач — выдумывайте и решайте. Показывайте только те умения и навыки, которые хотите использовать и развивать. И никогда не оставляйте в портфолио старые и слабые проекты.
Оформление. Портфолио должно быть наглядным. Избыточное оформление отвлекает внимание от самих работ. Это касается и мокапов. Они помогают экономить время, но использовать лучше только те, в которых можно рассмотреть проекты. Добавляйте описания задач. И указывайте, что именно сделали вы, если работа была командной.
Не важно, как именно вы оформляете портфолио — в виде собственного сайта, многостраничного файла в экранном размере, аккаунта Behance или чего-то еще. Главное, что в нем должно быть, — понятная структура и порядок. Не забывайте про типографику и грамотность.
Пояснение. Чтобы у потенциального работодателя после просмотра портфолио не остались сомнения, напишите сопроводительное письмо. В нем честно расскажите, почему интересуетесь вакансией и чем можете быть полезны проекту, команде. Если от кандидата требуют навыки, которым вы только учитесь, не бойтесь сказать об этом. Покажите желание развиваться. Арт-директор сумеет оценить ваши способности и понять, насколько вы подходите.
Портфолио — рабочий инструмент и главный ресурс, с помощью которого вы рассказываете о себе. Помимо того, что оно должно быть хорошо сверстано, грамотно написано, переведено на английский, оно должно иметь выгодную для вас структуру и наполнение. Поэтому необходимо провести анализ и выбрать 8–12 наиболее подходящих работ. Это оптимальное количество проектов, по которым можно понять, что вы умеете и каким образом выполняете задачи. Уделяйте внимание их подбору. Не нужно размещать работы, которые вас уже не характеризуют. Проекты должны быть актуальными, иначе заказчик не сможет понять ваш уровень.
Одна из задач портфолио — привлечь к себе как можно больше зрителей, чтобы люди захотели поделиться им и ставили в пример работы из него. Поэтому нужно старательно работать с каждым изображением, которое люди могут поместить себе на страницу или в сообщество.
Проекты-доверители — проекты, сделанные для известных компаний в соответствии с понятной задачей. Человек, оценивающий ваши компетенции, может сказать следующее: «Я хорошо знаю эту компанию и ее задачи. Как здорово, что дизайнер нашел такое решение». По подобным проектам заказчики понимают уровень масштабирования дизайн-способностей исполнителя. Проекты-доверители должны быть в самом начале портфолио. Это ваше заявление о способности делать работы высокого уровня.

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

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

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

У меня есть секрет — хотя, возможно, его знают многие дизайнеры, — как сделать портфолио, если у вас еще нет заказчиков и особого опыта. Самое худшее, что можно предположить, — показывать заказчикам студенческие работы или картины с художки. Это не годится совсем. Как и не годится пересылать отдельные картинки работ на почту клиенту в jpeg. Это дурной тон.
Мой секрет — создавать воображаемые проекты. Например, брать государственную компанию, социальный проект или мировой бренд и делать под них концепцию. Это может быть новый стиль воображаемого события, фирменный персонаж, редизайн или дизайн сайта, приложение с новой идеей, просто эффектный рекламный образ или серия. Главное, не забывайте указывать в комментариях, что это концепция, а не воплощенный проект.
Выкладывать портфолио лучше на своем сайте. Но если его нет, то на известные площадки типа re:vision. Тогда заказчикам будет удобно перейти по одной ссылке, чтобы посмотреть работы. На сайте-портфолио не должно быть однотипных работ. Лучше пусть будет 10–15 проектов, в которых фигурируют разные стили и подходы. К каждой работе делайте интересное и умное превью, которое побудит открыть ее.
Сейчас век быстрого поиска, поэтому я советую создавать видеоролики showreel — общее видео о всех работах. Как вариант, сделать длинную и короткую версию для инстаграма. Еще секрет из личного опыта: используйте видеопортфолио, мини-ролики, микроанимацию. Это тренд, который делает любой кейс живым и информативным. Советую изучать анимацию сразу, она не раз еще пригодится.
В одном кейсе обязательно нужно выделять графически и текстом разные профессиональные решения по проекту: инновационность и удобство элементов интерфейса, оригинальные графические решения с описанием, как это повлияло на результат рекламной компании или использование web-продукта.
Портфолио дизайнера — не набор ссылок на красивые работы. Это подборка интересных кейсов, которые решали конкретные задачи заказчиков. Каждый проект требует сопроводительного материала, который объяснит, почему используются именно эти шрифт, текст и дизайн, как интерфейс приводит к целевому действию или почему такое цветовое решение снизило показатель отказов. Уделяйте портфолио не меньше времени, чем основной работе. Тогда оно принесет новые масштабные проекты и нестандартные задачи.
web-designer
Нашли ошибку в тексте? Напишите нам.
Портфолио дизайнера: Что? Сколько? Как? Где?
Дизайн

5 мин на чтение

1640

Нужно ли портфолио профессиональному дизайнеру? А если нужно – сколько работ в нем должно быть? Давайте разбираться!

В дизайнерской среде есть два расхожих мнения. Первое — портфолио хорошему дизайнеру не нужно. Второе — без портфолио дизайнер не дизайнер и «что ты будешь потенциальным клиентам показывать?» Работать без портфолио можно и даже достаточно успешно. Но в какой-то момент его отсутствие остановит ваш рост.
В начале карьеры дизайнером у меня не было портфолио и все клиенты приходили от знакомого или по рекомендациям. Только все они рассчитывали на такой же ценник как заплатил их знакомый, а для него я делал айдентику год назад и теперь она стоит в два раза дороже.
Чем больше я рос как профессионал в качестве и в цене, тем важнее становилось портфолио в целом и как оно выглядит. Поэтому я активно взялся за эту задачу.
Сколько проектов нужно оформлять?
Для понимания уровня дизайнера мне достаточно трех проектов. Я просматриваю портфолио дизайнеров как арт-директор при приёме на работу и как куратор при отборе на курс. Конечно, чем больше оформили, тем лучше. Но минимум — три проекта. В идеале — пять лучших проектов.

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

Покажите минимум три проекта по вашей специализации. Например, это будет айдентика, дизайн логотипов или дизайн презентаций. И пусть будет еще два по дополнительным направлениям. Например, если вы, как и я специализируетесь на айдентике, то дополнительными могут быть дизайн постеров, или иллюстрации, что-то что усилит ваше основное направление. Так будет видно, что у вас есть разные навыки и что вы можете сделать что-то большее чем логотип. Но ваша основная специализация всегда должна преобладать.
Структура проекта и описание
Старайтесь оформить проект таким образом, чтобы там были не только картинки, но и польза для клиента. Для этого расскажите историю проекта. От общего к частному, от задачи к результату:
Сначала опишите общие вводные о клиенте или проекте: в каком городе этот проект, какова сфера деятельности компании, и самое важное — какой была ваша задача.
Потом опишите концепцию проекта. Мы рассказываем идею и описываем метафору бизнеса или айдентики. Поясняем, какой образ хотели сформировать для проекта.
Дальше — решения. Это самый большой блок, в котором вы рассказываете, что вы сделали в этом проекте и почему.
В последнем блоке сделайте акцент на фишках в проекте, расскажите для чего это делалось.
Где собрать портфолио?
Это зависит от того, как вы хотите его использовать. Это может быть личный сайт или Behance, вы можете загрузить картинки в Instagram или Pinterest. Подумайте, что удобно вашим клиентам и где вам получится красиво показать свои работы. Если важно показать, как работает код или тяжелая анимация — не обойтись без своего сайта. Если проекты простые и помещаются в 10 картинок — будет достаточно Instagram. Лучше, чтобы портфолио было везде, где можно. Но только не в RAR-архиве.
В заключении
Решите для кого вы делаете портфолио. Если для клиентов, то покажите результат и сложность задачи, а также расскажите, как вы героически её выполняли. Если вы хотите просто хотите похвастаться коллегам, то забудьте про функцию и истории делайте максимально красиво как можете. И пусть вас похвалят и все поставят лайк.
Источник: ДизайнКабак
#behance

#дизайн

#порфтолио

#работа

0

Статьи по теме

10 великолепных примеров портфолио веб-дизайнеров
Если вы веб-дизайнер, портфолио — это не просто приятно иметь — это жизненно необходимо.
Онлайн-портфолио позволяет продемонстрировать свои лучшие работы. Кроме того, это дает вам возможность быть обнаруженным в Интернете, определить свою нишу, поделиться своей личностью и опытом и найти этих новых и интересных клиентов.
Однако создание эффективного сайта-портфолио — непростая задача. Чтобы создать выдающееся портфолио, вам нужна дополнительная сила — демонстрация вашей индивидуальности, бренда и мастерства.
Что включить в веб-сайт вашего портфолио веб-дизайна
Ваше портфолио веб-дизайна должно быть уникальным для вас или вашего дизайнерского агентства, но есть стандартные элементы, которые принадлежат каждому портфолио дизайна.
Домашняя страница/главная целевая страница
Ваша домашняя страница, возможно, является самой важной страницей на вашем веб-сайте-портфолио. В то время как основная цель — привлечь внимание потенциальных клиентов к вашей работе и кейсам, ваша домашняя страница — это то, что привлекает этих посетителей вашей коллекцией работ.
О странице
Ваша страница о вас — это все о вас. Это ваш момент, поэтому позвольте своей личности проявить себя и рассказать немного своей истории. Вы также можете использовать эту страницу для дальнейшего объяснения вашего введения в дизайн и того, что дизайн значит для вас. Это производит хорошее впечатление на потенциальных клиентов, поскольку они могут узнать больше о том, как вы подходите к своей работе.
Страница работ/портфолио
Назовите ли вы это работой или портфолио, на этой странице должны быть представлены ваши лучшие дизайнерские проекты и их тематические исследования. Курируйте свои лучшие проекты — работу, которая подчеркивает ваши навыки, а также стиль работы, который вы любите делать. Когда это возможно, включите подробные тематические исследования, которые более подробно объясняют ваш процесс проектирования для проекта и макеты из конечного продукта.
Услуги
Здесь вы определяете тип предлагаемых услуг веб-дизайна. У клиентов могут быть разные представления о том, что включает в себя пакет веб-дизайна, поэтому используйте эту страницу, чтобы четко объяснить, какую работу вы берете на себя.
Контактная страница
Потенциальные клиенты не смогут нанять вас, если не знают, как с вами связаться. Контактная страница, которая включает в себя контактную форму или ваш адрес электронной почты, является ключевым фактором. Страница контактов также является отличным местом для обмена ссылками на ваши социальные сети и другие соответствующие учетные записи, такие как LinkedIn, Dribbble, Behance и Medium.
Совет для профессионалов: используйте интеграцию значков социальных сетей вашего конструктора веб-сайтов, чтобы связать свои Behance, Dribbble, LinkedIn и электронную почту в нижнем колонтитуле или на панели навигации вашего веб-сайта. Это стандартная отраслевая практика, которая гарантирует, что ваша контактная информация будет видна на каждой странице вашего сайта.
Это стандартные страницы, которые вы найдете на веб-сайте дизайнерского агентства или портфолио дизайнеров. Если вы используете шаблон, эти страницы обычно заполнены информацией-заполнителем, которую вы можете легко преобразовать в свой личный веб-сайт портфолио.
Как сделать свое портфолио веб-дизайнеров выделяющимся
Ваш веб-сайт, как правило, является первым знакомством потенциального клиента с вами и вашим опытом, поэтому создание эффективного веб-сайта имеет решающее значение. Прежде чем загрузить первый найденный веб-шаблон или начать создавать его с нуля, подумайте о своей аудитории и своих целях как веб-дизайнера. С какими клиентами и брендами вы хотите работать и как вы будете их привлекать?
Определение вашей аудитории позволяет вам определить свою нишу и цели в качестве профессионального веб-дизайнера. Спросите себя: с какими брендами я хочу работать? Какие отрасли или ниши меня интересуют?
Как только вы узнаете, какие отрасли вас интересуют, заговорите с ними на их языке, определив свою нишу или специализацию в дизайне с помощью сплоченного дизайна и брендинга.
Предположим, вы хотите работать с минималистичными, высококачественными экологически чистыми брендами по уходу за кожей и декоративной косметикой. Вы можете использовать приглушенные пастельные сочетания цветов и стилистические шрифты с засечками. Играя с макетом, изображениями и интервалами, а также тщательно размещая анимацию и переходы, вы можете привлечь внимание своей конкретной аудитории.
10 звездных портфолио веб-дизайнеров
Когда дело доходит до веб-дизайна, визуальные эффекты говорят громче слов. Ознакомьтесь с этими 10 примерами портфолио веб-дизайна и обратите внимание на те, которые соответствуют вашему стилю дизайна.
1. Вирджиния Ороза
Дизайнер из Дублина Вирджиния Ороса восхищает нас своим великолепным портфолио из двухцветной жевательной резинки. Портфолио веб-дизайна Вирджинии — отличный пример уникального портфолио, которое до сих пор привлекает широкую аудиторию.
Типографика без засечек, выбранная Вирджинией, хорошо сочетается с классической цветовой схемой жевательной резинки и вишнево-красной, а также с тонкой анимацией и переходами. Это портфолио демонстрирует личность Вирджинии, а также ее опыт дизайнера визуальных эффектов и взаимодействия.
2. Ivette Felix Uy
Двухстраничное портфолио дизайнера продуктов из Бруклина Ivette Felix Uy показывает, что вы можете удивить потенциальных клиентов с помощью минимального сайта. Дизайн Ivette сбалансирован и визуально привлекателен для широкой аудитории. Начальная складка подчеркивает стиль дизайна Иветт с оттенком ее индивидуальности. Кроме того, ее структура тематического исследования вызывает восхищение.
Это прекрасный пример онлайн-портфолио, которое говорит на языке своей аудитории, используя тонкие, но умные визуальные эффекты, которые производят хорошее впечатление.
3. Шаблон Empathy
Шаблон Empathy, созданный Тайлером Хьюи из Ty Created, представляет собой прочную основу для портфолио веб-дизайна. Эмпатия дает смелость, красоту и профессионализм. Благодаря встроенным страницам для ваших проектов и услуг этот шаблон можно легко превратить в ваше личное портфолио веб-дизайна.
4. Milli
Milli — креативное дизайнерское агентство, обладающее навыками и репутацией, которая помогла таким брендам по всему миру, как Amazon, Netflix и Red Bull, среди прочих. В их портфолио есть талант, который трудно выразить словами, поскольку это опыт, а не статическая страница. Каждая сетка оживает с желтой подсветкой и увеличенным текстом, когда вы наводите на нее курсор.
Что делает дизайн их веб-сайта эффективным, так это то, как он полностью воплощает их индивидуальность и брендинг как агентства. Этот дизайн подтверждает уверенность, доверие и отраслевой опыт Милли для потенциальных клиентов.
5. Колин Мой (можно клонировать)
Чтобы создать сайт одновременно скромный, дерзкий и захватывающий, требуется умение, но с Колином Мой он выглядит легко. Портфолио Колина приветствует вас дерзким дизайном, в котором буква «О» в его имени заменена на глаза. Эти глаза на самом деле являются умным пасхальным яйцом — нажатие на них активирует темный режим и запускает анимацию. Колин продолжает эту тему, заменяя O в «О программе», «Портфолио» и «Контакты» на глаза, предлагая вам щелкнуть и развернуть, чтобы увидеть больше.
Портфолио Колина в области веб-дизайна — отличный пример того, как можно продемонстрировать свои способности с помощью дизайна собственного сайта. И, к счастью для вас, шаблон Колина можно клонировать.
6. MN STUD.IO
Портфолио MN STUD.IO демонстрирует опыт основателя Марка Ноубла в области моушн-дизайна и веб-разработки. Это портфолио является ярким примером дизайна с учетом вашей аудитории — очевидно, что MN STUD.IO любит проекты, включающие анимацию и движение.
При прокрутке всплывают анимации, демонстрирующие прошлые проекты, побуждающие вас щелкнуть мышью. Каждая страница включает в себя движение с такими элементами, как горизонтальный скользящий текст, вращающиеся кнопки и интерактивные элементы.
7. Шаблон Николь Нельсон
Шаблон веб-сайта-портфолио Николь Нельсон включает в себя элементы стиля по всему сайту, побуждающие посетителей продолжать изучение.
Это благодаря элементам движения — эффектам наведения, переходам и слегка смещающимся изображениям — все это создает ощущение погружения. Это не только отличная демонстрация дизайнерских навыков и внимания к деталям, шаблон также дает возможность художественно продемонстрировать свою работу.
8. Портфолио You X
You X, шаблон портфолио от BRIX templates, является отличной основой для портфолио веб-дизайна. Шаблон You X включает в себя обширный набор страниц, функций, параметров электронной коммерции и редактируемый файл Figma, доступный после покупки.
You X — идеальный чистый холст. Хотя шаблон соответствует текущим тенденциям дизайна с точки зрения типографики, пустого пространства и общего дизайна пользовательского интерфейса, он по-прежнему минималистичный по дизайну. Это дает вам творческую возможность превратить его в собственное портфолио веб-дизайна.
9. Шаблон Side Scroller
Шаблон Side Scroller от Аарона Грива дает нам новые захватывающие способы игры с цифровыми носителями. По словам Аарона, Side Scroller суперсовременный, чистый и неожиданный.
После загрузки вы думаете, что забрели на целевую страницу с одним разворотом или на страницу объявления, которая скоро появится, со стандартным заголовком, основным текстом и призывом к действию. Однако при прокрутке дополнительный контент перемещается с правой стороны страницы.
Боковая прокрутка создает ощущение полного погружения, как если бы вы перелистывали страницы брошюры. Это восхитительно и произведет впечатление на потенциальных клиентов.
10. Eve Kayser
Портфолио Eve Kayser сразу бросается в глаза красивым градиентом на его логотипе и тонкими плавающими квадратами соответствующих цветов.
В этом простом одностраничном портфолио есть все, что нужно хорошему портфолио веб-дизайна. Ева помещает свой опыт, краткое введение в свой опыт и контактную информацию вверху страницы. Вы можете либо щелкнуть «Последние работы» в меню, либо просто прокрутить, чтобы увидеть несколько проектов Евы.
Чувствуете вдохновение?
Итак, это наш список из 10 потрясающих примеров портфолио веб-дизайна, которые, мы надеемся, могут послужить творческим вдохновением для вашего собственного портфолио.
Если вы готовы приступить к работе, но не знаете, как это сделать, ознакомьтесь с нашим портфолио по дизайну. Этот 21-дневный курс научит вас визуально создавать свой собственный сайт-портфолио без единой строки кода. Отличные портфолио получаются благодаря опыту и творчеству. Удачного проектирования!
12 Выдающихся примеров портфолио веб-дизайна
Создание портфолио — это сложный и очень важный проект в вашей карьере веб-создателя. Следуйте этим ярким примерам лучших практик создания портфолио веб-дизайна.
Портфолио веб-дизайна — это тщательно подобранная витрина проектов и тематических исследований, которые дизайнер выбирает для представления своих лучших и наиболее многообещающих примеров работы потенциальным клиентам или работодателям. В индустрии веб-дизайна портфолио считается отправной точкой, где у дизайнеров есть первая возможность представить себя, свою личность, свой художественный стиль, профессионализм и так далее. Портфолио веб-дизайна может включать в себя что угодно: от созданных дизайнером действующих веб-сайтов, образцов проектов, тематических исследований, шаблонов веб-дизайна до даже менее масштабных ресурсов, таких как дизайн типографики, иллюстрации, логотипы и т. д.
Нам, начинающим создателям веб-сайтов, пора выработать четкое представление о том, как портфолио веб-дизайна может ускорить нашу карьеру в качестве дизайнеров, а также о стратегическом мышлении и планировании, которые необходимы в процессе создания впечатляющего, сложного дизайна. портфолио.
В этом посте мы определим ключевые функции, которые должно включать каждое портфолио веб-дизайна, и выберем лучшие практики из некоторых наиболее мощных примеров портфолио веб-дизайна, с которыми мы столкнулись во время нашего исследования.
Содержание
Зачем дизайнерам портфолио веб-дизайна?
Что должно включать в себя портфолио веб-дизайна?
12 блестящих примеров портфолио веб-дизайна

Существует множество неоспоримых причин, по которым каждому веб-дизайнеру необходимо потрясающее портфолио в области веб-дизайна, чтобы показать себя с лучшей стороны и получить работу в проектах веб-дизайна, которыми он готов овладеть. Это верно не только для установления собственного авторитета, но и для увеличения его вероятности быть нанятым для многообещающих, высококлассных проектов.
Всем известно, что в наши дни все зависит от Google. Когда работодатели ищут веб-дизайнера, независимо от того, специализируются ли они на определенной вертикали или находятся в определенном месте, соответствующий поиск в Интернете приблизит их на один шаг к своим кандидатам.
Когда потенциальные клиенты ищут, например, внештатного веб-дизайнера из Сиэтла, штат Вашингтон, они, скорее всего, будут искать «внештатный веб-дизайнер в Сиэтле» или что-то подобное. Если ваше дизайнерское портфолио соответствует требованиям SEO, поэтому вы будете появляться в этих результатах поиска, вы в хорошей форме для того, чтобы получить эту работу.
Да, указание различных факторов, таких как инструменты, которые вы используете для дизайна, в какой нише дизайна вы специализируетесь и т. д., — это вопросы, которые клиенты хотят отметить в своем контрольном списке найма, но на самом деле они больше всего заинтересованы в том, чтобы увидеть работу. Примеры. Как только они увидят, что вы можете придумать, они смогут лучше понять, подходят ли ваши дизайнерские знания, стиль и т. д. для того, что они ищут.
Это означает, что они хотят видеть настоящие, осязаемые проекты, над которыми работали творческие профессионалы в прошлом. Клиенты хотят видеть, что включает в себя ваш мыслительный процесс, и как вы воспользуетесь их идеями и превратите их в визуальный контент, а также примените при этом свои творческие способности и дизайнерские навыки. Они хотят видеть, как вы реагируете на вызовы и как вы берете чистый холст и создаете уникальный, впечатляющий веб-сайт, который эффективно сообщает, кто они и чем занимаются.
Есть и практическая сторона того, почему те, кто ищет работу, находят демонстрацию проектов и тематические исследования более эффективным способом оценки кандидатов в дизайнеры. Клиенты, которые ищут профессионалов в области дизайна для создания своего веб-сайта, часто получают сотни портфолио и резюме. Время имеет решающее значение, сроки должны быть соблюдены, и люди хотят быстро получить ответы на свои вопросы.
Это означает, что просеивание страниц объяснений того, кем вы являетесь как дизайнер и почему ваш опыт актуален, менее привлекательно для тех, у кого мало времени. Вместо этого просмотр выполненных вами проектов может быть эффективным способом для клиентов оценить, подходят ли ваши навыки для того, что им нужно.
Отношения между заказчиком и дизайнером являются ключевым элементом успешного дизайнерского проекта. Это больше, чем просто построение взаимопонимания того, что нужно клиенту и что может создать дизайнер. Здесь задействовано общение и личная связь, которая должна «щелкнуть». Вот почему, просматривая ваше портфолио, потенциальные клиенты захотят узнать вас как личность, как личность, чтобы понять, с кем они будут работать и какую динамику внесет их команда профессионалов.
Форум, на котором посетители вашего портфолио могут познакомиться с вами, часто находится на вашей странице «О нас», которую вы можете рассматривать как индивидуальную или индивидуальную версию стандартной страницы «О нас», которую вы обычно видите в компании. сайты. Мы углубимся в этот компонент портфолио позже в этой статье.
Чтобы клиенты узнали о вас, нужно не только написать свою историю на странице «О нас». Речь идет о том, чтобы определить, какие элементы вашей личности вы хотите подчеркнуть, например, ваш смелый вкус и умение использовать яркие цветовые схемы или ваш подход к словам, который проявляется в заголовках и описаниях, которые вы используете во всем портфолио. Вы также можете рассмотреть свой выбор изображений как способ представить свою личность, будь то выбор фотографий красивых пейзажей и ландшафтов, современных иллюстраций, фотографий вашей напряженной работы с ментальными картами вокруг вашего рабочего пространства и так далее. Слово за вами.
Как опытные создатели веб-сайтов, мы знаем, что дизайнеры часто классифицируют себя в зависимости от того, с какими видами бизнеса и веб-сайтов они знакомы и чем увлечены. Эти ниши дизайна могут варьироваться от веб-сайтов электронной коммерции до новостных онлайн-сайтов или персональных услуг, таких как личные тренеры и терапевты. Потенциальные клиенты захотят не только увидеть проделанную вами работу, похожую на то, что они ищут, но также захотят знать, что вы понимаете их отрасль как с точки зрения потребностей бизнеса, так и интересов аудитории.
Ниши дизайна касаются не только отраслей и вертикалей, но и тенденций веб-дизайна и стилей веб-сайтов. Если, например, владелец бизнеса заинтересован в создании веб-сайта, содержащего видеофоны и продуманные эффекты движения, он захочет узнать, работали ли вы с такими функциями раньше.
Как с вами связаться вопросы, которые могут возникнуть у потенциальных клиентов, когда они заинтересованы в получении информации о вашей работе и услугах. Выделение одного раздела или страницы каждому из этих вопросов будет тщательным и организованным способом убедиться, что ваше портфолио содержит все ответы, которые ищет посетитель вашего сайта.
Домашняя страница: краткое введение
Вы можете думать, что домашняя страница вашего портфолио дизайнеров служит той же цели, что и домашняя страница любого веб-сайта: создание инфраструктуры и понимания, которые позволят посетителю веб-сайта перемещаться по вашему сайту. В случае дизайнерских портфолио главная страница обычно содержит краткую биографию из 2-3 предложений, в которой вкратце описывается «кто вы», а также указывается, где вы находитесь. Если потенциальный клиент находится в Барселоне и хочет нанять только дизайнера из Испании, он сразу же захочет узнать, соответствуете ли вы этим критериям.
Кроме того, многие компании открыты для найма удаленных дизайнеров, поэтому, если вы готовы работать удаленно, полезно указать и это. Обязательно укажите услуги, которые вы предоставляете, хотя этот раздел также может отображаться на вашей странице «О нас» (или на обеих). Важно, чтобы посетители веб-сайта точно понимали, на чем вы специализируетесь, и соответствует ли то, что вы можете предложить, тому, что им может понадобиться. Фактически, во многих портфолио веб-дизайна будет отдельная страница под названием «Услуги», посвященная объяснению типа услуг, которые предоставляет дизайнер или агентство.
О себе: Кто вы
Здесь все становится личным, и настало ваше время проявить себя — рассказать свою личную историю. Полезно ответить на такие вопросы, как: «Что познакомило вас с дизайном?», «Почему дизайн важен для вас?», «Как вы можете использовать дизайн, чтобы изменить мир к лучшему?». Вы захотите быть как можно более уникальным (но все же на каком-то уровне обычным) и использовать возможность выделиться среди своих конкурентов. Работодатели ищут смелых, уверенных в себе и увлеченных своей работой дизайнеров. Это именно то, что вы хотите сообщить.
Вы также можете думать о своей странице «О нас» в том же свете, что и о том, как вы проходите собеседование при приеме на работу. Это предполагает ответы на такие вопросы, как «Опишите проблему, с которой вы столкнулись, и почему вы захотели стать дизайнером», «Что делает вас уникальным в вашей дизайнерской работе?», «Какой вклад вы можете внести в компанию?» и так далее. В конечном счете, ваша страница «О нас» должна давать представление о том, с каким человеком вам предстоит работать, и о том, как вы можете добиться потрясающих результатов, создав веб-сайт клиента.
Работа: то, чем вы должны поделиться
Здесь вам нужно тщательно подумать о том, какой из ваших проектов веб-дизайна лучше всего отражает ваши навыки, опыт и стиль дизайнера.
Также хорошо указать, что включал ваш рабочий процесс проектирования, например, какие инструменты вы использовали и т. д. Вы также должны обязательно включить ссылку на прототип или на сам работающий веб-сайт.
Не забывайте о важности добавления отзывов в свое портфолио, будь то на странице «Работа» или на другой странице или в разделе, как вы считаете нужным. Потенциальные клиенты захотят увидеть хорошие, положительные отзывы от реальных клиентов, с которыми вы работали, а ценность отзывов клиентов не стоит пренебрегать. Это также способствует позитивным, приятным отношениям между вами и вашими работодателями, которые всегда нравятся тем, кто хочет нанять.
Контакт: лучший способ связаться с
Ваша контактная страница, возможно, является одним из наиболее важных компонентов вашего сайта-портфолио дизайнеров. Без этого вы можете потерять потенциальных клиентов просто потому, что они не могут понять, как с вами связаться. При этом ваша страница контактов, возможно, является самой простой для дизайна страницей среди всех ваших других страниц. По сути, это просто целевая страница, и чем она минималистичнее, тем лучше.
Мы рекомендуем использовать большое изображение (в идеале портрет или откровенную фотографию) и простую контактную форму. Также полезно добавить панель социальных значков к вашим наиболее активным каналам социальных сетей. Таким образом, если потенциальные работодатели предпочтут связаться с вами через LinkedIn или даже Facebook Messenger, это будет удобно и комфортно. Все делается для того, чтобы удовлетворить пожелания клиента!
12 выдающихся примеров портфолио веб-дизайна
1.
Роберт Бюргель: Использование эффектов движения для демонстрации вашего таланта
Начальный дизайн этого офиса визуальных коммуникаций (секция героев) сбивает нас с ног. Создавая свой веб-сайт с помощью Elementor, Роберт Бюргель определенно знает, как заявить о себе и своем агентстве, но таким изысканным и стильным способом. Эффект движения плавающей рыбы завораживает, если не сказать больше, и это графическое агентство из Дюссельдорфа явно полно таланта, творчества и уникальности.
2. ZORiN: Подчеркните свой личный бренд
Роман Зорин — российский веб-дизайнер, который демонстрирует лаконичный талант использовать традиционный формат портфолио дизайна и использовать Elementor, чтобы наполнить его творчеством и заставляющим задуматься чутьем. Его веб-сайт делает именно то, что мы упоминали ранее о дизайнере, демонстрирующем их мыслительный процесс и рабочий процесс проектирования, который происходит в их проектах. Каждый раздел домашней страницы сообщает необходимый контент, включая инструменты дизайна, которые он чаще всего использует в своих проектах веб-дизайна.
Наконец, он предоставляет профессиональное руководство по бренду для своего личного бренда, которое показывает, насколько опытным и сложным является его подход к дизайну.
3. Ueno: Портфолио, демонстрирующее продукты, бренды и опыт
Ueno — это брендинговое агентство мирового класса, которое обслуживает некоторые из крупнейших мировых брендов в области брендинга, дизайна продуктов, веб-сайтов и т. д. Их сайт-портфолио полон индивидуальности их бренда, и каждая страница сразу дает вам представление о том, что они из себя представляют. о: отношениях, юморе, творчестве и первоклассном дизайне.
4. Адриен Жерве: Поделитесь своим процессом разработки продукта
Адриан Жерве (Adrien Gervaix) — независимый дизайнер продуктов и UX/UI из Лилля, Франция. Адриан использует смелый синий фон, чтобы окружить скромную презентацию своего впечатляющего проекта. Есть много уникальных деталей дизайна, которыми Адриан дополняет свое портфолио, например, анимированный бумажный самолетик на главной странице, схема навигации в заголовке и особенно раздел «Ценности и процесс», в котором показан процесс его рабочего процесса проектирования и то, как он подходит к каждому проекту.
5. Buzzworthy: портфолио и личность
Buzzworthy — цифровая студия из Бруклина, которая специализируется на разработке пользовательских сайтов WordPress. С точки зрения дизайна их сайта-портфолио, они определенно берут торт с уникальностью, так как расположенное по центру вертикальное меню посередине, которое направляет посетителей к каждому из их портфолио-проектов, действительно не похоже ни на что, что мы когда-либо видели. Именно за это, среди прочих деталей дизайна, мы его и любим.
6. ИНАКИ СОРИА: Построение отношений с клиентами с помощью удаленного фриланса
Инаки Сориа — внештатный дизайнер из Барселоны (но работает удаленно), чей профиль подчеркивает его руководящий принцип важности общения и отношений между дизайнером и клиентом. Его выбор изображений и скриншотов, которые представляют образцы проектов, которые он сделал, кристально чист и удобен для просмотра, поэтому визуальная коммуникация также является первоклассной.
7. Komini Media: разумное использование пустого пространства
Komini Media — рекламное агентство из Гётеборга, Швеция, которое создало свой веб-сайт с помощью Elementor. Их сайт привлек наше внимание по многим причинам, одной из главных из которых было умелое использование пустого пространства на главной странице и изменение размера шрифта при прокрутке вниз. Если вы посмотрите на их навигационное меню, оно также может похвастаться некоторыми необычными, но красивыми эффектами наведения на пункты меню.
8. BALLSY MEDIA: портфолио и личность
BALLSY MEDIA — цифровое агентство, базирующееся в Нортумберленде, графстве в самом северном графстве Англии (граничащем с Шотландией). Созданный с помощью Elementor 3.0, этот веб-сайт агентства отличается от дизайнерского портфолио тем, насколько его схема дизайна отражает его уникальность как бизнеса: он расположен далеко на севере земного шара. Агентство решило взять эту черту характера и интегрировать ее в свой дизайн: интерактивное темное небо, скалистый горный пейзаж и глубокий синий цвет, который представляет бесконечное окружающее небо. В конечном счете, это портфолио показывает, насколько эффективным может быть использование одной из ваших индивидуальных черт характера для определения схемы дизайна вашего портфолио.
9. САНЧЖУ: Использование подхода «Сначала контент»
SANJOO — это веб-сайт портфолио, созданный Elementor К. Санджу Сингхой, фрилансером в области цифрового маркетинга из Индии. Его сайт на самом деле состоит только из одной страницы, но все же разнообразен, интересен и полностью динамичен. Нам нравится его текстовый подход к дизайну, а также комбинированное всплывающее меню и контактная форма, которые запускаются при нажатии на значок меню.
10. Элегантные чайки: передача вашей индивидуальности через дизайн
Elegant Seagulls — цифровое креативное агентство, базирующееся в Маркетте, штат Мичиган. Это портфолио — это то, что мы считаем ярким примером того, как сделать заявление о вашей миссии дизайнера (или дизайнеров) известным. Это распространено на их домашней странице, их странице «О нас», где они излагают свою «стратегию», «концепцию», «доработку» и так далее. И последнее, но не менее важное: их сложная страница «Портфолио», на которой представлены их тематические исследования, указывает на важность представления тематических исследований в вашем дизайнерском портфолио. После того, как вы нажмете на миниатюру тематического исследования, на странице проекта появится четкая, ориентированная на контент страница, заполненная пустым пространством и четкими изображениями отточенного дизайна пользовательского интерфейса.
11. Codepuffin: яркое портфолио, которое выделяется
Codepuffin — это компания веб-разработчиков (шоу одной женщины), которой руководит новозеландская разработчик по имени Эми. Портфолио Эми, созданное с помощью Elementor 3.0, смело и красиво во всех смыслах: смелые цвета, логотип с уникальной типографикой и многие другие визуальные особенности. Одним из действительно уникальных компонентов сайта Эми является то, как она публикует отзывы клиентов, а также ссылку на свою страницу в Instagram прямо под ней. Цитата из отзывов плавно интегрирована в страницу с четким, читаемым текстом и привлекательным синим фоном, завершающим процесс прокрутки страницы.
12. Studio 081: всегда формулируйте свое ценностное предложение
Studio 081 — это бутик веб-дизайна и графического дизайна, базирующийся в Черногории. Это еще один яркий пример бренда / профессионала, который использует Elementor для создания веб-сайта, который позиционирует свой бренд как полностью единый и понятный с их ценностным предложением. Эта стратегия позволяет посетителям веб-сайта и потенциальным клиентам понять, в чем заключается дополнительная ценность работы с этими дизайнерами и профессионалами. В целом, их контактная страница и форма ясны и доступны, их социальные иконки легко видны, а миниатюры, используемые в галерее их портфолио, отдают должное их прекрасной работе.
Покажи нам, из чего ты сделан
В этой статье мы увидели, как создание дизайнерского портфолио может произвести неизгладимое впечатление на работодателей. Делая это, вы используете свой шанс продемонстрировать (и даже доказать) свой уникальный талант, давая понять людям, в чем заключаются ваши сильные стороны и таланты как дизайнера.
Портфолио, которые являются слишком общими, предполагают, что у профессионала в области дизайна нет ни настоящей специальности, ни ниши, ни четкого посыла в работе дизайнера. Нахождение баланса между следованием лучшим практикам портфолио веб-дизайна с одновременным добавлением вашего индивидуального, единственного в своем роде стиля и навыков — привлечет потенциальных клиентов к дальнейшему изучению вашего портфолио и заинтересованности в найме вас для их следующего проект.
Не забудьте поделиться с нами своим портфолио, опубликовав его в сообществе Facebook и поделившись им в комментариях ниже.
Удачи!

Чтобы выделиться на этом жестком рынке, важно сделать свое онлайн-портфолио как можно более впечатляющим. Сегодня мы выделяем тех, кому не нужна помощь в создании потрясающих портфолио. В этой статье вы найдете 20 выдающихся примеров сайтов-портфолио как от отдельных дизайнеров, так и от творческих студий со всего мира, каждый из которых имеет особенность, которая делает его особенным. Давайте посмотрим, что их вдохновляет.
Если вы готовы приступить к разработке собственного портфолио веб-дизайна, ознакомьтесь с нашей статьей о том, как прототипирование и быстрое прототипирование может помочь в процессе проектирования, а также о некоторых отличных инструментах для создания прототипов. Или узнайте, как составить выдающийся бриф на дизайн.
Независимо от того, предлагаете ли вы услуги в области маркетинга, персонализации или веб-дизайна и разработки, партнерская программа Shopify поможет вам добиться успеха. Присоединяйтесь бесплатно и получите доступ к возможностям распределения доходов, инструментам для развития вашего бизнеса и увлеченному коммерческому сообществу.
О чем идет речь: Если портфолио ассоциируется у вас с сухим списком фактов, это портфолио может вас удивить. Робби нашел новый способ показать то, что в противном случае было бы сухой информацией — он представил свой сайт-портфолио как видеоигру, в которую посетитель может играть. Это невероятно увлекательное портфолио с интерактивным дизайном заставит вас с удовольствием прокручивать страницы.
Указав свой адрес электронной почты, мы также будем отправлять вам маркетинговые сообщения, связанные с Shopify. Вы можете отказаться от подписки в любое время. Примечание: руководство не будет доставлено по электронной почте на основе ролей, например, info@, developer@ и т. д.

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

Портфолио: y78.fr
Почему это особенное: Юл создает поистине уникальную атмосферу на своем сайте.
О чем речь: Сайт Юла Моро — отличный пример использования визуальных элементов для привлечения пользователей. Он черпает вдохновение в 1980-х годах и фактически посвящает свое портфолио той эпохе. Одностраничный макет со встроенными видео, изображениями и умными эффектами прокрутки прекрасно демонстрирует весь его опыт и навыки.
Вам также может понравиться: Безопасность веб-сайта: 13 способов улучшить безопасность внешнего интерфейса и избежать взлома.
3. Daniel Spatzek

Портфолио: danielspatzek.com
Почему это особенное: Daniel демонстрирует свои навыки графического и веб-дизайна.
О чем речь: Будучи графическим и веб-дизайнером, Даниэль прекрасно демонстрирует свои навыки в своем портфолио. Используя множество приемов CSS и анимацию, он оживляет все и создает по-настоящему динамичный опыт.
4. ToyFight

Портфолио: toyfight.co
Почему это особенное: ToyFight использует привлекательную цветовую схему, которая сразу привлекает внимание посетителей.
О чем идет речь: Это красивое минималистичное и простое в навигации портфолио от ToyFight — это праздник для глаз. Сочетание минималистского дизайна с яркими цветами создает атмосферу творчества и заставляет посетителей проводить на сайте больше времени.
5. Studio Schurk

Портфолио: studioschurk.nl
Почему это особенное: Studio Schurk использует иллюстрации и юмор для привлечения посетителей.
О чем фильм: Анимационный дуэт Studio Schurk демонстрирует свое чувство юмора на сайте своего портфолио. Прокрутив вниз, вы увидите интересные и забавные анимации, которые подчеркивают талант дуэта.
6. Резо Зеро

Портфолио: rezo-zero.com
Почему это особенное: Rezo Zero предоставляет полные тематические исследования для различных проектов.
О чем речь: Rezo Zero — творческая студия, специализирующаяся на стратегии бренда и цифровом создании. Портфолио похоже на цифровой журнал — оно полно красивых изображений и хорошо подобранных шрифтов. Но что делает его еще лучше, так это подробное и тщательно составленное тематическое исследование для каждого проекта.
Вам также может понравиться: Канонический URL: что это такое и почему они важны?.
7. Wokine

Портфолио: wokine. com
Почему это особенное: Wokine следует последним тенденциям визуального дизайна.
О чем идет речь: Разделенный экран — один экран разделен на два — это последняя тенденция визуального дизайна. Wokine безупречно использует эту технику в дизайне своей домашней страницы. Само портфолио ультраминималистично, с большим количеством интервалов и простыми цветовыми схемами. Это создает хорошую визуальную иерархию и позволяет с первого взгляда понять, что важно.
8. Студия Legwork

Портфолио: legworkstudio.com
Почему это особенное: Мультфильмы помогают Legwork выделиться.
О чем фильм: Legwork — независимая студия из Денвера, Колорадо. Они создают анимацию и интерактивные приложения. Большинство новых посетителей будут впечатлены уникальной анимацией на главной странице — она не похожа ни на что, что вы когда-либо видели.
9. Ханна Пурморт

Портфолио: hannahpurmort.com
Почему это особенное: Ханна использует яркие образы и цветовые комбинации, чтобы привлечь внимание посетителей.
О чем фильм: Ханна Пурморт — дизайнер, который верит в то, что дизайн объединяет людей. Ее сайт — отличный пример того, как общаться с помощью изображений и цвета — она использует красный цвет для поиска пути и навигации.
Вам также может понравиться: 3 совета по дизайну для снижения показателя отказов вашего интернет-магазина.
10. Werkstatt Wundersite

Портфолио: werkstatt.fr
Почему это особенное: Werkstatt Wundersite нашел идеальный баланс между функциональностью и эстетикой.
О чем идет речь: Тот факт, что сайт-портфолио должен быть хорошо спроектирован, не означает, что он должен быть экстравагантным. На самом деле, многие эффективные портфолио используют более минималистский подход к дизайну самого сайта. Werkstatt Wundersite — отличный тому пример. Сайт классический минималистичный, с большим количеством пустого пространства и крупным шрифтом. Особое внимание к деталям в этом портфолио — вот что действительно выделяет его.
11. Тим Смит

Портфолио: mypoorbrain.com
Почему это особенное: Тим создал удобный для сканирования карточный макет.
О чем фильм: Лондонский дизайнер и художник Тим Смит представляет свое портфолио в простом, но потрясающем виде. Карточный макет с тонкими анимационными эффектами сразу привлекает пользователей. Тим использует интересные анимационные эффекты, такие как вырезанные названия для каждой части, которые исчезают при наведении курсора.
Вам также может понравиться: 12 красивых сайтов-портфолио, которые вдохновят вас на собственный дизайн.
12. Lounge Lizard

Портфолио: loungelizard.com
Почему это особенное: Портфолио Lounge Lizard создает непринужденную атмосферу.
О чем идет речь: Трудно сделать сайт одновременно профессиональным и игривым, не выглядя безвкусным. Lounge Lizard легко справляется с этим балансом. Эта команда называет себя «тендерами бренда», и это портфолио, оформленное в стиле бара, идеально соответствует их работе и стилю. Портфолио полно подробных тематических исследований и информации, представленной в дружественной форме.
Развивайте свой бизнес с помощью партнерской программы Shopify
Независимо от того, предлагаете ли вы услуги в области маркетинга, персонализации или веб-дизайна и разработки, партнерская программа Shopify поможет вам добиться успеха. Присоединяйтесь бесплатно и получите доступ к возможностям распределения доходов, инструментам для развития вашего бизнеса и увлеченному коммерческому сообществу.
Зарегистрироваться
13. STRV

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

Портфолио: femmefatale.paris
Почему это особенное: Этот сайт-портфолио создает ощущение роскоши.
О чем это: Femme Fatale — творческая студия, специализирующаяся на создании произведений искусства. Команда описывает себя как «где-то между изысканностью и простотой», и ее портфолио превосходно отражает этот тон: смелые изображения, черные цветовые схемы и четкие шрифты создают утонченный вид.
15. Тобиас Алин

Портфолио: tobiasahlin.com
Почему это особенное: Тобиас. Пусть его работа говорит сама за себя.
О чем это: Тобиас Алин прямо говорит в своем портфолио: «Я разрабатываю и создаю цифровые продукты». Он использует минималистичный карточный макет и анимацию, чтобы представить свою работу. Каждое тематическое исследование напрямую связано с конечным продуктом.
16. Stink Studio

Портфолио: stinkstudios.com
Почему это особенное: Stink Studio демонстрирует широкий спектр проектов.
О чем: Stink Studio стремится помочь дальновидным клиентам добиться успеха в цифровой культуре. Студия ставит свою работу на передний план и в центр каменной кладки. Список проектов включает веб-сайты, промо-кампанию и даже VR/360 опыт.
Вам также может понравиться: Преимущества добавления целевой страницы Shopify на сайт вашего портфолио (и как ее создать).
17. Шон Халпин

Портфолио: seanhalpin.io
Почему это особенное: Шон наполняет свое портфолио индивидуальностью.
О чем: Портфолио — это больше, чем список работ. Это возможность продемонстрировать свои индивидуальные навыки и индивидуальность как творческой личности. Сайт Шона Халпина — отличный тому пример. Шон создает не просто портфолио, а маленький зеленый мир, в котором вы можете узнать, как он может помочь вам создать идеальный сайт.
18. Патрик Дэвид

Портфолио: bepatrickdavid.com
В чем особенность: Патрику удается уместить все свое портфолио на одной странице.
О чем речь: Портфолио Патрика — отличный пример одностраничного веб-сайта с длинной прокруткой. Посетители прокручивают вниз раздел с красивым героем до ряда примеров проектов, над которыми он работал, после чего следует ссылка для прямого общения. Просто, но очень эффективно.
19. Стерео

Портфолио: Stereocreative.com
Почему это особенное: Stereo ориентирован на понимание эмоциональных отношений потребителя с брендом.
О чем это: Лондонское агентство Stereo Creative создало этот простой, но яркий сайт-портфолио. Работа агентства находится в центре внимания на его веб-сайте с множеством красочных полноразмерных изображений и видеороликов, демонстрирующих, на что они способны. Стерео направлено на создание более глубокой эмоциональной связи с посетителями.
Вам также может понравиться: 14 агентств и фрилансеров, на которых стоит подписаться в Instagram.
20. Стивен Менгин
Портфолио: stevenmengin.com
Почему это особенное: Стивен создает идеальное введение для своего портфолио.
О чем идет речь: Стивен использует яркие визуальные эффекты, чтобы с первого взгляда дать представление о своих способностях. Когда посетители заходят на сайт Стивена, первое, что они видят, — это красиво анимированный эффект облаков. Просто сидеть и смотреть на это волнообразное состояние – сплошное удовольствие.
4 веб-сайта с бонусным портфолио
С таким большим количеством отличных портфолио веб-дизайна мы решили поделиться еще 4, которые привлекли наше внимание.
Cher AMI
Olivier Guilleux
Xavier Cussó
Pawel Nolbert
Демонстрируйте ваш портфол. усилия (время, обучение и итерация) — но это определенно того стоит. Если вам это удастся, ваше портфолио продемонстрирует глубину ваших способностей как творческого профессионала, продемонстрирует ваш мыслительный процесс и даст потенциальным работодателям или клиентам представление о том, каково это работать с вами. Я надеюсь, что некоторые примеры портфолио, перечисленные в этой статье, вдохновят вас на повышение уровня вашего дизайнерского портфолио.
Поиск клиентов: создание надежного веб-сайта портфолио
Получите бесплатную копию книги «Поиск клиентов: создание надежного веб-сайта портфолио», отправленную на ваш почтовый ящик.
No related posts.