14 вдохновляющих примеров портфолио UX-дизайнеров в 2021 году
Без UX веб-дизайн и дизайн пользовательского интерфейса были бы бесплодным пространством голых кнопок, роботизированного копирайтинга и холодных линий сетки, лишенных какой-либо человечности. Если вы UX-дизайнер, вам нужно продемонстрировать свои навыки, создав что-то, что вызывает интерес.
Прежде чем мы перейдем к портфелям, имейте в виду, что они не расположены в определенном порядке. Мы составили этот список исключительно для демонстрации отличного дизайна и контента. Если вы считаете, что ваше портфолио заслуживает того, чтобы быть в нашем следующем обзоре, не забудьте оставить комментарий ниже!
14 примеров портфолио UX дизайнеров
Хорошо, давайте проверим эти 14 портфолио UX, которые помогут вам создать свой собственный дизайн таким образом, чтобы он отражал дух вашей работы, а также ощущение того, кто вы есть.
1. Эйлин Шин
Портфолио UX продвигает ваши навыки и таланты, где бы вы ни находились в своей карьере.
Эйлин Шин многого достигла за короткий промежуток времени. Будь то то, чем она занималась в качестве стажера или ее работа дизайнером продуктов в Tumblr и Amazon, ее навыки UX демонстрируют сильное чувство юзабилити, основанное на простоте.
У каждого проекта есть хорошая рецензия, которая дает немного стратегической справки и разъясняет ее роль. Она демонстрирует свой опыт, но при этом остается скромной — две черты, которые любой клиент захочет от своего следующего UX-дизайнера.
2. Хесус Амадор
Ваше внимание привлекает портфолио Хесуса Амадора. тонкая анимация наведения и окружающий звук придают сайту интерактивный вид. Вы сразу же втягиваетесь в мир дизайна. Когда вы нажимаете на значок улыбающегося солнца в правом верхнем углу, вы получаете впечатляющий набор работ, а также страницу обо мне. Это отличный пример творческого подхода в портфолио, а не просто демонстрация простых примеров прототипирования. или каркасы.
Это UX-портфолио не боится охватывать эксцентричных людей, отражая более экспериментальные импульсы Иисуса.
Но они никогда не заходят слишком далеко. Это портфолио показывает потенциальным клиентам, что Иисус не боится рисковать дизайном, но при этом обеспечивает удобство работы с этим хорошо выполненным конечным продуктом.
3. Хиро Шибата
Портфолио Хиро Шибаты открывается героическим изображением пунктирных линий, пролегающих по дуге на темном фоне веб-сайта. Это несколько абстрактное изображение, но оно напоминает карты и путешествия пользователя.
Последующий дизайн имеет логическую организацию. Крупные заголовки и лаконичное письмо сообщают о том, что он делает, легко для понимания. Даже если вы просто просматриваете страницу, все сочетается с очевидной визуальной гармонией, демонстрируя его таланты как визуального дизайнера и UX-дизайнера.
4. Любомир Барджич
Ваша работа как UX-дизайнера — помогать людям легко воспринимать веб-дизайн. Ваше портфолио также требует плавного потока, показывающего, что вы создаете целостный дизайн, в котором легко ориентироваться.
Ваша домашняя страница должна демонстрировать ваши сильные стороны как UX-дизайнера.
Любомир Барджич точно владеет UX / UI дизайном в своем портфолио. В 4 избранных проектах, каждый из которых занимает свой цветовой блок, он дает достаточно деталей, чтобы показать все, на что он способен.
Он дает отличное понимание каждого проекта своим собственным сочинением и включает отзывы людей, на которых он работал. Этот сопроводительный текст идет дальше, чем просто избранные проекты, и действительно показывает, кем он является как дизайнер.
5. Венди Шорр
Страница Венди Шорр открывается с лампочкой. Да, лампочка, отражающая яркость интеллекта, — распространенный мотив, но эта лампочка выходит за рамки простой стоковой фотографии. Яркость нити накала становится ярче, показывая, что Венди выделяется на фоне остальных.
Избранные проекты находятся в нескольких шагах от этой целевой страницы, украшенной лампочками. У каждого есть обширное тематическое исследование, в котором подробно описаны пользовательские исследования Венди, процесс и ранние прототипы.
Если у вас есть примеры каркасов или других набросков, которые были частью визуального дизайна, не стесняйтесь включать их в свое портфолио. Все это легко могло бы превратиться в информационную перегрузку, но каждое тематическое исследование разбито таким образом, чтобы его было легко читать. Это еще одно отличное портфолио UX, также разработанное с помощью Webflow.
6. Михал Мацеевский
Прокрутка UX-портфолио Михала показывает слова: «Я верю в дизайн-мышление». Это сильное заявление, которое следует сделать вверху, но это заявление вводит тему, которая связывает все воедино в этом портфолио. Еще одна причина, по которой нам нравится этот дизайн: он был сделан в Webflow!
Темно-серый фон имеет легкий статический эффект, который гудит по всему дизайну. Это крошечное размытое движение делает все изображения и текст перед ним еще более четкими на контрасте. Это может быть незаметный эффект, но он настолько силен, что заставляет ваши глаза сосредоточиться на содержании перед ними.
Это свидетельствует о приверженности Михала дизайнерскому мышлению не только на макроуровне, но и на микро.
Еще одна приятная часть этого одностраничного дизайна — анимация, запускаемая при прокрутке. Одностраничные макеты могут быть довольно утомительными для навигации, если нет ничего, кроме статического текста и изображений. Эти эффекты делают посетителя активным участником, а не праздным пассажиром.
7. Паскаль Штраше
Вот еще один фантастический пример использования Webflow для создания портфолио UX. Так легко придерживаться того, что практично для портфолио, и иметь только скриншоты проектов и многое другое. Но портфолио должно быть не просто галереей ваших лучших работ, а немного показать, кто вы есть как личность.
Паскаль Штраше помещает свое фото прямо вверху главной страницы. Он ведет разговорный диалог и имеет множество деталей, подтверждающих то, что он говорит. Паскаль показывает, как найти правильный баланс между личным и профессиональным.
8. КОКО
Что может быть лучше для создания сайта-портфолио, чем использование причудливого робота? Этот милый дроид появляется на заднем плане и движется вперед, крошечным взмахом руки приветствуя вас в портфолио KOCO.
Мы видим несколько избранных проектов, все с подробными объяснениями, в которых указывается проблема, которую каждый проект стремился решить, и то, как дизайн KOCO предоставил решение. Это возвращает тон сайта к земле, давая понять, что любовь к роботам не мешает этому агентству предлагать практические решения. Мы видим ценность работы, проделанной KOCO, и то, как она помогла клиентам — важная сила для коммуникации любого портфолио UX-дизайна.
9. Даниил Новыков
UX-портфолио Даниэля Новикова — еще один пример того, как сделать громкое заявление наверху. «Я делаю это простым, но важным» — слова, которые любой клиент хотел бы услышать от дизайнера UX.
Эта философия простоты прослеживается во всем визуальном дизайне Даниэля, где цветовая палитра черного и белого сочетается с несколькими цветовыми пятнами.
Текст набран шрифтом Poppins, практичность которого без засечек облегчает чтение.
Это чувство значительной простоты также проявляется в представленных проектах. Мы не перегружены головокружительной сеткой работы. Вместо этого Дэниел демонстрирует несколько тщательно отобранных проектов с важными деталями для каждого.
Еще один хороший пример его простой и простой в использовании дизайнерской работы — это диалоговая контактная форма. Такие нестандартные украшения значительно способствуют раскрытию ваших UX-талантов.
И знаете, что еще в этом важного и простого? Дэниел использует Webflow для его разработки.
10. Грег Кристиан
Как UX-дизайнеру полезно иметь свою нишу. Ваше портфолио UX-дизайнера должно доходить до клиентов, с которыми вы хотели бы работать больше всего. Грег Кристиан специализируется на технологиях и работал со стартапами, такими как Sea Status, трекер океанской погоды, и Acorns, мобильное инвестиционное приложение. Грег — нетрадиционный дизайнер UX, стремящийся привлечь внимание клиентов, связанных с технологиями.
И угадайте, что — это портфолио также было разработано в Webflow
11. Райан С. Робинсон
Портфолио UX Райана С. Робинсона играет с размерностью. Вместо плоской сетки проектов он выкладывает портфолио под невидимым углом. Хотя кажется, что в наши дни все больше дизайнеров хотят экспериментировать с геометрией, вы не увидите ее во многих портфолио. Это портфолио UX-дизайнера преуспевает в своих слоях и наложениях, избавляясь от двумерности, к которой так привязаны многие дизайнеры. Всякий раз, когда вы можете придумать способ освободиться от обычного процесса визуального проектирования, это может обогатить ваши дизайнерские навыки, расширив ваш инструментарий.
Райан также предлагает несколько способов связи с ним, в том числе ссылку на его профиль в LinkedIn, который должен быть в каждом портфолио.
12. Джейсон Стивенс
Когда мы заходим на UX-портфолио Джейсона Стивена, мы сразу же видим избранный проект. Прокручивая страницу вниз, мы узнаем, что Джейсон не только дизайнер UX, но и имеет опыт работы в продажах, маркетинге и создании команд.
Поговорим об упражнении в пользовательском опыте!
Это может показаться тривиальной деталью, но она доходит до того, чтобы показать, кто такой Джейсон. UX — это личное общение с людьми, и этот фрагмент текста делает именно это.
Из этого введения мы получаем аккуратное расположение проектов с небольшой тенью. Горизонтальная строка состояния в верхней части страницы также является приятным штрихом, помогая посетителям этого одностраничного просмотра понять, где они находятся в общем потоке.
13. Аарон Рудык
Драматично освещенный Аарон Рудык выглядит с первой страницы своего портфолио без единой пряди волос на голове. Слева от него плывет газообразное пурпурное облако. Его взгляд стоичен, но таинственный пар движется. Работа UX-дизайнера требует как серьезности, так и творческого духа. Этот образ героя передает эту двойственность. Прокрутка вниз прерывает это мрачное и загадочное введение в множество ярких проектов с забавной вставкой анимации на фоновом изображении каждого проекта.
14. Уитни Мартин
Когда вы путешествуете по Уитни Мартин, вам предоставляется достаточно белого пространства и описание того, кто такая Уитни — пользовательский исследователь, рассказчик и визуальный дизайнер.
Прокручивая страницу вниз, вы видите различные проекты — от дизайна приложений до адаптивного веб-дизайна. В нижнем колонтитуле вы также можете получить доступ к социальным сетям Уитни, предоставляя клиентам, рекрутерам и менеджерам по найму возможность найти больше примеров их работы.
Продемонстрируйте свои таланты с портфолио UX
Если все, что у вас есть для присутствия в Интернете, — это профиль Linkedin, вам нужно поработать. Легко захотеть просто собрать базовое портфолио UX-дизайнера, и если вам нужно что-то быстро сделать, это лучше, чем ничего не делать в сети. Но позвольте вашему UX-портфолио быть продолжением вашего личного бренда, отображая ваши таланты и личность, показывая, что ваша работа и то, кем вы являетесь, выходят за рамки простой сетки проектов на скучном экране.
Если вы хотите создать звездное портфолио дизайнера UX, ознакомьтесь с нашим бесплатным 21-дневным курсом портфолио дизайна. И обязательно ознакомьтесь с нашими шаблонами портфолио или просмотрите другие примеры портфолио в Webflow Showcase!
советы работодателей и много примеров
Во время поиска работы портфолио не менее важно, чем резюме. А для творческих профессий даже важнее.
Редакция MC.today разобралась, как оформляется портфолио и какую информацию ищут в нем работодатели.
Почему стоит оформить портфолио
В отличие от резюме, которое рассказывает об опыте и профессиональных навыках, портфолио показывает, что конкретно вы умеете делать. Это коллекция вашего профессионального опыта.
Без портфолио не обойтись тем, кто работает с визуализацией: дизайнерам, иллюстраторам, стилистам, художникам, фотографам, архитекторам, операторам, режиссерам.
Согласитесь, трудно выбрать дизайнера на проект, если не видел его работ, не знаешь, в каком стиле он работает и какие задачи умеет решать.
Поэтому в случае с творческими профессиями портфолио важнее резюме. Для специалистов других профессий портфолио необязательно. Но любой рекрутер обрадуется, если оно у вас будет.
Журналисты собирают в портфолио свои лучшие статьи, маркетологи – удачные для компании проекты, юристы – сложные дела, которые удалось решить в пользу клиента, программисты – отрывки из кодов, пластические хирурги – фото до и после операций, учителя – педагогические разработки, уроки и достижения учеников. Сложно найти профессию, в которой нельзя было бы оформить портфолио.
В 2021 году в Украине, по статистике, на одну вакансию претендует шесть соискателей. В отдельных случаях их может быть и 50. В таких условиях портфолио – способ выделиться из потока претендентов на должность.
Оксана Коган, HR-руководитель в XCDS, говорит, что портфолио – это преимущество для кандидата, ведь оно помогает увидеть его «в действии».
Из всех соискателей работодатель выберет того, кто предоставит портфолио.А Татьяна Шинкаренко, HR-бизнес-партнер в «ДЗЕН», считает, что на соискателя, у которого нет портфолио, вообще не стоит тратить время.
Как сделать портфолио: 7 основных правилСоздавайте портфолио так, будто готовитесь к выставке. По сути, портфолио – это ваш выставочный стенд. А человек, его изучающий, – клиент, которого надо убедить, что вы лучшее предложение на рынке труда.
Work.ua советует придерживаться таких правил:
Ссылка на облако с сотней несистематизированных папок или файлов – это не портфолио.
2. Отберите максимум 5–7 работ в каждой категорииБольше работодателю будет сложно проанализировать.
3. Выберите последовательность подачи- по жанрам, направлениям или стилям;
- от новых к более старым;
- от лучших к менее удачным.
- название;
- дата;
- время работы;
- какие задачи решили.
Ошибки и опечатки неуместны в любом документе.
Будьте креативны, но старайтесь придерживаться единого стиля.
7. Проверьте портфолио на актуальностьРегулярно обновляйте и дополняйте портфолио. Перед отправкой работодателю проверьте, все ли ссылки в нем открываются, нет ли устаревшей информации. Татьяна Шинкаренко считает, что не стоит тратить время и на соискателя, который не обновил портфолио.
Если вы забыли открыть доступ к файлу по ссылке или одна из ссылок в тексте устарела, рекрутер, скорее всего, отправит ваше портфолио в «корзину» и не будет разбираться.
Примеры портфолио в дизайне и ITВ каждой профессии свои требования к портфолио.
Главное в нем – иллюстрации. Что с ними может быть не так?
- Изображения низкого разрешения. Один из профессиональных навыков дизайнера – умение сохранять файлы в нужном формате. Продемонстрируйте его.
- Слишком большие изображения. Файлы в самом высоком разрешении невозможно рассмотреть целиком. Это портит восприятие.
Далее описания. Чтобы составить их правильно, отнеситесь к портфолио как к решению задачи, советует основательница первого в Украине дизайн-рекрутингового агентства Hirey.io Кристина Голышева:
- определите целевую аудиторию – рекрутеры;
- найдите дизайн-решение, которое не требует дополнительных объяснений;
- позаботьтесь о навигации – без сложных переходов и анимации;
- расскажите об этапах дизайн-процесса с помощью инфографики;
- сформулируйте проблему и покажите, как ее решили;
- создайте образ, чтобы запомниться рекрутеру;
- оформите портфолио в одном стиле – это продемонстрирует ваше дизайнерское мастерство.
Кристина Голышева считает, что идеальное соотношение визуальных материалов и текста для дизайнеров с фокусом на UX
Анатолий Рубцов, ведущий дизайнер студии DataArt, предлагает оформлять портфолио в виде кейсов и размещать их на Behance. Каждый кейс показывает пошаговое решение задачи, содержит изображения, схематичные разметки экрана и другую графику.
Пример портфолио дизайнера. Источник
Теперь об ошибках: их допускают 80% молодых дизайнеров.
Ошибка №1. Слишком много мокапов (макетов – Прим. ред.). Работодатель ищет креативные решения, а не умение обрабатывать скачанные макеты. Поэтому сначала дизайн, потом мокап.
Ошибка №2. Много креатива, мало рутины. Важно показать, что вы не только креативны, но справитесь и с ежедневными задачами.
Ошибка №3. Чрезмерная разноплановость. Подберите работы так, чтобы они презентовали ваш стиль. Но как поступить, если вы талантливы в нескольких направлениях? Например, иллюстрациях, фотографиях, дизайне сайтов и макетах печатной продукции.
В таком случае сделайте несколько портфолио с акцентом на разные специализации, как советует сооснователь дизайн-студии Humbleteam Антон Ступнев
Ориентируйтесь на примеры. В интернете есть тысячи удачных портфолио дизайнеров. Например, много их на Bestfolios:
Пример портфолио дизайнера. Источник
Еще один сайт для размещения дизайнерских портфолио – Dribbble:
Пример портфолио дизайнера. Источник
Портфолио программистаПрофиль на GitHub – лучшее портфолио программиста, считает директор по управлению данными в SQUAD Алексей Руденко.
Достаточно показать два-три проекта, которые отражают ваши навыки. Учебные тоже годятся.
Пример портфолио программиста. Источник
Алексей советует: если у вас нет законченных проектов, вы только прошли курсы и ищете первую работу, добавьте одну-две простых игры типа «крестики-нолики». Цель – показать навыки и умения.
Соискателю с портфолио работодатели в IT реже дают дополнительные тесты на собеседовании, а еще это выделит вас среди других.
Портфолио специалиста по анализу данных (data scientist)Те, кто работает с данными, размещают портфолио на онлайн-платформах Kaggle или GitHub, реже в LinkedIn.
В нем они описывают свои проекты по такой структуре:
- проблема;
- цели;
- результат;
- визуализация решений.
Пример портфолио специалиста по анализу данных. Источник
Показывать аналитику при этом необязательно. Вместо нее можно добавить в описание проекта такую информацию:
- как он начался;
- как вы оценили масштаб задач;
- какие цели поставили;
- чем массив данных был интересен;
- чего добились в результате.
Важно подавать меньше схем и моделей, а больше выводов.
17 сервисов, где можно создать крутое портфолиоBehance,
Кристина Голышева считает, что идеальное портфолио – это отдельная веб-страница или сайт. Создать такие можно с помощью специальных конструкторов:
- Squarespace, WiX, Tilda, Readymag. У них есть нужные наборы инструментов, шаблонов и удобная навигация.
А вот сайты и социальные сети для дизайнеров, иллюстраторов, художников:
- Bleidu – бесплатный сайт по созданию портфолио.
- Portfolio’s Friend – «онлайн-выставка», посвященная искусству и дизайну.
- Portfoliobox – бесплатный сайт по созданию портфолио с адаптивным дизайном.
- Deviantert – сообщество художников и иллюстраторов, где они представляют свои проекты.
- Coroflot – социальная сеть для художников, иллюстраторов и дизайнеров, где можно создать разместить портфолио и найти работу.
Сайты для журналистов, копирайтеров, PR-менеджеров:
- Clippings.me – бесплатный англоязычный сайт для журналистов.
- Muck Rack – здесь журналисты могут создать профиль в англоязычной базе СМИ и подкрепить ссылки на свои публикации.
- Contently – англоязычная платформа корпоративного контент-маркетинга. Здесь могут разместить портфолио и найти работу редакторы, копирайтеры и блогеры.
Как создать идеальный дизайн для портфолио? Примеры дизайна сайтов
От Автора: Понравиться другим сложно, но гораздо труднее бывает угодить самому требовательному человеку – себе. Стремление к получению максимально красивого дизайна для своего будущего портфолио, может помешать в достижении конечного результата. Как определиться с идеей, не переборщить с оформлением и при этом угодить самому себе? Как же создать идеальный дизайн для портфолио?
О, портфолио
Об идеалах можно спорить долго и упорно, каждый останется в той или иной степени прав. Говоря об идеальном в контексте данной статьи, я подразумеваю, прежде всего, идеальное портфолио для самого автора.
Поле боя дизайнерских идей
Наличие большого количества идей, безусловно, является признаком мастерства и хорошей фантазии. Но, перемешиваясь, даже гениальные идеи превращаются в бесформенный винегрет. Будет ли ваше портфолио в виде каталога, или представлено как перелистывающаяся книга, а может быть вам по душе минимализм: белый фон, черные буквы и почти полное отсутствие графических элементов?
Сразу определиться сложно. Поэтому будем смотреть примеры удачных дизайнов портфолио, учиться расставлять приоритеты и выбирать из многочисленных идей – лучшие.
Наблюдение, а не подражание
У каждого дизайнера свои методики и секреты. Кто-то делает первоначальные наброски будущего дизайна на листке бумаги, а потом кропотливо переносит эти наброски на компьютер, кто-то сразу рисует в специализированных графических программах, а у кого-то уже есть в запасе заготовки (запчасти) для будущих сайтов и он просто соединяет их вместе, перерабатывая под определенный заказ. Единого рецепта не существует. Но однозначно то, что перед началом работы над дизайном необходимо хорошо продумать идею и посмотреть примеры сайтов с подобной тематикой.
Веб-дизайн. Быстрый старт
Изучите курс и узнайте, как создать дизайн и протопип сайта в Figma
Узнать подробнееПРИМЕРное поведение
Сейчас я познакомлю вас с одиннадцатью удачными вариантами портфолио, на мой взгляд. У вас может быть и должен быть свой список предпочтений в дизайне. Для этого всего лишь надо вбить в поисковую строчку того же Яндекса нужную вам комбинацию слов. Например, “портфолио фотографа” и внимательно поискать.
//ilyas.ru/
//vitalyshepelev.com/
//www.melekesceva.ru/
//anya-aleksandrova.com/
//kaff.ru/
//artyulia.com/
//reey.ru/
//fntw.ru/
//alexarts.ru/
//ashatan.ru/
//dwaiter.com/
Примеры всегда пойдут на пользу. Мы можем использовать сайты схожей тематики в качестве источника вдохновения, но не имеем этического права копировать точь-в-точь все детали оформления. Да и воспроизвести похожую на оригинал столь качественную копию получится только у опытного профессионала.
Супермаркет для дизайнера
Если вы решили самостоятельно осваивать азы дизайна сайтов, вдохновившись выше приведенными примерами, то не лишним будет знать, что для тренировки и набивания руки очень подойдет клипарт. Клипарт – набор графических элементов дизайна (например, кнопки для сайта, иконки, кисти, а также готовые рисунки, фотографические изображения и анимация). Клипарт можно свободно скачать в Интернете с бесплатных ресурсов.
К примеру у нас в разделе «Графика»
Несколько из таких ресурсов:
Но, к сожалению, почти на каждом бесплатном и частично бесплатном ресурсе существует возможности покупки. За некоторый, наиболее качественный и эксклюзивный клипарт, придется заплатить умеренную, но, все же, плату (если речь идет не о тренировке, а о реалистичном проекте, например, вашем портфолио).
Поле боя дизайнерских идей – 2
Полученный глоток вдохновения от созерцания прекрасного, примерно-подражательного, может сыграть злую шутку. Не важно, разрабатываете ли вы идею дизайна с потолка, либо смотрите подборку лучших из лучших дизайнов портфолио – обрывочные идеи, возникающие в голове, могут поглощать друг друга, накладываться и превращаться в мусор. Как же тогда из десятка “Хочу”, выделить одно “Надо! И именно это мне подходит”?
Надо! И именно это мне подходит
Дизайн это ведь та же одежда. Когда вы примеряете на себя новое платье или галстук, обращаете внимание, подходит ли эта вещь именно вам? Так почему бы не примерить каждую идею дизайна на себя, свою область деятельности? Если не получается примерить мысленно, нарисуйте эскизы на бумаге.
Испытание зеркалом. Вы должны уметь оценивать свою идею (вне зависимости от стадии реализации) со стороны. Представьте, будто вы обычный посетитель, зашедший на сайт дизайнера интерьеров. И что именно вы хотели бы там увидеть?
А нужна ли непохожая непохожесть? Вовсе не нужно изобретать велосипед. Дизайн портфолио должен отражать вашу индивидуальность, но при этом не быть вычурным. Конечно, если вы – художник, то без картинного дизайна вряд ли можно обойтись, хотя скромный дизайн портфолио художника с красивым набором рисунков все же будет более предпочтительным.
Не отвлекайте от себя! Чересчур насыщенный графическими элементами дизайн может отпугнуть посетителей, и они закроют вашу персональную страничку, не дойдя до самого главного – до ваших работ.
Если вы решили добавить клипарт, то помните, что все хорошо в меру. Картинки или иконки не должны мешать просмотру вашего портфолио, они, наоборот, обязаны помогать обратить внимание на ваш род деятельности.
Портфолио должно оставаться портфолио. Не прячьте галерею рисунков, макетов, чертежей, картин куда-то далеко. Доступ к вашим работам должен быть с любой страницы сайта, а лучше, если галерея работ будет встроена программистами на главную страницу. Не забывайте, что вы – это, прежде всего, ваша деятельность и задача портфолио — познакомить посетителей с вашей деятельностью.
Черта
Расскажу один забавный, но правдивый случай, который наглядно показывает, что нужно процеживать поток идей ради того, чтобы в конечном результате получить идеальный дизайн своего портфолио.
Один знакомый дизайнер попросил высказать мнение о дизайн-макете сайта. Я открыла картинку с безумными шрифтами, иллюстрациями и иконками. “Так масштабно, что глаза разбегаются, и даже с первого взгляда не поймешь о чем сайт или о ком” – резюмировала я. “Это портфолио дизайнера, то есть мое личное” – получила я в ответ.
Выяснилось, что знакомый уже более полугода пытается создать нечто только для того, чтобы дать возможность людям просматривать галерею своих работ и видеть координаты для связи. С каждым новым дизайн-макетом появляются все более безумные идеи, которые, к слову, интерпретируются очень качественно, но пугают своей пестротой и насыщенностью. Мне стало любопытно, и я периодически спрашивала у знакомого об успехах в выборе дизайна для портфолио. Мне демонстрировались все новые и новые варианты, красочные, заумные, прекрасные и все же утомительные. В итоге все эти старания свелись к минимализму. Назло своим идеям и на радость посетителям, знакомый дизайнер сделал черно-белый простой сайт без каких-либо изображений. Хотя нет, изображения все-таки были, но только после перехода по ссылке “Портфолио”.
Удачного вам выбора идеи для идеального дизайна портфолио!
Автор: Даша Григорьева
Редакция: Рог Виктор и Бернацкий Андрей. Команда webformyself.
E-mail: [email protected]
Проект webformyself.com — Как создать свой сайт. Основы самостоятельного сайтостроения
P.S. Хотите опубликовать интересный тематический материал и заработать? Если ответ «Да», то жмите сюда.
Веб-дизайн. Быстрый старт
Изучите курс и узнайте, как создать дизайн и протопип сайта в Figma
Узнать подробнееВеб-дизайн. Быстрый старт
Изучите курс и узнайте, как создать дизайн и протопип сайта в Figma!
Смотреть видеоЧто должно быть в каждом хорошем портфолио дизайнера — UXPUB
Повысьте свои шансы попасть на собеседование
В должности менеджера по найму я имел честь проверить сотни портфолио и провести собеседования с сотнями кандидатов. Пару недель назад дизайнер, которую я нанял несколько лет назад, попросила меня просмотреть ее портфолио. Потому что она искала новую работу (не волнуйтесь, на тот момент я уже не был ее менеджером). Она невероятно талантлива, и я хотел убедиться, что ее портфолио точно отражает ее способности.
Я подумал, что, возможно, мои знания помогут другим людям улучшить свои портфолио, поэтому я написал эту статью! Должен отметить, что я в основном нанимал UX и продуктовых дизайнеров. Эти советы можно также применить к визуальным и графическим дизайнерам, но больше ориентированы на первых.
3 распространенные ошибки портфолио:
1. Запутанная структура
Дизайн в значительной степени зависит от вашей способности общаться с пользователями. Это означает, что, если вы не можете рассказать о своей работе мне, менеджеру по найму, что может заставить меня думать, что вы можете общаться с нашими пользователями?
Убедитесь, что ваши высокоуровневые точки выделены жирным шрифтом / подчеркнуты и к ним применена визуальная иерархия. Я не горжусь этим, но из-за нехватки времени я поверхностно просматриваю множество портфолио. Однако, не думаю, что я единственный, кто так делает. Если я не могу с первого взгляда получить представление о вашем процессе проектирования, это серьезно подорвет ваши шансы перейти на следующий этап.
Например, если вы продуктовый дизайнер, я ожидаю увидеть примерно следующее:
- Опишите бизнес-проблему
- Опишите проблему пользователя
- Опишите решение, которое вы придумали
- Опишите, как вы измерили эффективность решения и каковы были результаты.
Даже, если вы графический дизайнер, моушен-дизайнер или кто-то еще – ваш «набросок» должен связать всю историю вместе, и мне не придется погружаться в абзацы основного текста.
Вот пример того, как процесс связан с точками высокого уровня:
- Сотрудники техподдержки работали по 50 часов в неделю, что приводило к потере работоспособности и значительным затратам на оплату сверхурочных.
- После исследования мы выяснили, что это было связано с тем, что используя наш продукт люди не все понимали.
- Я работал с продуктовой командой над улучшением юзабилити продукта.
- Через месяц после внесения изменений персонал службы поддержки сократил количество тикетов на 30%.
В каждом из этих пунктов вы можете погрузиться в подробные параграфы текста, изображений, аннотаций и тому подобного – но при быстром скролле портфолио я смогу получить представление о вашем процессе, не потратив 30 минут на чтение. Если процесс высокого уровня имеет смысл, я перейду к деталям, чтобы увидеть, как именно вы достигли полученный результат.
2. Неясность в датах
Когда был завершен проект? В каком порядке были совершены шаги? Как долго длился каждый шаг?
Это вещи, которые я часто не нахожу в портфолио. Поймите, менеджеры по найму оценивают вашу способность общаться! Если вы потратили 5 дней на исследования и 1 день на вайрфреймы, я хочу услышать о том, почему это произошло, и что из этого вышло. Если вы суммируете описание своего исследования в одном предложении, но потратите 5 страниц, показывая мне вайрфреймы, я, естественно, предположу, что вы не тратили время на исследования.
Это не означает, что вам нужно пропорционально указывать усилия с помощью длинных описаний, но вы должны сообщить об этом менеджеру по найму, или он сделает предположения.
Если этот проект был реализован 3 года назад, скажите мне об этом и почему вы все же решили включить его в свое портфолио. Часто я вижу, как выбор, сделанный в одном проекте, сильно противоречит выбору, сделанному в другом проекте. И только после телефонного звонка я узнаю, что между ними было 5 лет.
3. Неясность роли дизайнера
Мне нравится слышать о команде – и, конечно, я не люблю кандидатов, страдающих нарциссизмом – но, если я не знаю, какова была ваша роль в проекте, я не смогу оценить вас, как кандидата.
Вам не нужно постоянно рассказывать, как вы все сделали. Однако вам необходимо упомянуть свою роль и, в частности, каковы были ваши ответы на трудности, с которыми столкнулась команда.
Даже, если со временем ваша роль изменилась, это абсолютно нормально. Лично мне нравится смотреть, как команда изменила курс благодаря вам. Вы должны были убедить заинтересованную сторону изменить свое мнение? Как вы это сделали? Что произошло, когда вы получили от команды отпор?
Это дает менеджеру по найму представление о том, как вы вписались бы в команду, для которой вас нанимают. Возможно, компании нужна суперзвезда, чтобы отстаивать какую-то инициативу с туманными требованиями – они могут увидеть это по вашим решениям и взаимодействию с командой. Или, может быть, им нужна рок-звезда, которая просто великолепно руководит междисциплинарной командой джуниоров – они это тоже поймут.
3 вещи, которые нужно добавить:
1. Операционное влияние
В дополнение к пояснению того, что вы сделали, я хочу увидеть, как кандидаты взаимодействуют с другими членами команды. Сильный дизайнер должен уметь входить в комнату полную клиентов, инженеров, продакт-менеджеров и т. д. И добавлять продукту ценность таким способом, которым они не могут.
Дизайн имеет давнюю историю отсутствия права голоса или места за столом. Поэтому мне нравится, когда я вижу подобные вещи:
- «Команда что-то обсуждала, и я понял, что у нас всех были разные версии общей идеи. Я взял маркер и нарисовал визуальный артефакт, чтобы мы могли согласовать наши разрозненные идеи».
- «Клиентка хотела изменить цвет, потому что он казался ей слишком броским. Я собрал целую кучу примеров того, как яркие цвета поначалу воспринимались негативно, но со временем стали отличительной чертой известных брендов».
- «Разработчик хотел добавить выпадающий список там, где это не имело особого смысла. Я провел его через типичное юзефлоу, основанное на моих исследованиях. Поставив себя на место пользователя, он понял, что это ошибочное решение».
Если у вас мало опыта, нормально иметь меньшее оперативное влияние, поскольку вы все еще учитесь. Просто покажите даже самые маленькие примеры того, как вы продвинули команду вперед, и это уже невероятно впечатляет.
2. Сознательная компетентность
Чем старше кандидат, тем больше сознательной компетентности менеджеры по найму ожидают увидеть. Чем больше вы сможете обосновать каждое принятое вами решение и шаг, тем лучше. Например, если вы скажете «вот тут я погружаюсь в исследования», я хочу знать, почему. Если вы скажете «вот набор функций, к которым мы пришли», я хочу знать, как.
Даже когда речь идет о визуальном дизайне, скажите мне, почему вы выбрали этот цвет или паттерн интерфейса. Иногда даже справедливо пропустить то, что обычно считают необходимым шагом, если вы объясните почему. Если вы UX-дизайнер и скажите «я решил пропустить исследование» – не страшно. А вот сказать, что вы решили пропустить исследование, не объясняя, почему – это страшно.
Для junior-кандидатов я ищу более бессознательную компетенцию. Я хочу видеть доказательства того, что они принимают правильные решения. Возможно, они еще точно не знают, почему они хороши, но они не просто следуют «правилам», потому что им кто-то сказал. Они делают то, что считают лучшим, и это является отличным признаком скрытого таланта.
Честно говоря, мне плевать на полученные результаты. Я гораздо больше волнуюсь о том, как кандидат добрался до этих результатов, потому что, если я увижу сильное мышление, я, естественно, могу экстраполировать то, как этот кандидат подойдет к проблеме, которую я позже поставлю перед ним.
3. Ретроспектива
Вы либо учитесь у других, либо у себя. В любом случае, это требует изучения того, что произошло, чтобы определить, были ли принятые вами решения правильными.
Просто шокирует сколько кандидатов не включают в свои портфолио никаких намеков на это!
Самые сильные портфолио, которые я видел, всегда включают тщательный критический анализ принятых решений (были ли они правильными или неправильными), и связывают его с достигнутыми результатами.
Это не значит, что каждое ваше решение должно быть правильным. На самом деле, я всегда приглашал на собеседование кандидатов, которые демонстрировали достаточно смирения, чтобы признать, что решение было плохим, и показывали, как они извлекли из него уроки.
Вы, по сути, отвечаете на вопрос «какая ваша самая большая слабость». Вот несколько ярких примеров коротких ретроспектив, которые были невероятно мощными для демонстрации способностей кандидата:
«Я был очень доволен результатами. Бизнес тоже. Однако я подумал, что, если бы мы потратили немного больше времени и создали 3 варианта решения, а не одно, мы бы пришли к еще лучшему решению или, по крайней мере, к более дешевому с технической точки зрения. В этом случае сэкономленное время не стоило того».
«У нас было множество положительных отзывов после того, как мы создали функцию X. Я был доволен качеством дизайна, но чувствовал, что мог бы добиться результата быстрее. Из-за неясных требований я потратил много времени на продакт-менеджмент. Теперь у меня есть список вопросов, которые я всегда задаю продакт-менеджеру, прежде чем приступить к мозговому штурму».
Ищете работу удаленного дизайнера? Я создал сервис под названием Theo, который объединяет все доски объявлений, агрегаторы, социальные сети, системы отслеживания вакансий и многое другое.
Спасибо Fabricio Teixeira.
Портфолио дизайнера
Личное портфолио
Как руководителю отдела маркетинговых разработок одного из популярных среди дизайнеров агентств, мне приходилось довольно часто участвовать в собеседованиях дизайнеров. И часто к нам на почту приходили письма от претендентов. К большому тексту письма часто прилагались архивы в .rar с несколькими папками с визитками и логотипами. Такие письма редко открывались. Уже на этом этапе мы понимали, что не стоит тратить на них время.
Мы нанимали дизайнеров, которые отправляли нам пустые письма с прикрепленным аккуратно оформленным портфолио в .pdf.
Если вы дизайнер и вам хочется рассказать о себе, сделайте это в портфолио на второй странице, разместив фотографию и краткий рассказ о себе и своих целях. Не стоит слишком подробно расписывать в письме, зачем вы отправляете свое портфолио или чего вы хотите. Если вы и достойны работы, то только портфолио сможет это продемонстрировать.
Дизайнер «в штат» — с множеством разных проектов в разных сферах
Если небольшое агентство будет искать дизайнера на постоянную работу, то, очевидно, ему понадобится специалист-универсал. Такой дизайнер должен иметь опыт работы в разных направлениях. Так как ему придется и рисовать логотипы, и верстать рекламные полосы, и создавать проекты выставочных стендов.
Портфолио дизайнера должно содержать несколько разделов, демонстрирующих понимание принципов работы в разных направлениях: веб-дизайн, брендинг, полиграфия.
Дизайнер «на один проект» должен показать много работ одного направления
Если агентство ищет специалиста для решения конкретной задачи, то узкая специализация становится важным критерием в подборе. Портфолио дизайнера, работающего в рамках узкой специализации должно иметь четкую цель — показать глубокое понимание работы в одном направлении.
Так дизайнеры, которые работают только над логотипами, собирают в свое портфолио только логотипы. И преподносят работы совершенно особенным образом, раскрывая все грани своего видения проектов.
Покажите, что вы умеете решать задачи
Обязательно сопровождайте все работы в портфолио текстовым описанием. В нем вы можете очертить поставленную перед вам задачу и рассказать, как было найдено решение.
Какой вы дизайнер: технический или креативный
Технические дизайнеры
От них требуется воплотить задумки креативного дизайнера или клиента (например, в небольших типографиях). Если вы видите себя техническим дизайнером, то ваше портфолио должно включать работы, демонстрирующие высокий уровень владения графическими редакторами. Не стоит переживать, если вам кажется, что ваш дизайн недостаточно оригинален или креативен. Во многие компании требуются специалисты, отлично владеющие инструментарием.
Креативные дизайнеры
От этих требуются идеи. Им в некоторой степени простительны недочеты в технической реализации задумок. Идеальный тандем — творческая связка креативного дизайнера и технического: первый может придумать, второй — реализовать. В портфолио креативного дизайнера, помимо завершенных проектов, должны попасть зарисовки и скетчи, которые продемонстрируют потенциал и воображение. Но это не должны быть рисунки и идеи, созданные только ради того, чтобы быть созданными. Все они должны преследовать определенную цель.
Делайте дизайн для вымышленных компаний
Не стоит переживать, если у вас было мало клиентов, либо не было их совсем. Делайте дизайн для вымышленных. Придумайте компанию, опишите виды деятельности, индивидуальность. Поставьте конкретную коммуникационную задачу и решите ее графическими средствами: создайте рекламу или фирменный стиль. Отсутствие реальных клиентов — это не препятствие.
Покажите свою специализацию
Даже если вы не претендуете на нечто выдающееся, покажите, в чем вы особенно хороши. Обозначьте это в портфолио. Неважно, хотите ли вы получить работу как дизайнер-универсал или как дизайнер, специализирующийся в конкретном направлении. Можете даже так и написать в самом начале портфолио: «Я фокусируюсь на разработке плоских логотипов».
Сегодня на рынке очень много дизайнеров и все хорошие более или менее одинаково достойны получить тот или иной проект. Более того, все они делают свои работы похоже: в тренде, используя популярные и актуальные решения. Мало кто использует свой стиль или фокусируется на специфичных решениях. Чтобы выделиться, найдите то, что получается у вас лучше всего и покажите это.
Это может быть отдельное направление или выполнение работ в каком-то стиле.
Распечатайте ваше портфолио
У хорошего дизайнера должно быть распечатано его портфолио. Когда его приглашают на собеседование, ему следует передать потенциальному работодателю новый, чистый экземпляр.
Мало кто приносит с собой портфолио в распечатанном виде. Само наличие портфолио в виде журнала или книжки будет свидетельством особого подхода к работе и к клиентам. Что заметно выделит вас на фоне других претендентов на должность или участие в проекте.
При подготовке портфолио следует внимательно подойти к подбору бумаги (глянцевая или матовая, фактура), типу скрепления страниц (склейка, скрепка, кольца) и цветопередаче (в макете все цвета должны быть переведены в CMYK).
Если вы готовите портфолио для печати, то можете выбрать необычный формат: оно может быть квадратным или может разворачиваться, как карта-путеводитель. Это произведет нужное впечатление. Хотя классическая книжка формата А4 или альбом формата А3 в большинстве случаев будет уместнее.
Распечатайте сразу несколько экземпляров своего портфолио. У вас будет возможность оставить несколько новых экземпляров после собеседований.
Создайте сайт и страницу на behance
Вам обязательно стоит создать сайт или завести блог, где вы сможете размещать все свои работы. Так вам будет легко и удобно вести работу по поиску клиентов и партнеров, не встречаясь с ними. Во-первых, ваши работы будут продавать ваши услуги без вашего участия. Во-вторых, вам будет удобно перенаправлять потенциальных клиентов на свой сайт, чтобы те смогли посмотреть ваше портфолио.
Также создайте страницу на сайте behance.net. И разместите там лучшие из своих работ. Это социальная сеть, созданная компанией Adobe. В ней профессионалы со всего мира размещают свои работы.
Не забудьте указать, с кем выполнен проект
Если вы включаете в портфолио работы, выполненные вместе с кем-то, укажите всех участников проекта: проект-менеджера, копирайтера, других дизайнеров. Если вы делали работу для агентства или для другого дизайнера, укажите это. Так вы не присвоите коллективный труд. Бывали случае, когда к нам в агентство приходили дизайнеры, которые занимались лишь обработкой фотографий для сложных макетов печатной рекламы. И преподносили их так, как будто и занимались организацией съемок, и писали тексты, и верстали макет.
Обновляйте ваше портфолио
Ваши проекты со временем становятся все лучше и лучше. Стоит периодически пересматривать свое портфолио. Лучшие проекты должны вытеснять то, что уже, на ваш вкус, могло устареть или потерять актуальность в сравнении со свежими работами.
Работ в портфолио должно быть мало
Стремитесь к необходимому и достаточному минимуму качественных работ в вашем портфолио. Если вы не уверены, что та или иная работа достойна попасть в портфолио, не включайте ее. Большое количество посредственных работ не представит вас в выгодном свете.
Если вы оцениваете портфолио
Если вы нанимаете на работу или на проект дизайнера, вам стоит обратить внимание на следующее:
- само наличие портфолио
- насколько аккуратно и понятно работы систематизированы и оформлены
- есть ли текстовое описание проектов с описанием задач и путей их решений
- указаны ли все участники коллективных проектов
- уровень владения графическими инструментами
- оригинальность идей и их способность решать поставленные задачи
Обратите внимание на то, что количество работ не является ни признаком опыта, ни признаком ценности труда, ни признаком чего бы то ни было еще. Большое количество посредственных работ не должно вводит вас в заблуждение. Отдавайте предпочтение тем, кто нацелен на достойное качество и аккуратное оформление.
Примеры портфолио
Ниже представлены несколько ссылок с онлайн-версиями портфолио дизайнеров.
thebeastisback.com
laurenwickware.com
rafaelkfouri.com
jenniferheintz.com
bendavidsandhu.com
alexcoven.com
iraivanova.com
behance.net/yoyer
behance.net/Arbuzov
Почитать
Всем дизайнерам я крайне рекомендую прочитать книгу «Чему вас не научат в дизайн-школе».
23 отличных примера портфолио графического дизайнера для вдохновения
Если вы графический дизайнер-фрилансер, иллюстратор, дизайнер брендов, дизайнер логотипов или любой другой цифровой дизайнер, вы должны быть здесь, потому что вам нужен хороший веб-сайт-портфолио, чтобы продемонстрировать свои работы и получить клиентов своей мечты. Но как должно выглядеть правильное дизайнерское портфолио?
Существует так много макетов, цветовых схем и стилей на выбор, что это может стать действительно подавляющим и очень быстро.
Часто просмотр веб-сайтов портфолио других графических дизайнеров может быть полезным при принятии решения о том, как вы хотите, чтобы ваш собственный веб-сайт портфолио выглядел.
Посмотрев на веб-сайты с портфолио графического дизайна, созданные другими творческими коллегами, вы сможете лучше понять, что работает, а что нет. Вы можете отметить, как другие дизайнеры демонстрируют свои работы. Как они размещают важную информацию и что должно быть включено в хороший веб-сайт-портфолио.
Так позвольте себе вдохновиться выбором из 20 веб-сайтов с портфолио для иллюстраторов, авторов и графических дизайнеров!
1. Стейси Юй
Веб-сайт личного портфолио Стейси Ую — щелкните изображение, чтобы перейти на веб-сайт2.Фляга Доминика
Пример портфеля иллюстраций бренда и продукта3. Тим Хаусхолтер
Веб-сайт портфолио Тима Хаусхолтера4. Джейми Бартлетт
Портфолио графического дизайна Джейми Бартлетта5. Илана Гриффо
Портфолио иллюстратора и графического дизайнера6. Келли Романальди
Портфолио графического дизайнера Келли7. Алекс Ковен
Сайт-портфолио графического дизайна, разработчика и надписи8. Исмаэль Барри
Пример портфолио продуктового дизайна9.Храбрый лес
Муж и студия дизайна и иллюстраций10 Melanie Da Veid
Пример портфолио UX-дизайнера и арт-директора11. Джон Броммет
Веб-сайт портфолио Джона Броммета12. Lotta Nieminen Studio
Пример портфолио женственного и нежного графического дизайна13. Адам Сандовал
Яркий и смелый пример портфолио14. Frederique Matti
Пример темного сайта портфолио15. Tiffany Wu
Пример чистого и минималистичного портфолио16.Алиса Ли
Веб-сайт с портфолио иллюстраций Алисы Ли17. Сорен Селлеслаг
Пример веб-сайта портфолио иллюстраций и анимации18. Steve Wolf Designs
Полноэкранный графический дизайн и портфолио брендинга19. Good Form Design
Пример красочного портфолио20. Нил Сперджен
Пример минималистичного и чистого портфолио продуктового дизайнера.21. Челси Родомиста
Пример портфолио трехколоночной сетки со страницей приветствия22. The Digital Artisans
Пример портфеля из двух колонн в стиле кладки23.Зак Рощевский
Пример кланового и функционального портфолиоЧто мы узнали из этих примеров портфолио графического дизайнера
Посмотрев на все эти прекрасные веб-сайты портфолио графического дизайнера, мы быстро заметили некоторые сходства, которые есть у большинства этих примеров портфолио.
На сайтах с большим портфолио графического дизайна:
- их лучший рабочий фронт и центр
- чистый и простой дизайн с акцентом на портфолио
- четкое введение, рассказывающее посетителям, кто является владельцем и что он / она делает
- легко доступная страница контактов
- ссылки на другие социальные сети media (Instagram, Dribbble, Facebook)
Мы также заметили, что чем успешнее дизайнер, тем чище и проще выглядит его веб-сайт-портфолио.
Это может быть тяжелая пилюля для большинства начинающих графических дизайнеров, поскольку они стараются сделать свой веб-сайт «личным» и «фиолетовым, потому что это мой любимый цвет». Но цель хорошего веб-сайта-портфолио — сделать его профессиональным и простым в использовании для ваших потенциальных клиентов, не отвлекая их от самой важной части — вашей работы и контактной информации.
Мы надеемся, что эти примеры дали вам отличные идеи для вашего собственного портфолио графического дизайна.
Какое портфолио вам понравилось больше всего? У вас есть еще какие-нибудь отличные примеры портфолио графического дизайна? Делитесь ими в комментариях — будем рады видеть!
Другие статьи, которые могут вам понравиться:
Лучшие примеры портфолио графического дизайна
Усердная работа над своим дизайнерским портфолио никогда не пропадет даром. Наличие блестящего портфолио графического дизайна — это первый шаг в вашей карьере графического дизайнера. Это прекрасная возможность продемонстрировать свою работу и познакомить потенциальных клиентов и работодателей с вашим видением.
Поскольку лучший способ представить себя графическим дизайнером — это поделиться лучшими из своих работ, вам необходимо найти выдающиеся примеры ваших предыдущих успехов. Получение некоторой известности, а также демонстрация того, что вы постоянно развивающийся дизайнер, — это способ выделиться из толпы на таком конкурентном рынке.
Если вы ищете вдохновения для улучшения своего портфолио, мы выбрали для вас лучшие с советами о том, как создать собственное.
Советы для портфолио графического дизайна
1.Все простоМеньше всего вам хотелось бы топить потенциальных клиентов, показывая слишком много своей работы. Здесь вы должны сосредоточиться на демонстрации своих лучших дизайнов, избегая загроможденных изображений.
2. Постарайтесь не слишком много рассказывать о своей работеЛюдям очень быстро становится скучно, когда они сосредоточены на результате. Так что лучше не слишком много описывать свой дизайн и позволить им самовыражаться.
3. Показать разные стилиДаже если у вас есть определенный устоявшийся стиль, попробуйте показать разные проекты, избегая одного и того же шаблона для каждого примера.
4. Раскройте процесс вместе с вашими конечными результатамиВключая вашу незавершенную работу, например, наброски, показывают, как вы справляетесь с трудностями и как именно вы их добиваетесь.
5. Не бойтесь раскрыть свою личностьЛюдям нравится видеть вашу личность, когда они решают, подходите ли вы для проекта. Покажите, кто вы и как вы занимаетесь дизайном, в своем собственном стиле.
Давайте погрузимся в вдохновляющие примеры портфолио графического дизайна:
Минфэй Ян Барбара Алькада SunWoo Park, Стефани Брюклер, Джори Дэнни Джонс Джессика Уолш Джейсон Чанг Оливье Чайка Ling K Чадхорн Бергер, Павел Нольберт Ичэн СеБен Дэвидсон Алессандро Скарпеллини Мамико Моришита, голландский дядя Мелоди Юнг Плинио Ницше, Альберт Ботельо Роковая женщина Олли Гиббс Андон Хи Панда Йогурт Брэндон Ли Смит, Дапо Они Рунью Сялянь ЛюПопошкиКейси Латиолайс
Кирби Кунсе, Хосе Уртадо Кай Дамиан Маттиесен Тереза Вуйчицка Майк Кус Николас Касиматис Ной Натан Джеймс Уайт Марк Уиллер Пол Ли Джереми Гибни Джеффри Джо Лотта Ниеминен Колин Грист, Ник СлейтерТеперь, когда вы их все увидели, расскажите нам о своем любимом портфолио графического дизайна в комментариях и объясните, как оно может помочь вам с вашим портфолио! Помните, всегда полезно получать информацию из работ других дизайнеров.Мы надеемся, что эти портфолио графического дизайна вдохновят вас, прежде чем вы начнете улучшать свое и покажут лучшие из ваших работ.
Если вам также интересно узнать о веб-разработчиках и вы хотите увидеть различия между портфолио веб-разработчиков и примерами портфолио графического дизайна, мы предлагаем вам ознакомиться с нашей статьей о лучших примерах портфолио веб-разработчиков.
Портфолио UX-дизайнеров — вдохновляющие примеры
На создание звездного портфолио UX-дизайнеров уходит много времени и усилий.Если выбран правильный тип контента с отличным UX, это будет достойное вложение.
Что делает портфолио UX выигрышным? Как отмечалось в предыдущей статье «Советы и лучшие практики для UX-портфолио», рассказывать убедительную историю — это ключ к успеху. Рекрутеры и другие лица, которые могут оценивать вашу работу, заняты — у вас есть всего несколько минут, чтобы привлечь их, прежде чем они решат, сделали ли вы сокращение.
Длинный список соответствующих навыков, инструментов, которые вы используете, и того, сколько лет опыта у вас есть, не принесет реальной пользы ни вашим посетителям, ни вашей презентации.Более важно обрисовать в общих чертах процесс проектирования, ориентированного на пользователя, — как была решена проблема.
Четко расскажите о своих навыках, используемом процессе и видах проектов, на которых вы специализируетесь, но помните о том, что не следует представлять слишком много информации. Портфолио UX не должно быть ретроспективой ВСЕЙ прошлой работы. Выберите конкретные, недавние и выдающиеся проекты и представьте их как процесс проектирования.
Менеджеры по найму / UX хотят видеть: исследования пользователей, отчеты об исследованиях, наброски, каркасы, потоки пользователей, потоки каналов, истории пользователей, карты пути клиента, прототипы, пользовательское тестирование и конечный продукт.Если возможно, также полезно включить инструменты аналитики, которые помогут увидеть, насколько успешным был продукт.
Вот еще несколько моментов, которые следует запомнить:
- Остерегайтесь технического жаргона и ярких изображений — простые описания проектов и визуальные эффекты более эффективны.
- Вайрфреймы некрасивы, поэтому подчеркните свои структурные способности. Поделись процессом!
- Напишите четкие описания проекта. Сделайте их удобными для чтения — не слишком много текста!
- Если нет проблем с конфиденциальностью, дайте ссылку на живые примеры своей работы.
- Если есть проблемы с конфиденциальностью, сотрите логотипы компании и / или размывайте области изображений. Нет большего отказа, чем столкнуться со страницей, защищенной паролем. Этот — плохой UX.
- Включите несколько отзывов заинтересованных сторон.
- Завершите изучение каждого проекта тем, что вы узнали.
Если вы дизайнер UX, ваше портфолио UX должно демонстрировать исключительный UX.
Портфолио UX-дизайнера — это больше, чем демонстрация навыков, это возможность создать приятный пользовательский интерфейс, поэтому дизайнерам нужно расставить приоритеты в хорошей работе, рассказать увлекательную историю и продемонстрировать свое мастерство в UX!
Десять вдохновляющих портфолио UX-дизайнеров
Каролис вырос в Вильнюсе, Литва, в настоящее время живет в районе залива Сан-Франциско, где он является дизайнером продуктов в Stripe.Помимо множества других интересных, инициированных собственными силами проектов, он является соучредителем Anchovy, бесплатного, чрезвычайно простого приложения для iPhone, которое превращает ваши слова в красивые цветовые градиенты, которые можно отправлять в виде настоящих бумажных открыток в любую точку мира или делиться ими. с друзьями в Facebook Messenger.
Приложение CUJO отслеживает и контролирует активность в сети Wi-Fi.
Что хорошего в этом портфолио UX-дизайнера
Это красивое, хорошо продуманное портфолио UX-дизайнера.Очевидно, Каролис потратил время на то, чтобы обдумывать его UX. Помимо скудного, чистого макета и отличного дизайна пользовательского интерфейса, в его процессе проектирования представлено много деталей. Например, в проекте CUJO он описывает, как он взаимодействовал с пользовательской базой, проводя свое исследование, выявил самые большие проблемы пользователей и определил, где они могли бы добавить больше пользы. Во всех его проектах UX-исследование занимает центральное место в качестве основного двигателя дизайнерских решений, и он завершает свои проекты, описывая, насколько они успешны.
Его сайт портфолио UX-дизайнера: http://karoliskosas.com
Родом из Вашингтона, округ Колумбия, Алекс — иллюстратор, а затем дизайнер UX. Помимо того, что он стал соучредителем компании, ориентированной на продукты B2B, он работал с командой местного поиска на Картах Google, а также над проектами электронной коммерции и социальных игр. Он по-прежнему ставит пользователей на первое место, рассматривая одновременные и будущие усилия, обеспечивая совершенство пикселей и приятный пользовательский интерфейс.
Что хорошего в этом портфолио UX-дизайнера
На примере одного из своих проектов — Google Live Popular Times — Алекс четко объясняет, о чем был проект, чем он занимался и как он туда попал.Он представляет проблему и проведенное исследование UX, чтобы глубже изучить и определить постановку задачи дизайна. Он также упоминает конструктивные ограничения существующего продукта и то, как он использовал данные исследований пользователей, чтобы придумать простое решение.
Возвращаясь к нескольким тезисам, потому что среди всех замечательных примеров UX-процесса у него есть эскиз проекта, который ссылается на снимок Dribble и не предлагает никаких подробностей о проекте. UX-дизайнерам лучше всего демонстрировать последовательность дизайна в своих UX-портфолио, поскольку это выражает профессионализм и уважение к посетителю.
Его сайт портфолио UX-дизайнера: https://www.alexlakas.com
Саймон родился в небольшом городке в Австралии. Сейчас он работает дизайнером продуктов в Сан-Франциско. Он работал над проектами для некоторых крупных брендов, таких как Uber, Amazon, Google, Medium и Barclays (прокат велосипедов).
Что хорошего в этом портфолио UX-дизайнера
Примеры из практикиСаймона очень подробны и вдумчиво знакомят посетителей с его процессом проектирования.Его пример приложения London By Bike для системы проката велосипедов Barclays особенно подробен. Он действительно исследовал потенциальных пользователей и придумал подробные образы, которые он использует на протяжении всего проекта, чтобы определять дизайнерские решения, приоритеты и вызывать сочувствие между клиентом и его командой. Он сам отправился на прогулку, чтобы «пройти милю в шкуре пользователя»; в данном случае «проехать милю». — 🙂
Его сайт портфолио UX-дизайнера: http://simonpan.com
Ния — внештатный дизайнер UX из Вашингтона.Ранее она работала в сфере международных отношений и говорит, что, работая на государственной службе, она узнала, насколько неэффективные и плохо разработанные веб-сайты мешают продуктивности. Она часто обнаруживала, что использует творческие решения, чтобы сэкономить время, энергию и деньги, и впоследствии «случайно» была вовлечена в дизайн, ориентированный на пользователя, а именно UX.
Создание прототипов функций социальной сети в мобильном приложении Spotify.
Что хорошего в ее портфолио UX-дизайнера
Для начала Ния дает нам предысторию каждого проекта, свою роль и процесс исследования.Затем она переходит к своему процессу для: персонажей, сортировки карточек, информационной архитектуры, карты сайта, дизайна взаимодействия, каркасов, прототипов, пользовательского тестирования и всех других типичных шагов, которые делает великий дизайнер UX, чтобы прийти к лучшему дизайну. Она даже включает ссылку на прототип InVision, чтобы все могли ее проверить. Очень всеобъемлющий.
Как и в случае с Рахулом, на несколько обзоров, мы убираем несколько баллов из-за проблем с навигацией по сайту (это могло быть ограничением шаблона Squarespace, тем не менее, это плохой дизайн).Кроме того, в разделе «Последние проекты» на ее домашней странице есть четыре проекта, и когда она предлагает посетителям «увидеть все», мы видим те же четыре проекта, не более того. Это не то, что ожидалось, и это плохой UX.
Сайт ее UX-портфолио: https://www.niyawatkins.com
Пендар вырос не в Америке 60-х и никогда не летал на Луну, но всегда делал что-то, потому что это было тяжело. Сегодня он возглавляет команду дизайнеров Google Translate, и его миссия — помогать 10% населения мира, которое ежемесячно использует их продукты.
Что хорошего в этом портфолио UX-дизайнера
Действительно интересные кейсы по UX. Пендар очень подробно описывает свой процесс UX-дизайна в каждом из своих проектов, представляя проблемы и вызовы, которые каждый представляет. Изучение его кейсов по UX-дизайну и гипотез, которые команда выдвинула вокруг проблемы продукта, делает его увлекательным и познавательным чтением. Часто команда разработчиков предполагала множество причин, по которым существует проблема, только для того, чтобы после исследования пользователей выяснять, что эти предположения были полностью ошибочными.
Практические примеры процесса UX-дизайна очень подробны — почти слишком много — но, несмотря на их объем, их легко читать, потому что он проводит нас через процесс как раз в правильном балансе между иллюстративными изображениями и текстом. Когда пользовательское тестирование показывает, что дизайн движется в неправильном направлении, интересно наблюдать, как команда резко повернула и скорректировала курс.
Его сайт UX-портфолио находится по адресу: https://mahimoto.com/projects
Рахул — новичок в UX / продуктовом дизайне, стажировавшийся в Google летом 2018 года.Он подробно и саморефлексивно пишет о своем опыте и о том, что он узнал. До стажировки по UX он проработал 3 года дизайнером пользовательского интерфейса и пользовательского интерфейса как в корпоративной, так и в начинающей среде. Его портфолио UX включает тематические исследования работы в Amazon Go Plus, GE Appliances и Министерстве здравоохранения и социальных служб США.
Что хорошего в этом портфолио UX-дизайнера
Примеры из практикиРахула очень подробны и легко проводят людей через его дизайн.Некоторые дизайнеры совершают ошибку, добавляя слишком много текста к своим тематическим исследованиям — большинство рецензентов / рекрутеров заняты и просто не имеют времени, чтобы вдаваться в подробности. Используйте графики и диаграммы, они раскрывают суть процесса и повышают удобочитаемость.
Мы забираем несколько баллов из-за проблем с навигацией по сайту и из-за использования общего описания цели. Его формулировка цели дизайнера: « Моя цель как дизайнера — создавать привлекательный, функциональный и доступный пользовательский опыт, который радует людей и решает сложные бизнес-задачи », — не отличает его от пятидесяти тысяч других дизайнеров UX.UX-дизайнерам нужно выделиться, поделившись чем-то уникальным.
Плохая навигация по сайту. «Работа» и домашняя страница абсолютно одинаковы. Если вы нажмете «О программе», она снова и снова загрузит одну и ту же страницу в новую вкладку браузера.
Многие дизайнеры UX используют шаблоны портфолио от Squarespace, Wix и т. Д., И это нормально — тем не менее, важно помнить, что ваше портфолио UX имеет свой собственный UX, и вас будут оценивать по удобству использования — UX-дизайн ваше портфолио.
Его сайт портфолио UX-дизайнера: https://rahuljain.co
Самуэль — французский дизайнер UX и взаимодействия из Парижа, в настоящее время работает в Metalab. Он разработал как для крупных, так и для малых компаний и любит находить инновационные способы создания полезных, удобных и привлекательных продуктов, а также приятного пользовательского опыта.
Что хорошего в этом портфолио UX-дизайнера
Как и другие успешные портфолио UX-дизайнеров, Сэмюэль знакомит посетителей с историей проекта, его ролью и проблемами, с которыми он столкнулся.Проходя проект, он рассказывает нам, насколько глубокое исследование пользователей показало ему, где были его болевые точки, и помогло ему определить четкие цели и масштабы. Его процесс UX-дизайна четко демонстрируется во всех пошаговых руководствах по проекту.
Как и в случае с парой других портфелей, включенных в этот обзор, мы убираем несколько моментов из-за проблем с навигацией по сайту. Когда мы находимся на главной странице, навигационная ссылка «Примеры использования» просто перезагружает страницу. Также отсутствует кое-что, что могло бы стать вишенкой на торте: нет никаких выводов о том, что он узнал в конце каждого проекта.
Его сайт UX-портфолио: http://www.samuel-medvedowsky.com
Кристиан — уроженец Калифорнии с многолетним опытом работы в компании и агентстве. Он целеустремленный дизайнер, и ему особенно нравится понимать поведение пользователей и использовать эту информацию для создания приятных впечатлений.
Что хорошего в этом портфолио UX-дизайнера
Процесс UX-дизайна Кристиана наглядно демонстрируется на всех этапах проекта.Типичные методы проектирования UX и последующие артефакты UX показаны шаг за шагом — открытие, персонажи, раскадровка, эскизы, каркасы, прототипы, карты сайта, пользовательское тестирование и т. Д. И он заканчивает с ключевыми выводами, извлеченными из проекта. Он рассматривает проблему, решение, свою роль, инструменты, которые он использовал на протяжении всего процесса, а также предоставляет ссылку на свой живой прототип Marvel.
Опять же, как и в случае с другими портфелями UX-дизайнеров, включенными в этот обзор, мы убираем несколько моментов из-за проблем с навигацией по сайту и глупостей на его странице «О нас»: «нечасто играющий в гольф, геймер, интернет-серфер, пьяный, спорадический путешественник и достойный повар.”UX-дизайнеры должны обратить внимание на UX своего сайта.
Его сайт портфолио UX-дизайнера: http://www.ktumangan.com
Ади — инженер-программист, ставший UX-дизайнером. Он вырос в Кудремухе, маленьком городке в самом сердце западных гхатов в Индии, где он провел большую часть своего детства, бродя по джунглям или играя в крикет. В настоящее время он работает руководителем UX-дизайна в компании Honeywell, Бангалор.
Что хорошего в этом портфолио UX-дизайнера
Изобилующее анимированными GIF-изображениями окончательных дизайнов приложений, это портфолио UX-дизайнеров выделяется не только благодаря подробным тематическим исследованиям, но и благодаря разделу «размышления» в нижней части каждого проекта — как UX-дизайнеры мы продолжаем учиться на каждом проекте. мы занимаемся.Адитья также представляет результаты, которые были достигнуты в конце своих тематических исследований, чтобы посетители могли сами увидеть, какая цель дизайна была достигнута — успешные плоды его процесса разработки продукта.
Его сайт портфолио UX-дизайнера: https://www.adithyaholehonnur.com
Дора получила образование промышленного дизайнера в двух ведущих мировых школах дизайна. Очарованная красивой окружающей средой, существами и предметами, она также интересуется философией дизайна и исследованием социальных последствий производства продуктов.Ей нравится сложный и быстрый темп UX-дизайна, и ей нравится изучать возможности коммерциализации новых продуктовых идей, потому что она считает, что прибыльность и успех в бизнесе могут гарантировать, что художники и дизайнеры не только выживают, но и процветают.
Что хорошего в этом портфолио UX-дизайнера
Дора — недавний выпускник курса UX от Springboard. Пример ее портфолио UX-дизайнера для ее краеугольного проекта «Five-to-Eight» является образцовым. В нем подробно рассказывается о ее ориентированном на пользователя процессе проектирования и о том, как она пришла к окончательному дизайну.
Ее пример из портфолио UX можно найти здесь: https://www.daorongfang.com/5-to-8
• • •
Дополнительная литература в блоге Toptal Design:
31 Впечатляющие примеры UX-портфолио с вашим руководством
При рассмотрении кандидатов, рекрутеры и руководители дизайнеров сначала проверяют их портфолио. Итак, всем UX-дизайнерам — как младшим, так и пожилым — нужно портфолио UX. Хотя составление одного из них может показаться сложной задачей, как только вы поймете, что делает отличное портфолио, это будет легко.И самый быстрый способ понять эту идею — найти вдохновение. Вот почему мы собрали 31 пример портфолио UX, , что хорошо заботятся об UX своего портфолио.
Чему вы научитесь из этого портфолио?Первая страница
Домашняя страница и тематические исследования — важные строительные блоки отличного портфолио UX. Мина преуспевает на обоих фронтах. Она поддерживает его на белом фоне на главной странице своего портфолио, используя один из оптимизированных шаблонов UXfolio.Большая часть ее информации зарезервирована для страницы «О нас», что позволяет ей занимать центральное место в работе. Это эскизы ее тематического исследования, которые визуально связывают всю страницу портфолио, показывая макеты на сером фоне.
Мина включает только три тематических исследования в свое портфолио UX-дизайна, что находится в идеальном диапазоне. У рекрутеров и читателей нет часов на просмотр вашего портфолио, поэтому представьте только 3-5 ваших самых лучших проектов. Так вы можете быть уверены, что вас не будут судить за посредственную работу.
Практический пример
Мина использует защиту паролем для своих тематических исследований, чтобы гарантировать полный контроль над тем, кто может получить к ним доступ. Это может быть хорошей тактикой, если у вас есть работа, защищенная NDA, которую вы хотите продемонстрировать, не раскрывая ее всему миру. Независимо от платформы, которую вы используете, установка пароля для тематических исследований не займет много времени. В UXfolio это встроенная функция как на уровне портфолио, так и на уровне тематических исследований.
Что вы можете узнать из этого портфолио?
Home Page
Макс взял один из шаблонов UXfolio и добавил в него холодные тона для создания неземного вида.При открытии портфолио сразу обращают на себя внимание легкие миниатюры тематических исследований. Установка заголовков миниатюр, отображаемых при наведении, только добавляет ощущение невесомости домашней странице.
Вывод из домашней страницы портфолио Макса состоит в том, что сохранение беспорядка в портфолио всегда будет выигрышной стратегией. Что вам нужно, так это хорошее вступление, тщательно подобранные шрифты и приятная гармонирующая цветовая палитра, чтобы создать что-то красивое.
Примеры из практики
Макс еще больше продвигает визуальную согласованность, размещая все свои тематические исследования на фоне, который перекликается с цветом эскиза проекта.В тематических исследованиях, требующих этого, больше текста, в то время как остальные более наглядны, чтобы продемонстрировать дизайнерские навыки Макса и его стремление к сдержанной красоте. Несмотря на то, что передовые практики тематических исследований являются отличными указателями, в конечном итоге именно текущий проект определит структуру и содержание вашего тематического исследования.
Что вы можете узнать из этого портфолио?
Домашняя страница
Эта оптимистичная страница портфолио от младшего дизайнера Шубхэма сочетает в себе отличные методы стилизации текста, яркие цвета и эффект заполнения пространства большими эскизами проектов .Если вы не хотите добавлять слишком много тематических исследований в свое портфолио (или у вас пока недостаточно проектов), использование больших миниатюр — отличный способ заполнить пространство в вашем портфолио.
Большинство дизайнеров UX работали над разными проектами, которые имели свои собственные цвета и стили. Таким образом, добиться визуальной согласованности эскизов ваших проектов может быть непросто. Вот где вы можете использовать технику Шубхэма: создать шаблон эскиза, который можно использовать для любого проекта с помощью всего лишь нескольких настроек.
Пример использования
Пример использования налогового планировщика Шубнхема — идеальное сочетание визуальных эффектов и текста. Он отлично справляется с использованием синего цвета акцента на протяжении всего тематического исследования. Раздел «Болезненные точки и мотивация пользователей» дает подробное описание, оставаясь при этом легким для понимания благодаря структуре контента. Шубхам включил некоторые из своих каркасов, окончательный встроенный прототип и даже готовые пользовательские интерфейсы, чтобы проиллюстрировать весь процесс проектирования.
Что вы можете узнать из этого портфолио?
Домашняя страницаВ портфолио Даниэль основное внимание уделяется пользовательским интерфейсам.Это не удивительно, ведь она опытный дизайнер UX / UI. Отображение частей окончательного пользовательского интерфейса на миниатюрах, как это делает Даниэль, — хороший способ возбудить любопытство посетителей: они захотят узнать больше о том, как вы туда попали. Такие миниатюры вместе с кратким и интригующим вступлением создают выигрышную комбинацию.
Пример использованияПример использования веб-дизайна Chamos Language Academy показывает, что формат тематического исследования идеально подходит практически для любого проекта, связанного с дизайном.Вместо того, чтобы просто демонстрировать свои потрясающие пользовательские интерфейсы, Даниэль предоставляет предысторию и детали, доказывая, что она занимается дизайном с определенной целью.
Когда дело доходит до рассказа историй и тематических исследований, очень важно четко связать исследование и конечный результат. Представляя результаты своего проекта, не забудьте вспомнить о результатах исследования, о которых вы упомянули ранее. Кроме того, постарайтесь облегчить читателю установление связи между этими двумя частями. Помните: результаты очевидны для вас, но не для других, поскольку они не работали над проектом вместе с вами.
Что вы можете узнать из этого портфолио?
Домашняя страницаПортфолио UX-дизайна Николы — это любовное письмо к минимализму. В ее пользовательских эскизах используются те же стили мокапов, но они совсем не повторяются. Это потому, что Никола экспериментировал с расположением макетов устройств на каждой миниатюре. Результат говорит сам за себя.
Названия и подзаголовки из ее тематических исследований тоже эффективны. Название раскрывает цель приложения / проекта. Между тем, подзаголовок описывает масштаб проекта.Таким образом, мы открываем каждый проект с некоторыми базовыми знаниями.
Пример использованияВ тематическом исследовании «Отслеживание предписаний» используется липкая навигационная секция UXfolio, чтобы помочь читателям понять этапы проекта: интервью, путь пользователя, набросок, итерация, прототип, выпуск . Включение набросков и итераций в ваши тематические исследования, как это сделал Никола, всегда является хорошей идеей. Нет лучшего способа показать, сколько работы и внимания требуется в процессе проектирования.
Чему вы научитесь из этого портфолио?Передняя страница
Один взгляд на портфолио Валери — очевидно, что на его дизайн было потрачено много времени. Миниатюры ее тематических исследований из когезии и ее выбор оттенков делают все портфолио очень профессиональным.
Валери показывает только самое необходимое на первой странице своего портфолио: дружеское фото, краткую биографию, контактную информацию и ссылки на социальные сети. Вы можете узнать больше о ее профессиональном опыте на странице «О нас».Таким образом, она избегает перегрузки информации при первом впечатлении.
Valerie’s — хороший пример того, что ваши эскизы могут отличаться от цветовой схемы ваших представленных проектов, если они не подходят друг к другу на вашей домашней странице. Это гораздо лучший вариант, чем заставлять конфликтующие цвета и элементы располагаться рядом друг с другом.
Пример из практики
В своем проекте «Love, Bonito» Валери резюмирует тематическое исследование, указывая шаги, которые она предприняла для достижения окончательного результата.Независимо от того, насколько короткими или длинными являются ваши тематические исследования, обзор в начале — отличный способ облегчить понимание.
Хороший обзор может состоять из этапов процесса проектирования. В конце концов, цель тематического исследования — раскрыть ваш процесс, благодаря которому ваши читатели смогут лучше вас понять. Вы можете использовать этапы своего процесса для создания раздела навигации, такого как тот, который предлагается в UXfolio, чтобы связать все части вашего тематического исследования вместе.
Что вы можете узнать из этого портфолио?
Домашняя страницаQuentin’s был построен по принципу «меньше значит больше».Взгляд на точку, как и содержание. Используя стили миниатюр UXfolio, Квентин позаботился о том, чтобы заголовки тематических исследований появлялись только при наведении курсора. И стоит навести курсор мыши на эти заголовки и субтитры! Они используют отличную формулу для наименования тематических исследований UX / UI:
- Название приложения для заголовка и
- — короткое, но показательное предложение для подзаголовка.
Практический пример Mise следует отличной структуре. Квентин начинает с краткого обзора проекта, а затем делает фантастический переход к процессу проектирования, формулируя проблему.На протяжении всего тематического исследования мы получаем персонажей, нарисованное от руки путешествие и последовательность действий, каркасы, а также прототипы, которые помогут нам визуализировать результаты, полученные Квентином в процессе проектирования.
Практический пример заканчивается уроками. Честность, признание своих ошибок, признание того, что можно было бы сделать лучше, и того, что вы узнали в ходе проекта, демонстрируют смирение и вашу готовность расти.
Лесли Гриффит
Что вы можете узнать из этого портфолио?
Титульная страница
Портфолио Лесли Гриффит нарушает традицию однотонных UX-портфелей.Она смело выбирает цвет, и в результате получается потрясающее портфолио. Помимо краткого вступления, ее проекты занимают центральное место на ее домашней странице. Ее эскизы выполнены в том же стиле мокапов, что обеспечивает единообразие в целом.
Пример использования
Пример использования Лесли «Планировщик еды для всех» — минималистичный, но эффективный. Она не слишком объясняет свой процесс, предполагая, что читатель имеет общие знания о принципах и методах UX. Пример включает
- версий, которые были протестированы,
- — отзывы пользователей, которые она собрала, и
- , которые изменились в следующей итерации.
Эта структура, по сути, является эквивалентом представления результатов пользовательского исследования клиенту. Рассказ о вашем дизайне не обязательно означает, что тематическое исследование должно представлять собой список методов и шагов, заканчивающихся окончательным дизайном.
Вы можете позаимствовать эту технику и представить итерации, основанные на исследованиях пользователей, чтобы рассказать историю проекта. Конечно, количество итераций, которые вы представляете, не установлено на камне.
Чему вы научитесь из этого портфолио? Домашняя страницаHyk’s — очень простая, но впечатляющая домашняя страница портфолио, в основном из-за его привлекательных эскизов.Хотя их фон имеет цветовую блокировку, миниатюры связаны друг с другом по стилю и расположению экранов на них. Хик показывает, что существует больше возможностей для представления пользовательского интерфейса, чем макетов устройств: вы также можете экспериментировать с размещениями и тенями.
Примеры из практикиНам непонятен текст в тематическом исследовании Хика «Moje Osiedle», но мы можем видеть, что он включил множество наглядных материалов рядом с текстом, чтобы помочь читателю понять его. Следуйте его примеру! Включите в свои кейсы как можно больше визуальных элементов: макеты, образы, пользовательские потоки, наброски и даже каракули, если хотите! Наглядные материалы облегчают понимание длинных тематических исследований UX и упрощают чтение.
Когда рекрутеры и профессионалы UX просматривают десятки заявок, у них остается всего несколько минут. Однако , если вы потратите время на визуализацию своего процесса и решений UX, скорее всего, это заинтересует их. Более того, они быстрее поймут вашу работу и тематическое исследование.
Чему вы научитесь из этого портфолио? Домашняя страницаГабриэль — дизайнер UX с опытом работы в области визуального дизайна, анимированной графики и иллюстраций.Это отражено в его потрясающем портфолио UX-дизайна. Он включил три тематических исследования UX и три сборника для остальных своих работ. Хотя проекты происходят из разных областей, портфолио Габриэля по-прежнему выглядит одинаково, потому что он использовал один и тот же шаблон для своих эскизов.
Примеры из практикиГабриэль использует аналогичную схему для всех своих исследований UX. Он начинает с того, что настраивает сцену: мы узнаем о его роли, проблеме, инструментах и его подходе / идеях. Повторно используя этот шаблон, он создает ощущение близости и безопасности при переходе от одного тематического исследования к другому.К третьему моменту мы уже знаем, чего ожидать.
Не бойтесь использовать то же самое в своих тематических исследованиях. Это облегчит вашу работу и поможет вашей аудитории, так как они будут знать, чего ожидать от следующего. Также обратите внимание на свое представление. Создание сцены, как это делает Габриэль, чрезвычайно важно. Справочная информация поможет читателю понять и улучшить чтение.
Чему вы научитесь из этого портфолио? Домашняя страницаЕсли вам интересно, как должно выглядеть портфолио старшего UX-дизайнера, обратите внимание на Nuwanthi! Обладая 9-летним опытом, Нуванти кое-что знает о курировании своей работы.Она демонстрирует свой опыт и навыки в 4 эффективных тематических исследованиях, посвященных
- UX-дизайну,
- редизайну пользовательского интерфейса и
- капитальному ремонту UX.
Многие дизайнеры считают, что чем больше вы работаете в отрасли, тем больше тематических исследований вам понадобится в вашем портфолио. Это не совсем так. Важно то, что вы демонстрируете свой диапазон с помощью своих лучших работ. Ведущие дизайнеры или рекрутеры не будут читать 10 тематических исследований, поэтому лучше подбирать только свои лучшие работы, как это делает Нуванти.
Примеры из практикиНуванти предпочитает более короткие тематические исследования. В предыдущие годы длинные тематические исследования были стандартом среди пользователей UX. Но многие дизайнеры злоупотребляют форматом. Длинные кейсы работают, только если этого требует проект. Никогда не следует преувеличивать количество слов в своем тематическом исследовании только ради него, потому что читать его станет утомительной работой.
Чему вы научитесь из этого портфолио? Домашняя страницаСара составила прекрасное портфолио UX, в котором превыше всего делается упор на тематические исследования.Она добилась этого, используя большие красочные эскизы тематических исследований, которые сразу привлекают ваше внимание.
Также стоит отметить, как она включает оранжевый акцентный цвет и типографику в свое портфолио и резюме, даже если они разделены: один — это веб-сайт, другой — загружаемый PDF-документ. Внимание к деталям — вот что отличает настоящих профессионалов.
Примеры из практикиПример из практики Notch может быть использован в качестве шаблона любым дизайнером, который не боится копирайтинга.Его структура фантастическая. Сара разбила тематическое исследование на 5 основных разделов:
- Discovery,
- Design,
- Develop & Test и
- Additional Requirements.
В каждом разделе мы получаем дополнительную информацию, разбитую на более мелкие разделы. Более того, Сара включила множество визуальных элементов, таких как карты информационной архитектуры, эскизы, прототипы с низкой точностью, рекомендации по применению бренда и даже слайды из своей финальной презентации. Если вы ищете образцовый пример использования UX, посмотрите Notch by Sarah!
Чему вы научитесь из этого портфолио?Front Page
Christiaan удалось создать визуальную целостность, продемонстрировав свои проекты в виде макетов.В случае сомнений вы всегда можете положиться на полуреалистичные мокапы с похожими границами и тенями. Они могут объединить даже самые странные проекты в единое целое.
Практический пример
В тематических исследованиях «Progressive Leasing» и «Best Buy» есть фотографии эскизов, открытий и пользовательских исследований для облегчения понимания. Этот метод дает ощущение близости и повышает фактор достоверности тематического исследования. Так что в следующий раз, когда вы будете проводить тестирование с пользователями, документируйте как можно больше. Таким образом, вы можете убедиться, что материала достаточно для создания потрясающего тематического исследования.
Чему вы научитесь из этого портфолио? Домашняя страницаФелипе, старший дизайнер продуктов, создал простое, но увлекательное портфолио UX-дизайнеров. Он понимает, что опытного дизайнера делает не количество проектов в портфолио, а их качество и масштаб.
Выбирая проекты для своего портфолио, выбирайте эффективные:
- демонстрируют широкий спектр ваших навыков,
- ваш вектор роста и
- по-прежнему актуальны.
Лучше иметь 3-4 хороших примера, чем 5-6 посредственных. Только представьте: что, если руководитель отдела дизайна или рекрутер откроет кейс, который вы включили, только для того, чтобы получить больше кейсов?
Примеры из практикиВ портфолио Фелипе есть три тематических исследования. Он использует парольную защиту на уровне тематического исследования на двух. В UXfolio вы можете установить пароли как на уровне портфолио, так и на уровне тематического исследования:
- Если вы не хотите, чтобы ваше портфолио было общедоступным, вы можете установить пароль для всего портфолио.
- Если вы хотите защитить только определенные тематические исследования, вы можете установить пароль только для этих проектов. Таким образом, ваши посетители по-прежнему смогут проверять общедоступные части вашей работы.
Дениз разработала для различных отраслей «от недвижимости, электронной коммерции, рекламы до здравоохранения». Когда ваши проекты настолько обширны, может быть трудно добиться визуальной согласованности на домашней странице вашего портфолио.Но Денис показывает нам, как это делается: найдите одну общую черту — цвет, форму и т. Д. — и извлеките из этого выгоду.
Примеры из практикиПоскольку Дениз имеет опыт в области пользовательского интерфейса, а также дизайна пользовательского интерфейса, она включила в свое портфолио больше проектов, чем средний дизайнер. Некоторые из ее проектов представляют собой полноценные тематические исследования, другие — коллекции иконографии, логотипов, раскадровок и т.д. разделение остальной части вашей работы на коллекции.Таким образом, вам не придется ничего упускать из своего портфолио, но и не загромождать его.
Рой Питон
Что вы можете узнать из этого портфолио?
Титульная страница
Roy’s — это игривое и потрясающее портфолио UX с яркими цветами. Вместо изображения он использует яркую гифку со своим именем, которая сразу привлекает внимание посетителей. Чтобы добиться безупречной атмосферы, Рой сохранил всю свою личную и профессиональную информацию на своей странице «Обо мне». На эскизах своего тематического исследования он добивается визуальной согласованности, показывая макеты на фоне ярких прямоугольных форм.
Пример использования
Пример использования приложения Роя «Boulderr App» содержит хороший баланс визуальных элементов и текстов. Он начинает с личной заметки в своем описании, указывая, что «приложение Boulderr» было увлеченным проектом, над которым он работал со своими друзьями. Изучив его процесс, мы увидим красивую галерею окончательных пользовательских интерфейсов и раздел статистики. Рой также создал несколько дополнительных наглядных материалов для своего тематического исследования, чтобы связать каждый из своих разделов вместе.
Чему вы научитесь из этого портфолио?Передняя страница
Когда мы наводим курсор на эскизы проектов Натали, вы можете прочитать их субтитры, например,
- «Дни поиска ваших данных закончились.
- «Покажи мне деньги!»
Это очень мелкие детали, но когда мы читаем эти субтитры, мы не можем не улыбнуться. Позволить вашей индивидуальности сиять с помощью забавных или неожиданных текстов — всегда отличный способ. Рекрутерам и UX-специалистам приходится просматривать десятки кейсов каждый день. Поэтому включение небольшой, но неожиданной детали может стать вашим билетом на собеседование.
Пример из практики
Примеры из практики Натали включают иллюстрации, похожие по стилю.Помимо оживления тематических исследований, они создают сплоченность и связь через ее проекты. Вывод здесь заключается в том, что вам нужно приложить усилия и время, чтобы выделиться. Если хорошо продуман, небольшие иллюстрации, красивые блок-схемы, переработанные результаты могут значительно улучшить тематическое исследование. Хотя важно, чтобы ваше тематическое исследование было наполнено информацией и чтобы его было приятно читать, но на него также должно быть приятно смотреть.
Что вы можете узнать из этого портфолио? Домашняя страницаSalesforce Product Designer, Рэйчел использовала генератор эскизов UXfolio для создания потрясающих эскизов, соответствующих стилю тематических исследований, на которые они ссылаются.Генератор миниатюр берет главный раздел ваших тематических исследований и ваши изображения (с макетами устройств или без них) и предлагает вам различные варианты миниатюр. Какой из них выбрать — решать только вам!
Примеры из практикиБольшинство тематических исследований Рэйчел защищены паролем. Тем не менее, мы можем получить представление о ее навыках рассказывания историй в тематическом исследовании BizTrip. Он начинается с красивого обзора, в котором подробно излагаются ее обязанности и цели проекта. Остальное содержание следует за процессом проектирования Рэйчел, включая исследования, наброски и прототипы.Это фантастический подход, если вы не знаете, как структурировать тематическое исследование: начните с обзора и проследите этапы проекта в хронологическом порядке.
Чему вы научитесь из этого портфолио? Домашняя страницаИнженер-программист, ставший UX-дизайнером, Сидни Родхас создал красочное портфолио с закругленными краями и кривыми. Он определенно выделяется среди других макетов портфолио, при этом в нем используется проверенная структура портфеля.
Не нужно изобретать велосипед, чтобы создать что-то уникальное. Есть причина, по которой портфолио UX-дизайнеров структурированы именно так. И причина тому — их аудитория. В UX тематические исследования — это то, что ищут дизайнеры и рекрутеры. Поэтому они всегда должны быть в первых рядах. Вы можете следовать этой структуре, сохраняя при этом самовыражение с помощью цветов, шрифтов, миниатюр и других элементов дизайна.
Примеры из практикиПример из практики Сиднея «Мои любимые места» содержит фантастические «извлеченные уроки», в которых все изложено наилучшим образом.Сидни бросает личный абзац о том, как отвлечься, а затем переходит к выводам, которые она сможет использовать и в других проектах.
Все тематические исследования должны включать раздел с уроками. Размышление над проектом показывает, что вы не просто перешли к следующему после того, как представили дизайн. Вы на самом деле думали о том, что узнали, что можно использовать в будущих проектах.
Чему вы научитесь из этого портфолио? Домашняя страницаJoke сделал этот классический шаблон UXfolio уникальным, добавив его логотип и согласовав его миниатюры.Единственный текст на его домашней странице — это его миссия: «Изобретать и разрабатывать удобные и доступные продукты и услуги с добавленной стоимостью».
Примеры из практикиПримеры из портфолио Joke находятся на более короткой стороне. Тем не менее, каждый из них содержит хороший баланс текста и визуальных эффектов. В своих тематических исследованиях он использовал множество встроенных в UXfolio макетов устройств, поэтому даже между разными тематическими исследованиями есть ощущение согласованности.
Чему вы научитесь из этого портфолио?Передняя страница
Портфолио Charlee включает в себя разнообразие, но при этом сохраняет его сфокусированность.Поскольку она является дизайнером продуктов, все ее представленные проекты — это цифровые продукты. Это позволяет рекрутерам мгновенно узнать, в чем у нее есть опыт.
Она делает свою первую страницу еще более интересной, отображая работу на своих эскизах по-разному в каждом проекте. Наличие примерно одинакового размера для всех ваших проектов позволит контролировать согласованность. Следовательно, у вас появляется дополнительное пространство для экспериментов с изображениями ваших миниатюр.
Практический пример
Хотя введение «Райли Больница» довольно короткое, в нем есть все детали, необходимые для понимания того, что будет дальше:
- Проблема
- Ее роль
- Роль ее команды
- Самые большие проблемы.
Иногда сложно резюмировать длинный проект, но действительно окупается, если сократить и минимизировать текст, который вы пишете . Наверное, вы уже задумываетесь о своем копирайтинге. Почему бы не использовать те же принципы, когда дело касается презентации собственных работ в портфолио?
Что вы можете узнать из этого портфолио?
Домашняя страница«Я люблю слушать рассказы людей, решать проблемы и создавать красивые вещи, которые имеют значение» — это простое, но красивое вступительное предложение из портфолио дизайнера UX / UI из Осло, Марты.Она начала свою карьеру в качестве специалиста по подбору персонала, поэтому кое-что знает о портфолио, что очевидно по внешнему виду и копии ее собственного UX-портфолио. Для своих миниатюр Марта выбрала те же макеты, чтобы добиться визуального единообразия.
Пример использованияМарта знает, что отличный пример выходит за рамки демонстрации красивых экранов и других материалов. В ее тематическом исследовании Bubs мы рассмотрим все этапы проекта. В конце концов, мы можем опробовать рабочий прототип, что сделает все исследование еще более увлекательным.
Помимо подробных описаний, она включила множество фотографий и артефактов, что облегчило ее читателям обработку всей этой информации. Более того, она связала все свои элементы вместе, добившись визуальной согласованности, используя желтый в качестве акцентного цвета. Иногда стоит изменить внешний вид ваших тематических исследований, потому что готовый продукт будет выглядеть более профессионально.
Что вы можете узнать из этого портфолио?
Домашняя страница
Вот доказательство того, что вам не нужно переоценивать свое портфолио UI / UX, чтобы достичь чего-то великого.Раздел о героях Бьорна прост и гостеприимен. Первое, что мы видим, попадая в портфолио, — это качественная фотография Бьорна с дружелюбной улыбкой на лице рядом с коротким дизайнерским манифестом.
Миниатюры из тематического исследования Бьорна не соответствуют очевидному цветному изображению, но они идеально сочетаются друг с другом. Это потому, что он использовал одинаковые стили текста и формулы именования для каждого из них.
Примеры из практики
В тематических исследованиях Бьорна используется функция защиты паролем UXfolio. Многие UX-дизайнеры используют его, чтобы гарантировать конфиденциальность данных в их тематических исследованиях.
Что вы можете узнать из этого портфолио?
Титульная страница
Линь создала поразительное пыльно-розовое портфолио, которое помещает ее вступление в центр посредством простой, но привлекательной анимированной иллюстрации. Использование нетрадиционного цвета и построение своего портфолио на его основе — отличный способ выделиться из толпы. Линь использовала понятные и понятные названия примеров из практики, от которых хочется узнать больше. Это общая тема в лучших примерах UX-портфолио.
Пример использования
Пример использования расширения Linh «Data Privacy Browser Extension» хорошо структурирован и увлекателен.Введение содержит все необходимые элементы: она дает обзор, знакомит с командой, проблемой и своей ролью. Хороший вводный раздел подкрепляет остальную часть вашего тематического исследования. Используйте его, чтобы установить базовые знания ваших читателей, прежде чем они перейдут к деталям.
Сагар Васнани
Что вы можете узнать из этого портфолио?
Титульная страница
Первое, что мы видим, попадая на главную страницу портфолио Сагара, — это его фотография на работе и введение с двумя призывами к действию.Это хороший способ побудить посетителей связаться с вами.
На главной странице Sagar есть большие эскизы с иллюстрациями в аналогичном стиле. В сочетании с описательными названиями он пробуждает у нас интерес к проектам. Это именно то, чего должна достичь отличная домашняя страница портфолио: она должна вызывать у ваших читателей желание узнать больше.
Как и другие опытные дизайнеры, Сагар демонстрирует 3 тематических исследования, идеальное число по мнению рекрутеров.
Пример из практики
В исследовании Сагара «Стратегический дизайн для Misa’s Spectra» мы проводим его через его процесс от задачи до исследования, заканчивая размышлениями.Часть обратной связи с клиентом особенно эффективна, поскольку в ней используются цитаты вместо резюме. Он использует один и тот же цвет для своих заголовков и визуальных элементов в тематическом исследовании, добиваясь очень целостного ощущения.
Все тематические исследования UX должны включать соответствующие визуальные эффекты, поскольку слишком много текста может напугать читателей. Более того, некоторые дизайнерские решения трудно понять, поэтому иллюстрации могут быть хорошими костылями.
Пример использования Sagar заканчивается разделом «Как работает приложение?» и еще один для размышлений.Как аналитические данные, так и полученные знания были бы эффективным завершением тематического исследования, но их сочетание еще лучше!
Чему вы научитесь из этого портфолио?Передняя страница
Портфолио Карсона простое, но привлекательное. Хотя эскизы проектов довольно большие по размеру, их содержимое намного меньше. Это придает всему портфолио ощущение воздушности и легкости. Когда вы создаете домашнюю страницу своего собственного портфолио, обратите внимание на пробелы и поля. Никто не хочет смотреть на тесное портфолио, и как бы вы ни хотели втиснуть все в миниатюру, вам нужно сделать несколько сокращений, чтобы оно было простым.
Практический пример
В тематическом исследовании «Toolbox» Карсон написал о ключевых проблемах, с которыми они столкнулись на этапе создания каркаса. Он соединил эти описания с грубыми набросками, пытаясь решить эти конкретные проблемы. Если вы также пишете о версиях или решениях, не стесняйтесь показать несколько набросков и каракулей. Они добавляют индивидуальности вашим тематическим исследованиям, а также добавляют некоторого доверия.
Чему вы научитесь из этого портфолио?Front Page
В портфолио Александра есть несколько проектов, защищенных паролем, что является отличным способом защиты конфиденциальных данных или тематических исследований, которые не являются строго общедоступными.Что еще лучше, он все еще показывает некоторые окончательные пользовательские интерфейсы или элементы дизайна на миниатюрах, чтобы вы могли получить представление о его работе в целом, даже если вы не можете смотреть дальше. Это также возможность представить дополнительную информацию о проектах прямо на главной странице вашего собственного портфолио.
Пример использования
В тематическом исследовании «Pebble Health» Александр продемонстрировал целую «Эволюцию визуального дизайна», объясняя, как он применил существующий визуальный язык к новой платформе. Такие закулисные детали могут выделить вас среди сотен других дизайнеров, которые демонстрируют только свои окончательные, отполированные работы. И не забывайте, иногда путешествие важнее самой цели!
Чему вы научитесь из этого портфолио?Первая страница
Портфолио Джоша — отличный пример портфолио, ориентированного на проекты. Вступление сделано коротким, вместо этого он использует «Обо мне», чтобы перечислить личную информацию, которая может быть интересна рекрутеру. Просто потому, что первая страница традиционно предназначена для проектов, не бойтесь включать отдельную страницу для более длинного введения или некоторых других дополнительные детали, которые могут оказаться уместными в вашем портфолио.
Пример использования
В тематическом исследовании «Mimic» Джош решил продемонстрировать окончательные варианты дизайна, сосредоточив внимание на проблемах и потребностях пользователей. Он представляет взаимодействие вместе с подробностями о том, что вызвало проблемы у пользователей и как эта проблема была решена. Это на более целостный подход вместо обычного объяснения процесса. Таким образом, это отличный шаблон для вас, если вы не хотите создавать отдельные разделы для аналитических исследований или просто хотите как можно скорее продемонстрировать окончательные пользовательские интерфейсы.
Чему вы научитесь из этого портфолио?Первая страница
Биография Одри и ее введение чрезвычайно просты. Выбор ее проектов разделяет это качество, поскольку они не демонстрируют ничего, кроме цифровых продуктов. Чтение четкого введения — это именно то, что нужно рекрутерам, когда они просеивают десятки портфелей. Если вы меняете карьеру, убедитесь, что ваши проекты отражают вашу желаемую должность, чтобы вы не запутали рекрутеров и профессионалов UX , какую работу вы на самом деле ищете.
Пример использования
В тематическом исследовании Spotify Одри представляет улучшения удобства использования, демонстрируя окончательные пользовательские интерфейсы и указывая, что изменилось и почему. Она использует стрелки, чтобы указать на определенный элемент. Всякий раз, когда вы демонстрируете изменения дизайна или идеи пользователей, подумайте, как бы вы представили то же самое для своих клиентов или начальника. Вы, вероятно, укажете детали и покажете, что именно изменилось, поэтому попробуйте применить этот образ мышления и к своим письменным тематическим исследованиям.
Выводы из лучших портфолио UXВы видели одни из лучших портфелей и, вероятно, поняли, что у них много общего. Это потому, что есть формула портфолио, которая работает. Структура, с которой отрасль знакома и удобна:
Домашняя страницаДомашняя страница портфолио — это то место, куда попадет ваш посетитель. Это отправная точка и первое впечатление. Следовательно, он должен хорошо выглядеть и служить своей цели, которая состоит в том, чтобы побуждать посетителей узнавать о вашей работе, то есть читать ваши тематические исследования.
Миниатюры тематических исследованийЛучший способ заставить посетителей прочитать ваши тематические исследования, где они смогут увидеть ваши навыки в действиях, — это привлечь их внимание. Вы можете сделать это, создав соблазнительные эскизы тематических исследований и разместив их на своей домашней странице.
Примеры использования UXВсе мы знаем, что UX выходит за рамки красивых экранов. Поэтому понятно, что UX-лидеры и рекрутеры хотят видеть ваш подход и процесс. И с помощью тематических исследований вы можете им это показать.Отличные тематические исследования сочетают в себе следующие составляющие:
- Логические мыслительные процессы.
- Навыки, как сложные, так и мягкие, в том числе
- Коммуникация,
- Работа в команде,
- Способность работать независимо,
- Принятие решений на основе исследований,
- Способность учиться на ошибках и
- Решение проблем.
- Процесс проектирования.
- Знание методов UX и их применения.
- Открытость к обратной связи.
- Желание совершенствоваться.
Хотя ваша домашняя страница и тематические исследования являются наиболее важными элементами вашего портфолио, вам следует сделать еще один шаг вперед. Добавление таких страниц, как About / Bio, Contact, UX-дизайнер резюме и социальные ссылки, может сделать ваше портфолио более удобным, интересным и личным.
Как продемонстрировать навыки в своем UX-портфолио?Наша работа в UXfolio включает беседы со всемирно известными лидерами в области дизайна, чтобы выяснить, что они ищут в портфолио.Нам было приятно поговорить с некоторыми из самых инновационных и влиятельных дизайнеров UX в отрасли, такими как
. Все они отметили, что лучшие портфолио UX показывают процесс проектирования и решения. Конечно, финальный дизайн тоже важен, но они хотят увидеть, как вы к нему пришли. Они хотят, чтобы вы объяснили свои решения и объяснили, почему вы решили использовать именно эти решения.
Вам нужно поделиться историями дизайна. Представьте свой процесс проектирования шаг за шагом, от начала до конца.
Расскажите историю своего дизайна с UXfolio!Если вам нужен инструмент, который поможет быстро и легко создать свое портфолио, мы сделали отличный: UXfolio. Мы создали его специально для профессионалов UX, поэтому в нем есть множество мощных функций, которые помогут вам в процессе создания портфолио. Эти функции включают в себя текстовые идеи и наводящие вопросы для копирайтинга, встраивание прототипов, прокручиваемые макеты, галереи, раздел статистики и многое, многое другое. Попробуйте!
20 запоминающихся примеров портфолио веб-дизайна
В Интернете полно тысяч портфолио дизайнеров, и привлечь внимание потенциального работодателя на этом переполненном рынке труда может быть довольно сложной задачей.
Чтобы выделиться на этом сложном рынке, важно сделать ваше онлайн-портфолио максимально впечатляющим. Сегодня мы выделяем тех, кому не нужна помощь в создании потрясающих портфолио. В этой статье вы найдете 20 выдающихся примеров сайтов-портфолио как от отдельных дизайнеров, так и от творческих студий со всего мира, каждый из которых имеет особенность, которая делает его особенным. Давайте посмотрим, что их вдохновляет.
Если вы готовы приступить к созданию собственного портфолио веб-дизайна, ознакомьтесь с нашей статьей о том, как прототипирование и быстрое прототипирование может помочь процессу проектирования, а также о некоторых отличных инструментах для создания прототипов.Или узнайте, как создать выдающийся дизайн-бриф.
Развивайте свой бизнес с помощью партнерской программы Shopify
Предлагаете ли вы услуги по маркетингу, настройке или веб-дизайну и разработке, партнерская программа Shopify настроит вас на успех. Присоединяйтесь бесплатно и получите доступ к возможностям распределения доходов, инструментам для развития вашего бизнеса и увлеченному коммерческому сообществу.
Подписаться1. Робби Леонарди
Портфолио: rleonardi.com
Почему это особенное: Робби включает интерактивный опыт в свое портфолио.
О чем это: Если вы ассоциируете портфолио с сухим списком фактов, это портфолио может вас удивить. Робби нашел новый способ отображения сухой информации — он выложил свой сайт-портфолио как видеоигру, в которую посетитель действительно может играть. Это невероятно забавное портфолио с интерактивным дизайном заставит вас прокручивать страницу с радостью.
Поиск клиентов: создание надежного веб-сайта-портфолио
Получите бесплатную копию книги «Поиск клиентов: создание надежного веб-сайта с портфолио», отправленную на ваш почтовый ящик.
Укажите свой адрес электронной почты — мы также будем отправлять вам маркетинговые электронные письма, связанные с Shopify. Вы можете отказаться от подписки в любое время. Примечание: руководство не будет рассылаться по электронной почте на основе ролей, например info @, developer @ и т. Д.
Наши виртуальные винтики крутятся.
Обратите внимание, что доставка нашего электронного письма
на ваш почтовый ящик может занять от
до 15 минут.
2. Юл Моро
Портфолио: y78.fr
Почему он особенный: Юл создает на своем сайте поистине уникальную атмосферу.
О чем это: Сайт Юла Моро — отличный пример использования визуальных элементов для привлечения внимания пользователей. Он черпает вдохновение из 1980-х годов и фактически посвящает свое портфолио той эпохе. Единый макет страницы со встроенными видео, изображениями и умными эффектами прокрутки прекрасно демонстрирует весь его опыт и навыки.
Вам также может понравиться: Безопасность веб-сайта: 13 способов повысить безопасность внешнего интерфейса и избежать взлома.
3. Даниэль Спатцек
Портфолио: даниэльшпатцек.com
Почему это особенное: Даниэль демонстрирует свои навыки графического и веб-дизайна.
О чем это: Будучи одновременно графическим и веб-дизайнером, Даниэль прекрасно демонстрирует свои навыки в своем портфолио. Используя множество приемов CSS и анимации, он оживляет все и создает поистине динамичный опыт.
4. ToyFight
Портфолио: toyfight.co
Почему это особенный: ToyFight использует привлекательную цветовую схему, которая сразу привлекает внимание посетителей.
О чем это: Это красиво минималистичное и простое в использовании портфолио от ToyFight просто радует глаз. Сочетание минималистичного дизайна с яркими цветами создает атмосферу творчества и побуждает посетителей проводить на сайте больше времени.
5. Studio Schurk
Портфолио: studioschurk.nl
Почему это особенное: Studio Schurk привлекает посетителей иллюстрациями и юмором.
О чем это: Анимационный дуэт Studio Schurk демонстрирует свое чувство юмора на своем веб-сайте портфолио. Прокручивая страницу вниз, вы увидите интересные и забавные анимации, подчеркивающие талант дуэта.
6. Резо Зеро
Портфолио: rezo-zero.com
Почему это особенное: Rezo Zero предоставляет полные тематические исследования для различных проектов.
О чем это: Rezo Zero — креативная студия, специализирующаяся на стратегии бренда и цифровом творчестве.Портфолио похоже на цифровой журнал — оно полно красивых изображений и хорошо подобранных шрифтов. Но что делает его еще лучше, так это подробный и продуманный пример для каждого проекта.
Вам также может понравиться: Канонический URL: что это такое и почему они важны ?.
7. Вокин
Портфолио: wokine.com
Почему он особенный: Wokine следует последним тенденциям в области визуального дизайна.
О чем это: Разделенный экран — один экран, разделенный на два, — это последняя тенденция визуального дизайна. Wokine безупречно включает эту технику в дизайн своей домашней страницы. Само портфолио ультра-минималистичное, с большим количеством интервалов и простыми цветовыми схемами. Это создает хорошую визуальную иерархию и позволяет сразу понять, что важно.
8. Студия Legwork
Портфолио: legworkstudio.com
Почему это особенный: Анимационные мультфильмы помогают Legwork выделиться.
О чем это: Legwork — это независимая студия, расположенная в Денвере, штат Колорадо. Они создают анимацию и интерактивный опыт. Большинство новых посетителей будут впечатлены уникальной анимацией на главной странице — она не похожа ни на что из того, что вы когда-либо видели.
9. Ханна Пурморт
Портфолио: hannahpurmort.com
Почему это особенное: Ханна использует яркие образы и сочетания цветов, чтобы привлечь внимание посетителей.
О чем это: Ханна Пурморт — дизайнер, который верит в дизайн, который объединяет людей. Ее сайт — отличный пример того, как общаться с помощью изображений и цвета — она использует красный цвет для поиска пути и для навигации.
Вам также могут понравиться: 3 совета по дизайну для снижения показателя отказов вашего интернет-магазина.
10. Werkstatt Wundersite
Портфолио: werkstatt.fr
Почему это особенное: Компания Werkstatt Wundersite нашла идеальный баланс между функциональностью и эстетикой для своего портфолио.
О чем это: То, что сайт-портфолио должен быть хорошо оформлен, не означает, что он должен быть экстравагантным. Фактически, многие эффективные сайты-портфолио используют более минималистский подход к дизайну самого сайта. Werkstatt Wundersite — отличный тому пример. Сайт выполнен в классическом минималистском стиле, с большим количеством белого пространства и крупным шрифтом. Сильное внимание к деталям в этом портфолио — вот что действительно выделяет его.
11. Тим Смит
Портфолио: mypoorbrain.com
Почему это особенное: Тим создал простой для сканирования макет на основе карточек.
О чем это: Лондонский дизайнер и художник Тим Смит представляет свое портфолио просто, но потрясающе. Карточный макет с тонкими анимационными эффектами сразу привлекает пользователей. Тим использует интересные анимированные эффекты, такие как вырезанные заголовки для каждой части, которые исчезают при наведении курсора мыши.
Вам также могут понравиться: 12 красивых сайтов-портфолио, которые вдохновят ваш собственный дизайн.
12. Lounge Lizard
Портфолио: loungelizard.com
Почему это особенное: Портфолио Lounge Lizard создает непринужденную атмосферу.
О чем это: Трудно сделать сайт одновременно профессиональным и игривым, если он не будет выглядеть безвкусно. Lounge Lizard легко справляется с этим балансом. Эта команда называет себя «тендерами брендов», и это портфолио с тематикой бара идеально соответствует их работе и стилю.Портфолио полно подробных тематических исследований и информации, представленной в удобной форме.
Развивайте свой бизнес с помощью партнерской программы Shopify
Предлагаете ли вы услуги по маркетингу, настройке или веб-дизайну и разработке, партнерская программа Shopify настроит вас на успех. Присоединяйтесь бесплатно и получите доступ к возможностям распределения доходов, инструментам для развития вашего бизнеса и увлеченному коммерческому сообществу.
Подписаться13. STRV
Портфолио: ул.com
Почему это особенное: STRV использует видео, чтобы дать посетителям представление о том, как работает агентство.
О чем это: STRV — агентство цифровых продуктов, специализирующееся на создании мобильных приложений. Команда представляет себя с помощью видео — фоновое видео дает представление о том, как работает команда, а полноэкранное видео, которое появляется на экране после нажатия кнопки воспроизведения, подробно описывает процесс.
14. Роковая женщина
Портфолио: femmefatale.Париж
Почему он особенный: Этот сайт-портфолио создает ощущение роскоши.
О чем это: Femme Fatale — это творческая студия, специализирующаяся на создании произведений искусства. Команда описывает себя как «нечто среднее между изысканностью и простотой», и ее портфолио превосходно отражает этот тон: смелые изображения, черные цветовые схемы и четкие шрифты создают изысканный вид.
15. Тобиас Ахлин
Портфолио: tobiasahlin.com
Почему это особенное: Тобиас, пусть его работа говорит сама за себя.
О чем это: Тобиас Алин сразу переходит к сути своего портфолио: «Я проектирую и создаю цифровые продукты». Он использует минималистичный карточный макет и анимацию для презентации своих работ. Каждое тематическое исследование напрямую связано с конечным продуктом.
16. Stink Studio
Портфолио: stinkstudios.com
В чем особенность: Stink Studio демонстрирует самые разные проекты.
О чем это: Stink Studio нацелена на то, чтобы помочь дальновидным клиентам добиться успеха в цифровой культуре. Студия ставит свою работу на передний план и в центре каменной кладки. Список проектов включает веб-сайты, промо-кампанию и даже опыт VR / 360.
Вам также могут понравиться: Преимущества добавления целевой страницы Shopify на сайт вашего портфолио (и как ее создать).
17. Шон Халпин
Портфолио: seanhalpin.io
Почему это особенное: Шон наполняет свое портфолио индивидуальностью.
О чем это: Портфолио — это больше, чем список работ — это шанс продемонстрировать свои индивидуальные способности и личность как творческого человека. Веб-сайт Шона Халпина — отличный тому пример. Шон создает не просто портфолио, а маленький зеленый мир, в котором вы можете узнать, как он может помочь вам создать идеальный сайт.
18. Патрик Дэвид
Портфолио: bepatrickdavid.com
Почему это особенное: Патрику удается уместить все свое портфолио на одной странице.
О чем это: Портфолио Патрика — отличный пример одностраничного веб-сайта с длинной прокруткой. Посетители прокручивают вниз мимо красивого раздела героя к нескольким примерам проектов, над которыми он работал, а затем идут ссылки на прямое общение. Просто, но очень эффективно.
19. Стерео
Портфолио: стереокреатив.com
Почему он особенный: Stereo ориентирован на понимание эмоционального отношения потребителя к бренду.
О чем это: Лондонское агентство Stereo Creative создало этот простой, но эффектный сайт-портфолио. Работа агентства занимает центральное место на его веб-сайте с множеством красочных полноформатных изображений и видеороликов, демонстрирующих, на что они способны. Стерео стремится создать более глубокую эмоциональную связь с посетителями.
Вам также могут понравиться: 14 агентств и фрилансеров, за которыми вы должны следить в Instagram.
20. Стивен Менгин
Портфолио: stevenmengin.com
Почему это особенное: Стивен создает идеальное вступление для своего портфолио.
О чем это: Стивен использует яркие визуальные эффекты, чтобы с первого взгляда дать представление о своих способностях. Когда посетители заходят на сайт Стивена, первое, что они видят, — это красиво анимированный эффект облаков. Просто сидеть и смотреть на это волнение — чистая радость.
4 бонусных сайта портфолио
Имея так много замечательных портфолио, мы решили поделиться еще четырьмя, которые привлекли наше внимание.
Cher Ami
Оливье Гийе
Ксавье Куссо
Павел Нольберт
Продемонстрируйте свою глубину с помощью портфолио веб-дизайна
Создание отличного портфолио веб-дизайна — это путь, который требует больших усилий (времени, обучения и повторений), но оно того стоит. Если вы добьетесь успеха, ваше портфолио продемонстрирует глубину ваших способностей как творческого профессионала, продемонстрирует ваш мыслительный процесс и даст потенциальным работодателям или клиентам представление о том, как это могло бы быть работать с вами.Я надеюсь, что некоторые примеры портфолио, перечисленные в этой статье, вдохновят вас на повышение уровня вашего дизайнерского портфолио.
Поиск клиентов: создание надежного веб-сайта-портфолио
Получите бесплатную копию книги «Поиск клиентов: создание надежного веб-сайта с портфолио», отправленную на ваш почтовый ящик.
Укажите свой адрес электронной почты — мы также будем отправлять вам маркетинговые электронные письма, связанные с Shopify. Вы можете отказаться от подписки в любое время. Примечание: руководство не будет рассылаться по электронной почте на основе ролей, например info @, developer @ и т. Д.
Наши виртуальные винтики крутятся.
Обратите внимание, что доставка нашего электронного письма
на ваш почтовый ящик может занять от
до 15 минут.
Какие сайты-портфолио вас больше всего вдохновляют? Расскажите нам в комментариях ниже!
171 Примеры веб-сайтов изумительного дизайн-портфолио
171 Примеры веб-сайтов изумительного дизайн-портфолио | ФорматНайдите вдохновение с помощью некоторых из наших лучших примеров веб-сайтов с портфолио дизайнеров. Начните 14-дневную бесплатную пробную версию и создайте собственное портфолио онлайн-дизайна с Format сегодня!
Бенджамин Гейдж
«Бенджамин Гейдж — дизайнер и иллюстратор, работающий и живущий в Бруклине, штат Нью-Йорк.В настоящее время он работает в HashiCorp, помогая визуально переводить и продвигать нюансы корпоративных продуктов и продуктов OSS ».
Шаблон: Ora
БолееКолин Леблан
«Колин ЛеБланк — студент третьего курса, изучающий промышленный дизайн в университете OCAD. Сосредоточены на продукте и дизайне UX / UI, а также на том, как они могут способствовать позитивным изменениям для людей. Увлечен пересечением дизайна и системного мышления. Заинтересован в работе с организацией, которая уделяет приоритетное внимание услугам, личному благополучию и влиянию.”
Шаблон: Albers
БолееСтефан Эйзеле
«Штефан Эйзеле — креативный ретушер и пост-продюсер из Штутгарта, Германия».
Шаблон: Slate
БолееHE — Studios
«Харрисон Скотт Кейкендалл — ретушер и арт-директор из Нью-Йорка, а также владелец постпродакшн-студии HE-Studios. Среди наших клиентов: Стелла Артуа, Target, Virgin Voyages, Тодд Снайдер, Чемпион, Bare Minerals, Variety Magazine, Томми Хилфигер, Вера Ван, 3.1 Филип Лим, Майкл Корс, Clinique, Allure, DKNY, Перри Эллис. ”
Шаблон: Ткань
БолееРашпал Гурм
«Рашпал Гурм — внештатный художник-ретушер изображений, работающий напрямую с рекламными агентствами и фотографами по всему миру. Продуманный и методичный подход к работе для создания инновационных высококачественных изображений с коммерческой отделкой ».
Шаблон: Пик
БолееХозан Зангана
«Хозан Зангана вдохновлен языком, традициями и ритуалами; основные элементы в нашем мире, которые не занимают никакого физического пространства.Предметы Занганы предлагают новую жизнь старому наследию «.
Шаблон: Печь
БолееДжульетта Джун
«Blacklight создает бумагу ручной работы. светлые оттенки. Сложенная простота, сделанная аккуратно и с любовью. ”
Шаблон: Пик
БолееЭдгар
«Эдгар Феррер — моушн-дизайнер и аниматор, почти 15 лет проработавший в Барселоне, Брюсселе и Берлине. Он любит рассказывать истории с помощью дизайна и анимации в 2D, 3D или смешивать и то, и другое одновременно.”
Шаблон: Sierra
БолееГвенни
«Гвен — моушн-дизайнер, рисовальщик и креативный автор. Ее стиль работы описывается как динамичный и гладкий в движении, но в то же время она сырая и интенсивная в своих рисунках с ее выразительными мазками ».
Шаблон: Пик
БолееФридрих Винг
«Фридрих Винг (он / он) — дизайнер, в настоящее время получил степень бакалавра промышленного дизайна (2019) в университете OCAD в Торонто.Будь то искусство или дизайн, он любит привносить чувство юмора в свои работы с помощью метафор. Он считает, что метафора — лучший инструмент мышления для эффективного и эстетичного преобразования незнакомых концепций в знакомые. Хорошая идея не требует пояснений ».
Шаблон: Индустрия
БолееОбновлено 7 ноября 2021 г. | Автор: Стеф Дэвидсон,
Застрелен член Марком Кленноном
Лучшие примеры портфолио графического дизайна (127 сайтов)
Чтобы добиться успеха, графическим дизайнерам очень важно иметь возможность демонстрировать свои портфолио графического дизайна.Есть несколько вариантов, но создание хорошего портфолио может сделать вашу работу выдающейся, в то время как плохо спроектированное портфолио может помешать вашему прогрессу и ограничить ваш потенциал для получения работы. Чтобы помочь вам в принятии решений, полезно видеть, что работает для других.
Эта статья была создана нашей командой, чтобы продемонстрировать потрясающие примеры портфолио графического дизайна. Мы надеемся вдохновить вас на создание таких же потрясающих портфолио для себя с помощью Slider Revolution.
Потрясающие портфолио графического дизайна
Alex Coven
Алекс Ковен (Alex Coven) — графический дизайнер, интерфейсный разработчик и леттер из Чикаго.Его портфолио очень элегантно и умело отображает все три его навыка, и они проявляются, как только вы заходите на главную страницу.
Это простой и эффективный дизайн, где вы просто прокручиваете вниз и видите все его работы без необходимости открывать новые страницы. Это удобный веб-сайт, на котором каждый проект отображается разным цветом.
Tanamachi Studio
Эта студия, возглавляемая Даной Танамачи, предлагает нам совершенно другое и уникальное портфолио, дизайн которого стоит попробовать на себе.Он предлагает нам остаться и взглянуть на покадровое видео, которое привлекает внимание и завораживает и неизбежно привлекает внимание некоторых очень уважаемых брендов, таких как Nike, Ralph Lauren, Instagram и West Elm.
Питер Комеровски
Питер Комиеровски специализируется на дизайне брендов, иллюстрациях и дизайне интерфейсов, и его портфолио очень впечатляюще демонстрирует его навыки. Он работал с Youtube, The Huffington Post и несколькими другими уважаемыми клиентами.
Уверенность Питера в своем дизайне подтверждается количеством белого пространства вокруг логотипов в его портфолио, которое выделяет каждую мелочь в логотипе.
Ксавье Куссо
Ксавье Кюссо — дизайнер-фрилансер из Барселоны, Испания. Он сделал свою внештатную карьеру старшим арт-директором и теперь работает в очень уважаемой компании в отрасли.
Его портфолио впечатляет, красочно и уникально. Его использование ярких цветов, смелая типографика и насыщенный анимацией дизайн делают его портфолио очень визуально приятным.
Создавайте визуально привлекательные и высокопроизводительные веб-сайты без написания кода
WoW ваших клиентов, создавая инновационные и быстро реагирующие веб-сайты.
быстро, без опыта программирования. Slider Revolution позволяет
привлечь к вам множество клиентов за модным дизайном веб-сайтов.
Дэвид Шригли известен тем, что добавляет юмор в свои мрачные иллюстрации, которые он изображает в портфолио, используя белый фон и рукописные заголовки.
В портфолио невероятно легко ориентироваться, поэтому его приятно посещать и он является хорошим примером для тех, кто хочет создать уникальное портфолио.
Робби Леонарди ПортфолиоРобби позволяет его работам выражать его идеи и творческий потенциал, а не использовать какие-либо слова. Он использует яркие цвета, несколько интересных иллюстраций и забавную анимацию. Это интерактивное портфолио, которое работает почти как видеоигра. Щелкнув любой из его примеров, вы узнаете больше о самой работе.
Павел НольбертПолноэкранный дизайн этого простого портфолио привлекает внимание. Он раскрывает прошлые работы Павла очень художественно и красиво, с его симфонией цветов, подчеркнутой белым фоном и большим заголовком в середине страницы.
Вверху показана одна из работ дизайнера, а если прокрутить вниз, откроются другие примеры. Логотипы, объекты и другие элементы дизайна подчеркнуты полированными цветами.Большая часть сайта состоит из крупных визуальных элементов, а его дизайн воссоздан в стиле акварели.
Рафаэль КфуриРафаэль показал свои работы почти полностью на одной странице, за исключением нескольких небольших пространств сбоку для боковых панелей.
Рафаэль известен как отмеченный наградами графический дизайнер, который в настоящее время работает над AlmapBBDO. Примеры в его портфолио растянуты на всю страницу, но в них достаточно места, чтобы показать впечатляющее портфолио.
Маркус Артис
Маркус Артис — дизайнер упаковки с простым и ярким портфолио, которое сразу же активно использует его бренд. Элегантный дизайн представляет его работы в галереях, в которых легко ориентироваться.
Даниэль СпатцекНа странице Даниэля изначально много места с очень интересной анимационной графикой посередине страницы. Глубина веб-сайта становится очевидной, когда мы углубляемся в его портфолио.
В портфолио используются прокручивающаяся анимация и графика, которые привлекают интерес и внимание, а сильные стороны Дэниела ясно продемонстрированы в его современном портфолио, подчеркнутом простой цветовой схемой.
Милтон Глейзер
Милтон Гласнер — легендарный дизайнер, создавший культовый логотип Heart NY, и портфолио его многопрофильной дизайн-студии раскрывает всю глубину его удивительной работы.
Merijn Hoss
Мерин Хосс — иллюстратор, который в основном занимается психоделическими работами и включает в свои работы несколько психоделических элементов.Однако это портфолио демонстрирует более традиционный подход дизайнера к дизайну.
Белый фон позволяет красочным эскизам выделяться на веб-сайте и сопровождается описаниями, позволяющими посетителю понять, что он видит.
Тимоти Гудман
ПортфолиоТимоти минималистично, в нем сосредоточено внимание на его работе с несколькими визуальными деталями, за исключением темной полосы, которая приветствует посетителей сайта. Выдающийся контраст создается белой типографикой, а в портфолио используется сетка.
Лотта Ниеминен
Лотта — графический дизайнер из Хельсинки, Финляндия, основавшая собственную компанию графического дизайна в Нью-Йорке. Эта веб-страница показывает ее профессию, показывая ее прошлую работу и должности, а также ее образование в качестве графического дизайнера.
Лотта продвигает все свои работы в этом прекрасном портфолио. Ее хвалили многие, в том числе Forbes, и она получила несколько номинаций, что повысило ее репутацию отличного графического дизайнера только благодаря этому портфолио.
Buzzworthy Studio
Buzzworthy Studio — уважаемая студия графического дизайна, базирующаяся в Бруклине, штат Нью-Йорк. Первая страница их портфолио имеет смелый дизайн и приветствует посетителя следующим текстом: «Мы создаем необычные цифровые решения, которые заставляют людей задуматься».
Название — не единственный фактор, привлекающий внимание. Есть много интересных мелких деталей, таких как безупречная анимация и интерактивные функции.
Аарон Лоуэлл Дентон
Портфолио графического дизайна Аарона — относительно скромное, но элегантное портфолио на основе сетки, в котором показаны три части работы, что позволяет его работам занимать то место, которого они заслуживают.
Аарон Лоуэлл Дентон — графический дизайнер из Индианы, который несколько лет назад начал с некоторых работ, вдохновленных Глейзером, и это портфолио рекламирует его таланты для более широкой аудитории.
Джули Боннемой
Хорошее, сильное портфолио — это ключ к привлечению новых клиентов для графических дизайнеров-фрилансеров, и Джули делает именно это с уникальным стилем.
Кристиан ХэйПриветственное вступление на главной странице является центром веб-сайта, направляя посетителя к портфолио под ним.
Портфолио очень убедительно, в нем объясняется, как он создавал идентичность брендов своих клиентов, а также демонстрируются его работы. Он включает ссылку на Dribble, так что любой, кто хочет увидеть его портфолио полностью, может его увидеть.
ЯСЛЫ
Этот простой веб-сайт работает хорошо. Дизайнер специализируется на 3D-взаимодействии и демонстрирует свою работу в этом великолепном портфолио графического дизайна.
Он сочетает в себе типографику в журнальном стиле, большие заголовки и потрясающие работы.
Steve Wolf Designs
Steve Wolf Designs укрепляет и без того прекрасную репутацию этим потрясающим портфолио. Их работа представляет собой комбинацию нескольких различных типов работы, включая брошюры, визитные карточки, книги, отчеты и другие типы контента, включая графический дизайн.
Сайт привлекательный и удобный.
Хизер Шоу
Хизер Шоу имеет почти 20-летний опыт работы в области графического дизайна, она разработала и работала над несколькими различными проектами, от брошюр до книг.В этом впечатляющем портфолио ее работы собраны в одном месте, причем портфолио сразу же доступно на главной странице. Если вы фрилансер, это портфолио графического дизайна станет хорошим примером для фрилансеров.
Лейф Подгайский
В этом портфолио представлены работы Лейфа Подхайски, дизайнера, специализирующегося на психоделических темах, например, обложки альбома Tame Impala.
Игрушечный бой
Эта студия из Манчестера показывает нам спецэффекты, которые они использовали для создания своего портфолио графического дизайна.Есть немного, в том числе немного визуального юмора, чтобы сделать его более привлекательным.
На веб-сайте легко ориентироваться и исследовать.
Крис Таммар
Портфолио Криса Таммара — хороший пример того, как сделать ваше портфолио более личным. Он использует свой логотип, чтобы сделать его более уникальным, а чистый дизайн веб-страницы является выдающимся.
Стефани Брюклер
Стефани Бруклер — австрийский графический дизайнер из Нью-Йорка.Она специализируется на брендинге и редакционном дизайне, а ее минималистичный веб-сайт четко и элегантно отображает ее работы в приглушенных тонах.
Стефано Колферай
В портфолиоСтефано необычные и причудливые работы, сочетающие гротеск и творчество с комической атмосферой.
Джош Миллер
Необычное сочетание цветов придает этому сайту неповторимый вид. Макет навигации делает веб-сайт простым и легким в использовании и навигации.Переходы и анимация также превосходны.
Тобиас Ван Шнайдер
Тобиас работал с известными брендами, такими как Red Bull, BMW, Google, Wacom, Sony и другими, и в этом портфолио безупречно отражены его потрясающие работы, посвященные брендингу и интерактивному дизайну.
Руби Тейлор
Руби использует это очень красивое портфолио, чтобы выделить свои последние дизайнерские проекты. У нее есть рукописный логотип и видеобиография, которые создают прекрасную связь между ней и ее посетителями.
Паула Русу
Работы Паулы представлены зигзагообразно. Цвета фона смешивают серый и белый, создавая интересное и уникальное портфолио веб-сайта.
Катерина Бьянкини
Катерина — лондонский дизайнер, который становится известным в мире портфолио графического дизайна. Среди ее клиентов Reebok, Levi’s и другие известные бренды.
Куон Яги
Вим Дельвуа
Уэйд Джеффри
Верена Мичелич
Алан Флетчер
Стивен Боннер
Тим Лахан
Ракеш
Момкай
Элиас Клинген
Тейлор Франклин
Кристиан М.Гарсия
Адриан и Гиди
Виолетта Ной
Шелби Хипол
Кейт Моросс
Мария Васкес
Майк Кус
Джессика Уолш
Шанти Воробей
Джонатан Барнбрук
Лорен Хом
Джульетта ван Райн
Малика Фавр
Крейг Блэк
Хэтти Стюарт
г.Бинго
Голландский дядя
Энтони Беррилл
Лиза Мальтби
Сэм Хева
Майк Перри
Антон + Ирина
Гэвин Стрэндж
Studio Chen Chen
Негласное соглашение
Magda Ksiezak
Лесли Дэвид
Snask
Марли Калвер
Юл Моро
Олли Гиббс
Leta Sobierasjski
Indre Klimaite
Сильван Хиллебранд
Пентаграмма
RoAndCo Studio
Jo Mor
ManvsМашина
Боб Гилл
Марвин Леври
Кайе Блегвад
Робби Саймон
Натан Тейлор
Thomas Pregiato
Жан Жульен
Мариан Бантьес
Создано Gabe
Пинг Чжу
Вашти Харрисон
Энни Аткинс
Джессика Хиш
Бен Минго
Роб Дрейпер
Янтарь Сюй
Белен Ролдан
Дженнет Лиав
Верле Питерс
Oddone
Поддельные медовые картинки
Денис Невожай
Дениз Чендлер
Грант Берк
Алессандро Скарпеллини
Дженнифер Хайнц
МДЗ Дизайн
Минфэй Ян
Чип Кидд
Брук Перриман
Стейси Юй
Фляга Доминика
Тим Хаусхолтер
Джейми Бартлетт
Илана Гриффо
Келли Романальди
Исмаэль Барри
Адам Сандовал
Дженни Бунмивили
Neuebel
Жан
Мишель
Сара Данселио
Адриен Лорет
Лиам Мэдиган
Портфолио
ШаблоныЖизненно важно иметь отличное портфолио, независимо от того, являетесь ли вы фрилансером или кем-то, кто ищет работу, а веб-сайт с портфолио очень полезен.
Создание веб-сайта может занять месяцы, прежде чем он станет идеальным, а также, если вы просто пользователь Canva Pro, Illustrator или Affinity Designer, вы можете не знать, как кодировать.
Вот почему шаблон веб-сайта невероятно полезен. Вот несколько дизайнов портфолио, которые можно загрузить и использовать для создания нового веб-сайта для вашего портфолио.
Агентство Старк
Современное портфолио
Минимальный веб-сайт портфолио
Портфолио Clear Cut
Фотография
Советы по созданию отличного портфолио- Покажите работы, которые нравятся клиентам, которых вы хотите привлечь.
- Найдите подходящую платформу для работы.
- Лучшее идет первым.
- Добавьте к этому свою индивидуальность.
- Пусть говорит ваша работа.
- Графические элементы обязательны.
- Также показать сторонние проекты.
