Лучшие сайты портфолио дизайнеров: 20 сайтов-портфолио дизайнеров

50 креативных портфолио сайтов.

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

Для вдохновения взгляните на эти портфолио — креативные сайты. Они различные для разработчиков (для них, как правило, дизайны очень точные), для дизайнеров (красочные и яркие) и фотографов.

Gummisig

Alberto Beloni

Веб-дизайн. Быстрый старт

Изучите курс и узнайте, как создать дизайн и протопип сайта в Figma

Узнать подробнее

Sean Geng

Marko Prljic

Michela Chiucini

LP – Creative Designer

Peter Pearson

Colourpixel

Matt Dempsey

Jay Hafling

Miles Dowsett

Noel Design

Jae Salavarrieta

ilove2design

Alexey Abramov

Pampaneo

Love the Septapus & He Shall Love Unto You

ths

arqandgraph

Jason Santa Maria

Jon White Studio

COMA

Daniele Volpin

Joe Longstreet

Davy Van Den Bremt

Hugs For Monsters

Веб-дизайн. Быстрый старт

Изучите курс и узнайте, как создать дизайн и протопип сайта в Figma

Узнать подробнее

Andrew Brandwood

Catalin Bridinel

Nathan Sanders

Matt Mullenweg

Stuart Hobday

Form + Function

Triplux

Julian Andrade

Jeffdoe

Jason Julien

Kitfolio

Magnivate

Mike Rundle

Michael Paul Young

Pngised

Jeff Finley

Pavel Macek

Cerity

Giancarlo Fajardo

DREAMER LINES

Flush

Callum Rimmer

Svetainiu Kurimas

Jackson & Kent

Krishna Chaitanya

Автор: Paul Andrew

Источник: //speckyboy.com/

Редакция: Команда webformyself.

Рисовать Дизайн Сайтов —

ПРОЩЕ, Чем Вы Думаете!

Веб-дизайн. Быстрый старт

Изучите курс и узнайте, как создать дизайн и протопип сайта в Figma

Узнать подробнее

Веб-дизайн. Быстрый старт

Изучите курс и узнайте, как создать дизайн и протопип сайта в Figma!

Смотреть видео

Портфолио дизайнера | Сайт веб-дизайнера фрилансера Яны Ходкиной

Портфолио дизайнера | Сайт веб-дизайнера фрилансера Яны Ходкиной

Yanakhodkina.com

UI/UX веб-дизайнер

Yanakhodkina.com

UI/UX веб-дизайнер

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

Нужен стильный, оптимизированный сайт, в соответствии со всеми правилами юзабилити, обращайтесь.

Все работы
Сайты
Брендинг
Разное
Челленджи

концепция   брендинг

Логотипы v.3

Подборка логотипов за 2020— 2021 г

дизайн   анимации   концепт

Plasma Physics

Принстонская программа по физике плазмы

редизайн     концепт

The Pulitzer Prizes

Сайт Пулитцеровской премии

концепт     дзайн     ux/ui

Bureau V

Архитектурное бюро

проектирование   дизайн   ui/ux

РОСПРОМПЕРСОНАЛ

Подбор персонала в сфере машиностроения

концепция   редизайн   разработка

yanakhodkina.com

Редизайн этого сайта

концепция    брендинг

Логотипы v.2

Подборка логотипов за 2019 год

2019   дизайн   консалтинг

Lady Lash

Студия наращивания ресниц

Artusmed

Ортопедическая клиника в Чехии

2019   прототипирование   редизайн

Art Flowers

Доставка живых цветов в Казахстане

концепция   брендинг

Логотипы v.1

Подборка логотипов за 2018 год

STURM

Поставщик сантехники премиум класса

ELterra

Дизайн сайта для отеля

Blockchain

Блокчейн компания

редизайн   концепция

MakeUp

Сайт салона красоты

Green Grass

Магазин декоративных растений

Группы VK

Подборка дизайна обложек №1

Smart-Deutch

Онлайн школа немецкого языка

ui design   challenge 

Need Meat

Крафтовая бургерная

концепт   дизайн   разработка

Блог бухгалтера

Личный блог нетипичного бухгалтера

концепция   архитектура   дизайн

дизайн   разработка

Maketiki

Продажа школьных портфолио

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам:

9 впечатляющих сайтов портфолио UI дизайнеров для вашего вдохновения

Будущие работодатели и клиенты всегда оценивают UI дизайнера по портфолио. Как сделать его впечатляющим и вывести на новый уровень?

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

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

В чем смысл UI портфолио?

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

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

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

1. Сэм Смолл

UI/UX дизайнер из Канзас-Сити Сэм Смолл страстно увлечен дизайном. Это сразу заметно при попадании на главную страницу его портфолио. Оно является свидетельством универсальности, потому что демонстрирует его опыт работы в области веб-дизайна, брендинга и айдентики, экологической графики и рекламы.

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

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

В целом, портфолио Сэма четкое, информативное и вызывает интерес у посетителя его сайта.

Что нового мы можем узнать из опыта Сэма Смолла?

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

Основные рекомендации

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

Посмотреть портфолио Сэма можно здесь.

2. Джеремайя Шоу

Джеремайя Шоу — художник/дизайнер, который специализируется на 3D-иллюстрациях, анимации, дизайне интерфейсов и брендинге. В настоящее время работает в Google.

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

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

Что насчет его проектов? Благодаря минимальному количеству текста и чистому  макету, образы Джеремайя говорят сами за себя. Он демонстрирует  применение передовых тенденции UI дизайна, но очевидно, что у него есть свой уникальный стиль, который остается неизменным. Это подтверждает его способность как следовать указаниям, так и бросать им вызов.

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

Чему мы можем научиться у Джеремайя Шоу?

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

Основные рекомендации

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

Посмотреть портфолио Джеремайя можно здесь.

3. Менгди Чжан

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

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

Что касается проектов, Менгди тщательно продумала содержание текста. Она вносит ясность в свой творческий процесс путем предоставления четкого описания своего вклада в совместный проект. Работы Менгди демонстрируют широкий спектр навыков, начиная от UI/UX дизайна и заканчивая рисованием и созданием иллюстраций.

‍Текст Менгди на скриншоте: “Проектирование рабочих процессов и ключевых идей, которые помогут менеджерам товарных категорий развивать свой бизнес и улучшать качество шоппинга на Jet.com и Walmart eCommerce”

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

Что интересного для нас есть у Менгди Чжан?

Удобство восприятия не должно зависеть от детального представления и подробного объяснения сути вашего портфолио!

Основные рекомендации

Если вам необходимо углубиться в детали, выделите ключевые слова

4. Бэди

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

Однако настоящая магия его портфолио проявляется в проектах. При клике на проект “Happy 2 help”, сразу становится ясно, что Бэди из тех, кто детально разбирается в проблеме. Он сочетает великолепные изображения с правильным количеством информации и проводит нас через все этапы процесса дизайн-мышления. Таким образом, проект Бэди ставит галочки во всех нужных пунктах — от постановки задачи до стадии обратной связи. Он даже включает элементы гайда по стилю, которые обосновывают его выбор цветовой палитры. Это дает еще более полное представление о его подходе к дизайну.

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

Чему можно научиться у Бэди?

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

Основные рекомендации

Наличие блога — это еще одно преимущество к вашему и без того многостороннему предложению.

Посмотреть портфолио Бэди можно здесь

5. Том Паркс

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

Анализ его проектов раскрывает весь спектр талантов Тома. В своем проекте  “Timechain” он умело применяет свободное пространство, с помощью которого разделяет блоки контента и изображения. Том выбирает смелые, эффектные цвета и вставляет в проект небольшие фрагменты информации с его описанием. Это сделано не для того, чтобы отодвинуть саму работу на задний план, а наоборот раскрыть ее суть. Забавные анимации демонстрируют поведение, которое мы не смогли бы увидеть в статичном изображении, что придает его проекту иной подтекст. Портфолио Тома, безусловно, оставляет неизгладимое впечатление!

Что нового мы можем узнать из опыта Тома Паркса?

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

Основные рекомендации

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

Посмотреть портфолио Тома можно здесь.

6. Стефан Хийенурм

Стефан Хийенурм — UX дизайнер, который специализируется на проектировании продуктов. Его сайт является прекрасным примером хорошо продуманного портфолио. Он начинается с короткого, но впечатляющего раздела “обо мне”, а затем отправляет нас в исследовательское путешествие по его проектам.

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

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

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

Что интересного для нас есть у Стефана?

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

Основные рекомендации

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

Посмотреть портфолио Стефана можно здесь.

7. Брэдли Хейнс

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

Помимо захватывающей дух эстетики, он демонстрирует совершенный уровень детализации, который необходим для оценки его роли в проектах. Это ясно из упоминания им крупных клиентов (Lonely Planet и Airbnb лишь некоторые из них).

Чему мы можем научиться у Брэдли?

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

Основные рекомендации

Едва заметная анимация может произвести сильное впечатление!

Посмотреть портфолио Брэдли можно здесь.

8. Кори Снайдер

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

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

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

Что мы можем почерпнуть из портфолио Кори Снайдера?

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

Основные рекомендации

Поэкспериментируйте с навигацией; это может помочь вам выделиться еще больше!

Посмотреть портфолио Кори можно здесь.

9. Синем Курт

Мы не могли завершить этот список, не добавив немного волшебства, которое создают портфолио выпускников CF. Синем, выпускница направления UI дизайна CareerFoundry, закончила программу в 2019 году и теперь работает UX/UI дизайнером. Давайте посмотрим, что делает ее портфолио достойным быть в этом списке.

Синем сразу подумала о том, чтобы посетителям ее веб-сайта не приходилось долго искать то, что им нужно. На ее главной странице есть все: обзор кейсов, отзывы и раздел “обо мне” с сильным акцентом на ее личные качества. Оцените удобство восприятия!

В работе над кейсом “Plantasy”, Синем ничего не упустила. В начале мы видим обзор, который определяет конечные цели проекта. Синем подробно описывает анализ конкурентов, интервью, опросы и персоны/персонажи пользователей. Вся информация хорошо структурирована и легко воспринимается читателем. Визуальные элементы являются отличным дополнением к контенту и сопровождают читателя на протяжении всего процесса, от идеи до финальной части. В свой проект “inner peace” она также включает гайд по стилю для представления типографики. Это свидетельствует о том, насколько подробно она поработала над каждой функцией.

Что интересного есть для нас у Синем Курт?

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

Основные рекомендации

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

Посмотреть портфолио Синем можно здесь.

На этом мы завершаем наш список вдохновляющих UI портфолио! Для дальнейшего изучения этого вопроса посетите такие сайты, как behance, dribbble и site inspire. Если вам нужны подсказки, которые помогут собрать контент для вашего портфолио (и прокачать навык дизайн-мышления), прочтите статью: 5 задач проектирования для начинающего дизайнера.

30 лучших онлайн-портфолио, которые вы можете использовать

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

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

Типы Портфельных Сайтов

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

1. Портфолио сообществ

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

2. Личные Портфолио Сайты

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

3. Сайты социальных портфолио

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

Лучшие сайты портфолио сообщества

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

• Графический дизайн (искусство и игра)

1. ArtStation

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

Мало того, что благодаря стандарту, который он поддерживает, ArtStation также видит работу, которую размещают такие успешные игровые компании, как Blizzard, 343 Industries и Gameloft и другие. Если ваша главная цель — найти работу в ведущих игровых компаниях, ArtStation — лучшее место для вас. Даже если вы не взломаете работу, размещенную ведущими игровыми компаниями, есть много небольших игровых компаний и независимых разработчиков, которые также размещают вакансии здесь. По сути, я хочу сказать, что на этой платформе нет недостатка в рабочих местах. Это может быть немного сложнее, чтобы получить признание здесь, но награды также экспоненциально лучше.

Посетить: веб-сайт

2. CGSociety

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

Посетить: веб-сайт

3. Изобразительное искусство

Visual Art — еще один отличный сайт для всех вас, графических дизайнеров. Я действительно люблю его интерфейс и считаю его вторым после ArtStation. Он также следует той же компоновке сетки, однако он также добавляет текст к сеткам, что делает его немного скученным. Кроме того, у меня нет проблем с его макетом. Так же, как ArtStation, он также имеет темную тему. Я действительно люблю включенный «Форум» здесь . Это дает дизайнерам возможность общаться друг с другом и помогать решать проблемы друг друга . Как и другие, здесь также есть раздел вакансий.

Посетить: веб-сайт

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

1. 500px

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

Посетить: веб-сайт

2. Элло

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

Посетить: веб-сайт

• UI / UX, логотип и дизайн продукта

1. Behance

Behance — один из самых популярных веб-сайтов портфолио сообщества . Его сообщество является одним из крупнейших и самых разнообразных. Здесь вы найдете все виды креативного контента. Тем не менее, я обнаружил, что дизайнеры, которые фокусируются на UI / UX, логотипах и категориях продуктов, процветают здесь больше всего. Behance также сотрудничает исключительно с Adobe и продвигает свой набор инструментов на своем веб-сайте. Он также сотрудничает с различными школами и организациями дизайна и размещает их портфолио на своем веб-сайте. Здесь нет недостатка вдохновения. Это место для любителей и профессионалов . Как и другие, он также имеет встроенный портал вакансий, который позволяет дизайнерам подать заявку на работу.

Посетить: веб-сайт

2. Дриббл

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

Посетить: веб-сайт

• Комиксы / манга

1. Drawcrowd

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

Посетить: веб-сайт

2. Pixiv

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

Посетить: веб-сайт

• разносторонний

1. DeviantArt

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

Посетить: веб-сайт

2. Корофлот

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

Посетить: веб-сайт

1. ZBrushCetntral

Как многие из вас знают, ZBrush — это инструмент для создания цифровых скульптур, который сочетает в себе 3D / 2.5D моделирование, текстурирование и рисование. Та же компания, которая делает этот исключительный инструмент, также создала веб-сайт для своих пользователей. Тем не менее , это скорее форум, чем веб-сайт портфолио сообщества . Если вы являетесь пользователем ZBrush, я думаю, вы многому научитесь здесь.

Посетить: веб-сайт

2. ConceptArt

Как и ZBrush, ConceptArt также больше внимания уделяет обучению, чем показу. Сайт предоставляет учебные пособия и семинары, а также может похвастаться «полным усовершенствованием вашего искусства на 360 градусов» . Я действительно не знаю, что это значит, но вы наверняка можете проверить это, если хотите изучить искусство.

Посетить: веб-сайт

Лучшие Личные Портфельные Сайты

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

1. Squarespace

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

Посетить: веб-сайт

2. Adobe Portfolio

Поскольку большинству дизайнеров нравится работать с набором приложений Adobe, этот вариант является лучшим для них. Я говорю это потому, что Adobe понимает тип искусства, который создают его пользователи, и разработала шаблоны, которые будут демонстрировать это искусство наилучшим образом. Однако самое большое преимущество использования Adobe Portfolio заключается в том, что, если вы уже платите за Adobe Creative Cloud, оно бесплатно для вас .

Посетить: веб-сайт

3. Wix

Wix — самый популярный и широко используемый конструктор сайтов. Простые в использовании инструменты перетаскивания позволяют создать ваш сайт за несколько минут. Его выбор шаблона тоже очень хорошо. Все веб-сайты, которые вы создаете с помощью Wix, являются адаптивными, то есть они будут хорошо смотреться на любом устройстве (мобильном или настольном). Самое приятное в использовании Wix заключается в том, что они постоянно обновляют свои инструменты, тем самым предоставляя своим пользователям самые последние и самые лучшие возможности, которые они могут предложить. Недавно они запустили Wix ADI (Искусственный дизайн-интеллект) . Это инструмент, который создает сайты для вас, понимая ваши требования. Единственное, что вам нужно сделать, это ответить на пару вопросов. Если вы не хотите тратить время на создание собственного веб-сайта портфолио, но при этом хотите, чтобы он выглядел профессионально, Wix для вас.

Посетить: веб-сайт

4. Груз

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

Посетить: веб-сайт

5. ПортфолиоBox

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

Посетить: веб-сайт

6. Фабрик

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

Посетить: веб-сайт

7. Формат

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

Посетить: веб-сайт

8. Pixpa

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

Посетить: веб-сайт

9. Карбонад

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

Посетить: веб-сайт

10. Лунный плод

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

Посетить: веб-сайт

11. Берта

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

Посетить: веб-сайт

Лучшие сайты социальных портфолио

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

1. Pinterest

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

Посетить: веб-сайт

2. Tumblr

Tumblr — это, в основном, социальный веб-сайт для художников, дизайнеров, блогеров и фотографов . Здесь вы можете создать свою собственную страницу, и люди могут следовать за вами. Вы получаете хорошо продуманную панель инструментов, где будут жить все ваши сообщения. Люди, которые следят за вами, увидят ваш пост в своей ленте. Платформа насчитывает около 350 миллионов уникальных пользователей, поэтому у вас есть много возможностей для ее развития. В отличие от Facebook, где в ленте преобладают GIF и видео, ваш блог Tumblr в основном состоит из фотографий и текстов. Это место является одним из лучших мест для дизайнеров, стремящихся создать присутствие в социальных сетях.

Посетить: веб-сайт

3. Flickr

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

Посетить: веб-сайт

4. Instagram

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

Посетить: веб-сайт

5.Etsy

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

Посетить: веб-сайт

6. DudePins

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

Посетить: веб-сайт

30 лучших портфолио сайтов, которые вы можете использовать

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

Лучшие портфолио иллюстраторов и художников-дизайнеров

Упаковочная коробка может быть укомплектована ложементом, обеспечивающим:

• Эстетичное расположение одного или нескольких предметов;
• Исключение возможного перемещения подарка внутри коробки;
• Сохранность во время транспортировки;
• Более презентабельный внешний вид коробки и содержимого

Ложементы могут быть изготовлены из следующих материалов:

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

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

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

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

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

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

18 лучших персональных сайтов

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

Резюме

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

1. Gary Sheng

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

2. Raf Derolez

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

3. Brandon Johnson

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

(Действие нельзя выполнить. Брендон всегда включен.)

4. Quinton Harris

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

5. Sean Halpin

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

Лучшие практики для сайтов-резюме:

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

Портфолио

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

6. Tony D’Orio

Важно выбирать для портфолио простой дизайн, чтобы подчеркнуть изображения и сделать их более яркими и привлекающими внимание. Д’Орио подошел к этому вопросу творчески и использовал в качестве оформления сайта свои работы. Также он сделал их доступными для бесплатного скачивания.
Хотите попробовать? Нажмите на иконку меню в верхнем левом углу и выберите +. Создайте PDF, чтобы выбрать изображения для скачивания. В готовом файле вы найдете еще и визитки Д’Орио. Блестяще!

7. Gari Cruze

Крузе – копирайтер. Но превратив свой сайт в портфолио с изображениями из разных кампаний, он смог заинтересовать посетителей.
Его смешные тексты – особенно в разделах «17 случайных вещей» (17 Random Things) и «О, да, они разговаривают» (Oh Yes, They’re Talking) – демонстрируют его навыки и надолго остаются в памяти. Справа также указаны контакты Крузе, так что в случае необходимости долго искать их не придется.

8. Melanie Daveid

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

9. The Beast is Back

Портфолио Кристофера Ли — очень яркое и насыщенное, и это работает. Подобный стиль идеально подходит для иллюстратора и дизайнера игрушек.
Внимание посетителей сразу же привлекают его работы под узнаваемыми брендами такими, как Target и Mario. Удобно, что рядом есть ссылки для их покупки. Буйство красок делает сайт запоминающимся и уникальным.

Лучшие практики для сайтов-портфолио:

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

Блоги

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

10. Everywhereist

Этот блог выглядит насыщенно, но брендинг помогает пользователям легко на нем ориентироваться. Для новых посетителей есть раздел «Best Of» (лучшее), который познакомит их с содержанием и лучшими записями. Цветовая схема теплая, нейтральная, дизайн совершенно не отвлекает от контента.

11. fifty coffees

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

12. Minimalist Baker

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

13. Kendra Schaefer

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

Лучшие практики для блога

• Сделайте свой блог максимально простым и лаконичным, чтобы не отвлекать внимание посетителей от постов.
• Часто публикуйте новые записи. Блоги компаний, которые добавляют более 16 постов в месяц, привлекают в 3,5 раза больше трафика, чем те, в которых новый материал публикуется реже 4 раз в месяц.
• Экспериментируйте с разными стилями, включайте списки, интервью, графику и т. д.
• Добавляйте визуальный контент, чтобы сделать чтение более удобным и интересным, а также добавить контекст.

Демо

Еще один отличный способ личного продвижения — создать сайт с демонстрацией навыков в кодировании, дизайне, разработке и т.д. Он может быть интерактивным или анимированным. Этот формат отличной подойдет для разработчиков, UX -дизайнеров, контент-менеджеров и иллюстраторов.

14. Albino Tonnina

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

15. Bobby Kane

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

16. Robby Leonardi

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

17. Samuel Reed

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

18. Devon Stank

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

Лучшие практики для демо

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

Где искать идеи для дизайна

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

Подготовка к дизайну

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

1. Функциональное. Дизайнер анализирует, какие функции нужны для его интерфейса, как клиент будет пользоваться ресурсом.
2. Графическое. Какой дизайн подойдет для заказчика, какие элементы должен в себя включать. Определяется с цветовой палитрой, типографикой, основными образами.
3. Эмоциональное. Какие эмоции должен вызывать дизайн у клиента, как подвести пользователя к целевому действию.

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

Где брать идеи для дизайна сайта по данным трем направлениям?

1. Просмотр сайтов, аналогичных по тематике проекта.
2. Поиск идей в портфолио известных и близких по духу дизайн-студий, именитых дизайнеров.
3. Обзор ресурсов-сообществ дизайнеров и просмотр работ участников.
4. Поиск идей в другой области.
5. Создание дизайна по требованиям заказчика.
6. Придумывание концепции на основе собственного опыта, без других источников.

Разберем каждый из источников подробнее.

Источники вдохновения для веб-дизайнеров

Поиск идей на сайтах, смежных по тематике

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

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

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

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

Поиск вдохновения в портфолио известных дизайнеров и веб-студий

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

Просматривая работы выдающихся личностей — Джеффри Зельдмана, Марка Уиллера, Кими Льюиса и других, мы начинаем разбираться в трендах веб-дизайна, технологических тонкостях. Это люди, которые создают что-то новое и ведут за собой других.

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

Можно следить за деятельностью известных и раскрученных веб-студий, которые формируют тренды. В России есть компания, которая занимается составлением рейтингов — Tagline. На своем сайте она размещает рейтинги дизайн-студий в Digital. Первая пятерка на январь 2019 года:

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

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

Профильные сообщества для дизайнеров

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

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

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

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

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

5. Revision. Сайт для дизайнеров России. Есть как лучшие работы за неделю, так и подборки отдельных дизайнеров.

6. Siteinspire. Подборка оригинальных и интересных решений. Не всегда конкурсные, но можно найти что-то по душе.

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

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

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

Другие области дизайна и не только

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

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

Техническое задание заказчика

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

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

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

Собственный визуальный опыт

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

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

Еще 5 советов по поиску вдохновения

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

1. Использование творческих способностей на бумаге

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

2. Сохраняйте все идеи в одном месте

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

3. Используйте время правильно

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

4. Выходите на улицу

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

5. Изучайте теорию

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

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

Портфолио Магды Рейман — номинант Awwwards

18 августа

по

Магда Рейман
(Швеция)

Портфолио Магды Рейман.Независимый продуктовый / цифровой дизайнер.

• Проектные агентства
• Рекламный
• Интернет и интерактивный
• Графический дизайн
• Портфолио
• О странице
• Контактная страница
• Микровзаимодействия

Проект

• Страница
• ReadyMag
• места
• места
• места

Голосование пользователей

Подробнее

• Оцитоцин из Франция
  оцитоцин.com

  • Проект

  • Удобство использования

  • Творчество

  • Содержимое

  • Int

    Инт

  7.10

• PopArt Studio из США
  popwebdesign.net

  • Проект

  • Удобство использования

  • Творчество

  • Содержимое

  • Pro

    Pro

  8.00

• Комната. Дизайн-бутик из Украина
  theroom.boutique

  • Проект

  • Удобство использования

  • Творчество

  • Содержимое

  • Pro

    Pro

  8.50

• Scherbius из США
  scherbius.com

  • Проект

  • Удобство использования

  • Творчество

  • Содержимое

  • Pro

    Pro

  7.00

• Артемий Лебедев из Россия
  beence.net

  • Проект

  • Удобство использования

  • Творчество

  • Содержимое

  • Главный

    Начальник

  8.00

• Этьен Фарабо из Франция
  etiennepharabot.fr

  • Проект

  • Удобство использования

  • Творчество

  • Содержимое

  • Главный

    Начальник

  7.00

• Caique de Lira из Бразилия
  caiquedelira.work

  • Проект

  • Удобство использования

  • Творчество

  • Содержимое

  • Главный

    Начальник

  6.40

• Друхин Тарафдер из Индия
  druh-in.github.io

  • Проект

  • Удобство использования

  • Творчество

  • Содержимое

  • Главный

    Начальник

  6.00

• Мутаз С. Харара из Малайзия
  beence.net

  • Проект

  • Удобство использования

  • Творчество

  • Содержимое

  • Главный

    Начальник

  6.30

• Mohnish Landge из Индия
  mohnishlandge.me

  • Проект

  • Удобство использования

  • Творчество

  • Содержимое

  • Главный

    Начальник

  6.80

• Денис Сиземов из Украина
  sizemov.com

  • Проект

  • Удобство использования

  • Творчество

  • Содержимое

  • Главный

    Начальник

  8.30

• Reksa Andhika из Индонезия
  reksaandhika.com

  • Проект

  • Удобство использования

  • Творчество

  • Содержимое

  • Главный

    Начальник

  7.20

• iqqa.13 из Россия
  beence.net

  • Проект

  • Удобство использования

  • Творчество

  • Содержимое

  • Главный

    Начальник

  7.40

• datmaside из Украина
  

  • Проект

  • Удобство использования

  • Творчество

  • Содержимое

  • Главный

    Начальник

  7.00

• Мороз Евгений из Украина
  beence.net

  • Проект

  • Удобство использования

  • Творчество

  • Содержимое

  • Главный

    Начальник

  7.50

КРЕДИТЫ

Команда проекта

• рейман из Швеция

  magdareyman.com

  • H.M.
    01

    Почётное упоминание

  • Племя

    Племя

  Подписаться

Персональный сайт Дарьи Волковой — Awwwards Nominee

05 августа

по

Андрей Бондарь
(Украина)

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

• Деловые и корпоративные
• Интернет и интерактивный
• Чистый
• Меню навигации
• Портфолио
• Адаптивный дизайн
• Типографика
• Дизайн нижнего колонтитула
• WordPress
• CSS
• HTML5
• jQuery

филиппинских песо

• JavaScript
• места
• места
• места

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

Этот пост последний раз обновлялся 28 июля 2021 г.

«Хороший дизайн — это новаторство», — заявил влиятельный промышленный дизайнер Дитер Рамс в своем списке из десяти принципов. Тем не менее, открывать новые горизонты с помощью невиданного ранее дизайна веб-сайтов становится все сложнее. В этой конкурентной среде, как вы можете выделить свой сайт-портфолио из толпы?

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

01. Кристина Ванесса

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

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

02. Софи Бриттейн

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

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

03. Steve Wolf Designs

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

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

04. Венди Джу

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

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

05. Деннис Кравец

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

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

06. Studio Bagaz ’

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

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

07. Дэвид Милан

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

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

08. Райан Хаскинс

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

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

09. By Experience

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

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

10. Thai Pham Photography

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

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

11. Ана Леови

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

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

12. Реут Чен

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

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

13. Лена Стейнкюлер

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

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

14. Матиас Холмберг

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

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

15. Даррен Хьюз Art

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

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

16. T Sakhi

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

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

17. Studio Bilge Nur Saltik

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

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

18. Рафаэль Варона

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

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

19. Кристина Смоляр

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

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

20. Lets One

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

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

Талия Коэн

Эксперт по малому бизнесу и блогер по маркетингу

Дана Меир

Wix Blogger

10 лучших сайтов-портфолио для дизайнеров

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

Еще в 2014 году мы поделились нашими топ-8 сайтами портфолио для дизайнеров. Вот обновленный список на 2015 год.

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

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

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

Behance привлекает миллионы посетителей по всему миру, помогая ведущим дизайнерам делиться своими работами с глобальной аудиторией. Дизайнеры могут зарегистрироваться с помощью Adobe ID, а пользователи Adobe CC могут публиковать работы прямо в Behance из Creative Cloud.

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

Членство — Бесплатно

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

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

Членство — Бесплатная версия ограничена 10 изображениями; Версия Pro 9,99 долл. США в месяц с неограниченным количеством изображений, настраиваемым стилем галереи, видео и собственным доменным именем.

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

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

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

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

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

Членство — Бесплатная версия ограничена 5 проектами с 35 изображениями; Обновите за 12 долларов в месяц до 50 проектов, 500 изображений, 10 видео и других ярких функций.

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

Первоначально созданный в 1997 году, Coroflot размещает более 2 миллионов изображений и более 150 000 дизайнерских проектов от студентов и профессионалов со всего мира.В то время как некоторые размещенные сайты-портфолио делают упор на графический дизайн, Coroflot отмечает все аспекты мира дизайна. На сайте также есть активная доска объявлений и актуальное руководство по зарплате.

Членство — Бесплатно

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

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

Членство — Бесплатная 10-дневная пробная версия; 6 долларов в месяц для фрилансера, 8 долларов в месяц для студии, 19 долларов в месяц для агентств. Все планы включают пользовательские домены, редактирование HTML и CSS, Google Analytics, защиту паролем и дополнительные шаблоны.

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

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

Членство — 30-дневная бесплатная пробная версия; 19 долларов в месяц или 190 долларов в год за собственное доменное имя, облачный хостинг и выделенную поддержку.

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

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

Членство — Бесплатная базовая услуга ограничена 12 проектами с 3 страницами и хранилищем 100 МБ; Обновление за 66 долларов в год или 9 долларов в месяц для неограниченного количества проектов и страниц, неограниченной пропускной способности и расширенного редактирования CSS и HTML.

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

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

Мы что-нибудь пропустили? Не стесняйтесь комментировать с вашим любимым веб-сайтом с дизайнерским портфолио!

Ханна Шаффер (Hannah Shaffer) — веб-дизайнер и дизайнер игр, любящая обучение на основе сообщества. Ханна была управляющим редактором NOD в 2014 году.

21 лучших веб-сайтов с портфолио UX-дизайнера в 2021 году — Case Study Club

29 марта 2021 г.

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

ПОДЕЛИТЬСЯ

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

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

Захватывающее, но устрашающее чувство. Творческий путь в этом плане довольно странный.

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

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

Саймон Пэн

В настоящее время формируем будущее новостей в Google. Ранее работал дизайнером в Uber и Amazon Prime Music.

Прочтите интервью Саймона о Case Study Club здесь →

Посетите портфолио →

Робин Ногиуэр

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

Посетить портфолио →

‍

Остин Найт

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

Посетить портфолио →

Джонатан Паттерсон

Джонатан работал с такими клиентами, как Postmates, Ford и Sony. Он дизайнер из Детройта с необычным портфолио.Его личность просвечивает юмором и сарказмом, как визуально, так и письменно.

Посетить портфолио →

Вандана Пай

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

Посетить портфолио →

Кайсон Дана

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

Посетить портфолио →

Люк Джеймс Тейлор

Люк — консультант по UX и соучредитель Design Sprint X. Его портфолио сосредоточено на ценности, которую он может принести, и результатах, которых он достиг для своих клиентов.

Посетить портфолио →

Джейсон Юань

Студент, Джейсон в настоящее время проходит стажировку в качестве дизайнера UX в Apple. Известен своим примером использования Apple Music.»

Прочтите интервью Джейсона о Case Study Club здесь →

Посетите портфолио →

Эд Чао

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

Посетить портфолио →

Алекси Таппура

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

Посмотреть портфолио →

Иво Мынттинен

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

Посетить портфолио →

Tom Parkes

Работа Тома выделяется в этом чистом и эффективном портфолио. Его страница «О себе» частично демонстрирует его личность, но при этом ничего не переусердствует.

Посмотреть портфолио →

Лиз Уэллс

Она работает на стыке искусства и дизайна.Много индивидуальности, идеально подходящей для ее аудитории.

Посетить портфолио →

Karolis Kosas

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

Посетить портфолио →

Эндрю Кулдвелл

Эндрю знает свое дело! Наверное, самый квалифицированный дизайнер портфолио. Он руководил дизайном продуктов в Adobe Portfolio и проектированием систем в WeWork.

Посетить портфолио →

Антон Стен

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

Посетить портфолио →

Даниэль Корпай

Даниэль — дизайнер продуктов в InVision. Он проделал выдающуюся работу, погрузив нас в свой мир тематических исследований, социальных сетей и своего процесса. Вы легко потратите хотя бы 10 минут на изучение его ремесла. Отличная работа!

Посетить портфолио →

Пратибха Джоши

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

Посетить портфолио →

Бетани Хек

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

Посетить портфолио →

Megan Fisher

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

Посетить портфолио →

Абдус Салам

Дизайнер продуктов-самоучка с впечатляющей коллекцией тематических исследований. Я рекомендую вам взглянуть на его «неразрезанную и необработанную» страницу; он демонстрирует процесс Абдуса до мельчайших деталей.

Посетить портфолио →

Это то, что объединяет все 21 портфолио:

• ‍Они задают стандарт и не боятся идти вперед
• Минималистичный, их работа — центральный элемент
• ‍Состоит из нескольких, но все же подробные высококачественные тематические исследования
• ‍ Примеры использования UX позволяют дизайнеру рассказать свою историю
• Они демонстрируют некоторую индивидуальность
• ‍Приглашают пользователя связаться с пользователем

Одна из основных целей вашего портфолио (помимо предоставления вам экспозиция и работа), чтобы продемонстрировать вашу способность мыслить как UX-дизайнер.Рассказать историю о том, как вы перешли из пункта А в пункт Б.

Используйте убедительное повествование как инструмент для привлечения пользователя (т. Е. Вашей потенциальной новой работы). Удивите их своеобразными находками.

Раздел «О себе» — это ваш шанс быть самим собой, но не переусердствуйте. Не забудьте включить хорошо изложенное сопроводительное письмо и краткое резюме.

Если вы выполнили все вышеперечисленное, есть большая вероятность, что вас пригласят на собеседование.

Если вы не хотите готовиться, узнайте больше о наиболее распространенных вопросах собеседования для UX-дизайнеров.

Вам нужно больше вдохновения?

Ознакомьтесь с тщательно отобранной галереей примеров UX здесь.

10 отличных веб-сайтов-портфолио для графических дизайнеров — Graphic Design Degree Hub

Как графический дизайнер, ваше портфолио представляет собой лучшие работы, которые у вас есть. Таким образом, он должен быть красиво оформлен, а дизайн — это последнее, о чем вам нужно беспокоиться. Менее чем за 30 лет Интернет изменил все с точки зрения объединения и расширения возможностей людей. Следующие 10 веб-сайтов предложат вам лучший опыт портфолио из всех существующих.

1. Behance

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

2. Портфолио Adobe

Behance Pro превратился в Adobe Portfolio. Это платформа, на которой вы можете очень быстро создать отличный сайт, на котором вы сможете продемонстрировать свое портфолио всему миру. Все, что вам нужно сделать, это выбрать макет, а затем настроить его, выбрать собственное доменное имя и шрифт из их списка Typekit, а затем синхронизировать все с Behance. Он не предназначен для создания персонализированных и сложных материалов, но он хорошо справляется со своей задачей при создании простого и всеобъемлющего сайта.В более дорогой версии вы получаете все творческие приложения Adobe.

3. Squarespace

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

4. Wix

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

5. Portfoliobox

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

6. Грузовой

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

7. Формат

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

8. Карбонат

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

9. Лунный плод

Дизайн шаблонов

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

10. Дриббл

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

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

Связанные ресурсы:

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

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

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

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

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

1. Ын Чжон Ю

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

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

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

2. Проклятый веб-сайт

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

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

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

3. Портфолио дизайна Рани Вестал (предупреждение о движении)

Следующим в нашем списке идет удивительно дерзкое онлайн-портфолио Рани Вестал. Портфолио Vestal идеально передает ощущение, что ваша работа — это ваше представление!

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

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

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

4. Мэтт Гайетт

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

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

5. Алекс Фишер

Онлайн-портфолио Алекса Фишера представляет собой захватывающее зрелище художественного мастерства графического дизайнера и иллюстратора.

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

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

6. Роос Билдт

Интернет-портфолио Рооса Билдта вызывает бурные настроения, похожие на американское движение поп-арта 1950-х и 1960-х годов.Билдт использует типографику, различные формы, эффекты наведения и цвета, чтобы продемонстрировать свой творческий подход в качестве графического дизайнера и иллюстратора во всем дизайне сайта.

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

7. Be Kind Design

Следующим в нашем списке идет Be Kind Design, дизайнерская студия, известная тем, что с 1986 года перевернула хмурые взгляды, и это видно! Несмотря на то, что дизайн прост, его функциональность и дизайн контента выделяют его.

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

8. Сьерра Плезе

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

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

9.Анни Сафрански

Сразу после открытия портфолио веб-сайта Анни Сафрански первое, что бросается в глаза, — это типографика.

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

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

10. Андреас Гайда

Андреас Гайда — внештатный графический дизайнер, арт-директор и веб-дизайнер с чистым и современным веб-сайтом-портфолио, демонстрирующим его опыт.

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

11. Кристиан-дизайнер

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

12. Сильвен де ла Порт

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

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

13. Трэвис МакКлюр

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

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

14. Графический отдел

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

15. Тони Майер

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

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

16. Маурисио Баррето (предупреждение о движении)

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

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

17.BMCVR

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

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

18. Дэвид Клаус (предупреждение о движении и светочувствительности)

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

19. Гарри Мозес (предупреждение о движении)

Веб-сайт портфолио Гарри Мозеса напоминает редакционные развороты о высокой моде, которые вы можете найти в таких журналах, как Vogue, или во время промо-акций Недели моды в Нью-Йорке и Париже.

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

20. Шаблон портфолио WW Studios

И последнее, но не менее важное — это шаблон веб-сайта портфолио от WW Studios. Шаблон не только радует глаз, но и демонстрирует игривую творческую натуру.

Создайте следующее лучшее портфолио графического дизайна

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

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