Как грамотно составить портфолио UX/UI-дизайнера? — Дизайн на vc.ru
Советуют эксперты из МТС, «Яндекса», «Тинькофф» и «Райффайзенбанка».
26 512 просмотров
Четыре преподавателя и наставника программы по UX/UI-дизайну советуют студентам, как лучше сделать продуктовое портфолио, и дают ссылки на удачные примеры и тестовые задания.
Дарья Егорова, арт-директор бизнес-продуктов МТС
Чтобы сформировать портфолио, прежде всего нужно выбрать, где размещать работы — на Tilda, Readymag, Figma, Notion или Behance. Каждая из этих платформ задает свою структуру. На Tilda и Readymag свободы больше — вы делаете персональный сайт. На Behance есть стандарты и принципы оформления, которых нужно придерживаться. В Notion портфолио будет выглядеть скромнее, зато это простой вариант, который позволит минимальными усилиями добиться приличных результатов. В Figma можно показать структуру макетов, но, если не оформить все грамотно, ориентироваться в информации работодателю будет тяжело.
Если выберете Tilda, Readymag или Notion — добавьте маленькую заметку о себе и опыте работы. Приложите фотографию, на которой видно, как вы выглядите — а не какой у вас красивый силуэт, шапка или капюшон.
Примеры хороших портфолио:
Readymag→ Катя Платонова→ Анна Пистер
Tilda→ Яна Арбатова→ Ксения Синявская
Behance→ Дмитрий Иполитов
Персональный сайт с примерами готовых работ — то к чему нужно стремиться:→ Сергей Сурганов
Важно понять, какие работы показывать. Если вы претендуете на роль продуктового дизайнера, то все проекты, не относящиеся к UX/UI-дизайну, нужно убрать. Никаких презентаций, натюрмортов, листовок — этого там быть не должно.
Из оставшегося выберите несколько самых сильных работ — можно всего одну-две, но те, которые вы сможете довести до ума и красиво оформить, а еще хорошо про них рассказать. Лучше меньше проектов — но классного качества.
Составьте для себя пул вопросов, на которые отвечает ваш кейс: что это за проект, какую задачу он решает, в чем его ценность, кто его целевая аудитория, проводили ли вы какие-то исследования.
Оформляя кейс, соберите самые важные экраны — не нужно уделять много внимания экранам авторизации, вводу данных карты и другим стандартным страницам, которые можно с легкостью найти в UI-ките и повторить. Покажите экраны, которые отличают ваш проект от остальных, — те, где была интересная графика, сложные композиционные решения, интересные типографические находки.
Очень хорошо, если вы сможете поместить в портфолио видеоролик с шоурилом и показать, как выглядит ваше приложение, какая в нем анимация, заснять пользовательский путь через прототип в Figma.
Не пишите поэм в описаниях проектов — их никто не читает. У арт-директора мало времени, и решение о том, просматривать ли ваше портфолио дальше или переключиться на следующее, происходит очень быстро. Дизайнера в первую очередь встречают по макету. Посмотрите, как все оформлено у других, не жалейте сил на проработку визуальной стороны — это окупится.
Прежде чем публиковать проекты, оставьте их на ночь, потом свежим взглядом проверьте опечатки, разрешения изображений, чтобы картинки не поплыли пикселями, не улетели детали, символы, иконки. Чаще всего начинающие дизайнеры запарываются на мелочах.
Не забывайте проверять, оплачено ли у вас размещение на платформах. Обидно получить приятное письмо и неработающие ссылки на портфолио. Отправьте другу тестовое письмо, чтобы он проверил, что все ссылки работают корректно.
Чего делать не стоит? Выкладывать работы без разрешения правообладателя. Если вы ограничены договором о неразглашении, попросите разрешения опубликовать отдельные экраны или переделайте их так, чтобы не нарушать закон. Не воруйте чужие работы, всегда указывайте коллег, с которыми были на проекте, чтобы был понятен лично ваш вклад. Вообще старайтесь быть максимально честным.
Если собеседование для вас в новинку, сначала стоит подготовиться. Напишите на листочке ответы на вопросы: кто вы, как давно в профессии, что делали в последние годы, что это за проекты в портфолио, реализованные ли они, в чем их ценность, каким образом вы в них участвовали, как коммуницировали с заказчиком, как проводили исследования, на чем основывалось ваше решение.
Можете даже разок порепетировать перед зеркалом — но не заучивайте ответы. Подготовьтесь заранее, почитайте про компанию, составьте ваш список вопросов — но не доводите ситуацию до допроса, узнайте то, что вам действительно важно. В процессе собеседования не растекайтесь мыслью по древу, говорите коротко и по делу.
Если вам будут задавать вопросы на логику — худшее, что можно сделать, это впасть в ступор. Вас спрашивают, чтобы посмотреть, как вы будете рассуждать, так что не бойтесь ошибиться. Мы все когда-то начинали и тоже знали далеко не все.
И если у вас есть предыдущий опыт работы, помните — о бывших коллегах отзываются либо хорошо, либо никак. Человек, который плохо говорит о предыдущем месте работы, всегда вызывает вопросы и подозрения — возможно, он слишком склочный или тяжело уживается в коллективе. Так что о своих недовольствах лучше не распространяться.
Ульяна Сало, ведущий дизайнер продукта «Яндекс.
Дзен»
В среднем я трачу меньше минуты на просмотр одной заявки. Этого достаточно, чтобы составить первое впечатление. Дальше, если кандидат интересен, смотрю подробнее.
Главное, что хочется увидеть: хорошие, свежие проекты и опыт в продукте. Если вы ищете работу продуктового дизайнера, в портфолио должны быть продуктовые кейсы, в крайнем случае — интерфейсные работы под заказ. Не перегружайте портфолио лишней информацией — про образование, список инструментов и ваши заслуги можно написать в резюме.
Позаботьтесь о том, чтобы портфолио было удобно смотреть — это не должен быть набор картинок или архив, который придется скачивать.
Не используйте повернутые мокапы или изометрию, через которую невозможно посмотреть детали. Это сразу покажет, что вы не думаете про удобство того, кто смотрит ваше портфолио.
Все ищут не только специалиста, но и человека, с которым будет приятно работать вместе. Поэтому уделите внимание текстам: пишите кратко, дружелюбно и по делу.
Примеры хороших портфолио:
→ felasquez.haus
→ stas aki
→ Алексей Секачов
→ Сергей Сурганов
→ Дарья Воронцова
→ Marcos Alonso
→ George Kedenburg III
→ eranhill
Про собеседования. Обычно я спрашиваю дизайнеров о прошлом опыте и любимых задачах. Мне очень нравится, если дизайнер предлагает показать макеты и сразу рассказывает по текущей «Фигме». А если он описывает задачу в двух словах и замолкает — складывается ощущение, что он либо не замотивирован в целом, либо не очень включен в процесс продуктовой работы.
Иван Солодников, руководитель группы веб-дизайна «Тинькофф Банка»
Классные картинки в портфолио — это хорошо, но еще важнее расписать, какая проблема стояла за тем или иным кейсом. Почему было принято такое решение? Показать пользовательский сценарий и масштабируемость решения в дальнейшем. Это дает огромный плюс при просмотре профиля.
Странно, когда тебе присылают в качестве портфолио картинку в стиле Dribbble без описания.
Это первый признак того, что проект выдуман или работа шла только над одним-двумя экранами. Ничего плохого в выдуманных кейсах нет — но в этом случае важно опять же показать, почему вы это сделали и какую проблему решили. Картинка ради картинки — не интересна.
С точки зрения поиска кандидата мне важно как можно быстрее понять, подходит ли человек. Поэтому пояснения нужно делать коротко и четко. А какое начертание вы выбрали для заголовка и какой цвет у CTA в расписанном виде, мне смотреть не интересно — все покажет макет.
Хорошие портфолио:
→ Александр Котелевец
→ Gloria Lo
→ Olivia Truong
→ ARTKAI
Никита Покатилов, senior designer в продукте Forex Exchange в Raiffeisen Business Online
При поиске работы UX/UI-дизайнером важно сначала понять, чем именно ты хочешь заниматься — дизайном интерфейсов, корпоративными сайтами, промо-сайтами или лендингами. Если заставлять себя делать то, что не любишь, можно быстро прийти к выгоранию.
Лично у меня есть два портфолио плюс резюме, которое я выгрузил с HeadHunter — там понятная и логичная структура.
Первое портфолио — на Dribbble, более визуальное. Туда я выкладываю концепции, эксперименты, задумки, свое видение сложившихся проектов. У меня там всего десять лучших картинок.
Второе портфолио — на Behance, с разбором одного-двух кейсов. У студента это может быть, например, дипломный проект. Тут тоже важно сначала сделать акцент на визуальной составляющей, а на втором и третьем экране объяснить, в чем заключалась задача и как вы ее решали.
В письме работодателю я обычно пишу, что помимо опубликованных работ на Dribbble и Behance у меня есть много неоформленных проектов, которые я будут рад показать на встрече, — такая маркетинговая затравка.
На первом собеседовании работодателю важно посмотреть, насколько адекватный человек, не зашкаливает ли у него чувство собственной важности, впишется ли он в команду. Советую не торопиться — у каждого этапа есть определенные задачи, и на них важно сфокусироваться.
Не стоит говорить о зарплате раньше времени.
Важно трезво оценивать свою будущую роль в компании. Можно честно признаться: «Я глубинных интервью не делал, но читал теорию, и мне было бы интересно этим заниматься».
Важно трезво оценивать свою будущую роль в компании. Можно честно признаться: «Я глубинных интервью не делал, но читал теорию, и мне было бы интересно этим заниматься».Выполнив тестовое задание, не отправляйте ссылку на макет. Советую написать так: «Я сделал тестовое задание и хотел бы презентовать его, это займет полчаса, давайте созвонимся в Zoom в удобное для вас время». Обязательно сделайте презентацию, которая дополнит ваш рассказ. Это возможность ответить на вопросы, обосновать свои решения, пояснить то, что без контекста могут не понять. Вот пример тестового, которое я выполнял для «Райффайзенбанка».В разговоре про деньги называйте адекватную рынку, но достаточно высокую зарплату: часто зайти с большей ставкой легче, чем потом ее поднять.
Молодым дизайнерам я бы советовал начинать со студий — там можно поработать с разными задачами и каждый проект будет с чистого листа. Это позволит быстро расти и развиваться. А в продукт нужно идти, когда уже точно знаешь, что хочешь и любишь делать.
В продукте сфера ответственности четко определена — пространство для экспериментов меньше.
Программа по UX/UI, разработанная дизайн-лидами известных компаний, стартует 14 сентября.
для чего нужно, виды, содержание, как его заполнить
Портфолио — инструмент саморекламы. Оно способно выделить вас среди сотни кандидатов или, наоборот, оттолкнуть потенциального работодателя или заказчика. Рассказываем, каким специалистам нужно портфолио и как его составить, чтобы вас заметили.
Что такое портфолио и зачем оно нужно
Портфолио — это комплект наглядных образцов и кейсов, которые кандидат собрал за время работы. Его содержание зависит от специальности: фотографы собирают лучшие фотографии, копирайтеры — тексты, дизайнеры — логотипы и макеты сайтов.
Главная задача портфолио — показать реальные навыки, наработанный опыт и квалификацию кандидата.
Чем портфолио отличается от резюме
Резюме — это краткая профессиональная биография кандидата.
Здесь пишут информацию об образовании, предыдущих местах работы, основных навыках, знаниях и умениях. Помимо профессиональных компетенций в резюме указывают личные качества: например, стрессоустойчивость, коммуникабельность, умение работать в команде.
Как выглядит готовое резюме
Портфолио дополняет резюме и наглядно доказывает, что умеет специалист. Его ценность в том, что оно нарабатывается годами: нельзя сесть и за один вечер сделать портфолио. Это реальные документы и файлы. Понадобится несколько лет, чтобы разработать проекты, которые докажут профессионализм и знания.
Портфолио помогает рекрутеру оценить до какого уровня «дорос» кандидат на предыдущих местах работы. А кандидату — усилить резюме и повысить шанс получить оффер от работодателя.
Кому может понадобиться портфолио
Вот сферы, в которых без портфолио — никак:
🎨Дизайн и графика. Кандидаты могут добавлять в портфолио скетчи, дизайн веб-интерфейсов, проекты ландшафтного дизайна, макеты, иллюстрации, баннеры.
💻Разработка. Для портфолио подойдут трехмерные модели, части кода, готовые программы, приложения, математические модели, алгоритмы.
https://sky.pro/media/ux-ui/📝Контент. В портфолио могут попасть статьи, обзоры, гайды, мануалы, инструкции, книги. Если контент визуальный — видеоролики, моушн, иллюстрации, схемы, инфографика.
📚Образование. В этой сфере успех преподавателя — успех его учеников. Например, если репетитор английского языка готовит учеников к сдаче тестов IELTS или TOEFL, кейсами будут сертификаты учеников с высокими баллами.
🎥Креативные специальности. Это фотографы, стилисты, визажисты, видеографы. В их портфолио будут фото и видео с работами.
Виды портфолио
Портфолио можно распечатать, перенести в электронный файл или разместить на отдельном сайте. Какой формат выбрать — зависит от профессии и того, как работодателю будет удобнее изучить работы.
Печатное
Такое портфолио распечатывают на обычной бумаге, раскладывают по темам или в хронологическом порядке и берут с собой на собеседование.
Достоинства. Портфолио можно дополнить сертификатами, рекомендательными письмами. Его удобно передать на собеседовании HR-менеджеру и сразу обсудить нюансы.
Недостатки. Может случайно выпасть из папки. Тогда портфолио придется восстанавливать. А если это были документы, рекомендации, с которых не делали копии, можно потерять их навсегда.
Электронное
В электронном портфолио все документы и кейсы хранятся в облаке или на флешке. Портфолио можно смотреть с компьютера, ноутбука, планшета или смартфона.
Достоинства. Безопасность — превыше всего. Вдруг с компьютером что-то случится, например, сгорит жесткий диск или произойдет сбой операционной системы. Лучше создать несколько копий файлов и разместить их в разных хранилищах. Еще можно ограничивать доступ к данным: например, открывать файл только для просмотра, без возможности изменения или копирования.
Недостатки. Некоторые расширения файлов могут не читаться на компьютере HR-менеджера во время собеседования.
Онлайн-портфолио
Такое портфолио создают на сайте — самодельном или на специальном тематическом, вроде Dribbble и Behance. Там размещают ссылки на проекты, публикуют тексты, видео.
Достоинства. Когда HR-менеджер получает ссылку на сайт-портфолио, ему не нужно ничего скачивать или перелистывать: он скроллит страницу вниз и просматривает файлы.
Пример портфолио графического дизайнера Лорен Гриффин на Dribbble
Недостатки. Если сервер сайта вдруг сломается или у HR-менеджера перестанет работать интернет, портфолио на время станет недоступным.
Как правильно составить портфолио
Грамотно составленное портфолио заинтересует работодателя. С его помощью он поймет, насколько вы отвечаете требованиям компании и какую пользу можете принести. Не стоит воспринимать портфолио как простое хранилище примеров работ — его важно структурировать, дополнить контактами и СТА.
Титульный лист
Это первая страница, которую смотрит работодатель, поэтому здесь нужно указать:
- фамилию, имя, отчество;
- специальность;
- телефон, социальные сети и другие контакты;
- небольшое приветствие.
Приветствие должно быть коротким: чем меньше в нем постороннего текста, тем больше работодатель сосредоточен на кейсах.
Например, титульный лист в портфолио фотографа Hilary O’Leary содержит фото, имя и фамилию, ссылки на социальные сети. Текста почти нет — работодатель не отвлекается на чтение, а сразу смотрит работы.
Пример портфолио фотографа Hilary O’Leary
Информация о себе
Для информации о себе выделите отдельную страницу. Кратко перечислите профессиональные достижения, с какими проектами работали, что удается лучше всего. Если есть ссылка на блог, интервью или подкаст, можно оставить ее в конце текста. Работодатель ознакомится с материалом, если захочет узнать кандидата лучше.
Пример небольшого рассказа о себе автора и редактора со ссылками на подкасты и интервью
Подробности кейсов
В кейсах надо использовать не только фотографии, графики, скриншоты, таблицы и прототипы, но и краткие описания.
Например, как называется проект, кто заказчик, какова цель проекта, как проходил процесс работы, какие результаты получили.
Призыв к действию
Портфолио еще и продвигает ваши услуги. Поэтому в конце оформите призыв к действию. Например, можно предложить скидку, дать гарантию или бесплатную консультацию, если заказчик или работодатель оставит заявку.
Контакты для связи
В конце портфолио оставляют контакты:
- телефонный номер;
- ссылки на мессенджеры и социальные сети;
- адрес электронной почты.
Кандидату не обязательно указывать все контакты: трех способов связи достаточно.
Портфолио веб-дизайнера Яны Ходкиной
Портфолио фотографа Сергея Матюнина
Портфолио художника Stefano Centonze
Как избежать ошибок при составлении портфолио
❌Выдуманные проекты. Не стоит брать в портфолио проекты, над которыми вы не работали, или преувеличивать свою роль в них, если над проектом работала команда.
Обман хоть и сразу не раскроется, но работодатель подумает, что кандидат силен в какой-то области и в дальнейшем может дать поручение сделать подобную работу. А кандидат в итоге не справится — испортит репутацию или будет уволен.
❌Нет ссылки на резюме. После просмотра портфолио работодатели просят классическое резюме, поэтому лучше сразу разместить ссылку или документ с резюме на сайте. Либо приложить распечатанное резюме в папку с портфолио. Перед отправкой проверяйте доступны ли для просмотра ваши ссылки.
❌Много работ. У работодателя или рекрутера нет времени смотреть десятки работ одного кандидата. Достаточно приложить 3–4 самые сильные, которые докажут опыт и навыки лучше всего.
❌Нет пояснений. Графики, таблицы, иллюстрации, статьи и код нужно сопроводить комментариями: какая стояла цель у проекта, что было сделано, получилось ли достичь результата. Работа без комментариев не показывает, как рассуждал кандидат и шел к цели.
❌Нет «свежих» работ. Портфолио — это не статический документ в духе «один раз сделали, и можно расслабиться».
Оно должно расти вместе с навыками и опытом кандидата. Если оно содержит работы двухлетней давности или ученические проекты, это не впечатлит работодателя.
Где разместить портфолио
Социальные сети
Работодатели, HR-менеджеры, заказчики тоже сидят в социальных сетях. Они могут увидеть страницу кандидата случайно или через алгоритмы социальных сетей, которые покажут ее в рекомендациях. Поэтому в социальных сетях тоже размещайте портфолио. Можно превратить страницу в портфолио и публиковать посты с работами, или оставить ссылку в шапке аккаунта.
Так любой пользователь сможет ознакомиться с вашими работами.
Канал на YouTube
Портфолио на YouTube подойдет тем, кто создает видеоконтент — моушн-дизайн, рекламные ролики, вебинары или авторские уроки.
Пример портфолио художницы Антонины Флимп на YouTube
Онлайн-сервисы для оформления портфолио
Это тематические платформы, которые собирают специалистов узкой категории.
Пример таких платформ — Behance и Dribble для иллюстраторов, графических дизайнеров, моушн-дизайнеров, Artsy для художников.
Работы на Dribble
Такими платформами пользуются не только исполнители, но и заказчики. Здесь вас могут заметить и предложить работу.
Биржи фриланса
Биржи — это посредники между исполнителем и заказчиком. Биржи помогают работодателям находить исполнителей, а исполнителям — заказы. За посредничество биржа забирает процент от оплаты. Чтобы разместить портфолио, нужно зарегистрироваться на сайте.
Популярные биржи:
- Freelance.ru. Русскоязычная платформа, подходит для исполнителей из разных профессиональных сфер.
- Freelancer.com. Англоязычная платформа. Подходит для программистов, дизайнеров, верстальщиков, копирайтеров, маркетологов, разработчиков.
- Fl.ru. Русскоязычная платформа, где можно найти исполнителя: программиста, аудитора, дизайнера, копирайтера, оптимизатора и прочих.
Конструкторы сайтов
Быстрый способ создать портфолио в интернете — использовать конструктор сайтов. С помощью готовых шаблонов настраивают внешний вид сайта, прикрепляют ссылки, тексты и фотографии, добавляют формы, размещают контакты и ссылки на социальные сети.
Вот список популярных конструкторов, которыми можно пользоваться бесплатно:
- ru.wix.com;
- tilda.cc;
- readymag.com;
- nethouse.ru;
- lpgenerator.ru.
Портфолио будет выглядеть как лендинг — одностраничный сайт, который посвящен навыкам кандидата.
Вебинары
Что важно знать о портфолио
- Портфолио — это комплект проектов и кейсов, которые показывают реальные навыки, наработанный опыт и квалификацию кандидата.
- Портфолио пригодится специалистам, которые могут показать профессиональные успехи через проекты. Например: дизайнерам, художникам, визажистам, копирайтерам, программистам, маркетологам.
- При создании портфолио сначала оформляют титульный лист, потом указывают информацию о себе, описывают кейсы, а в конце — призыв к действию и контакты для связи.
- Готовое портфолио можно разместить в социальных сетях, на YouTube, платформах и сервисах узкой тематики, биржах или самодельных сайтах на конструкторах.
- Чтобы портфолио привлекло работодателя, избегайте главных ошибок: не пишите выдуманные проекты, не размещайте в портфолио все работы, какие есть. Добавляйте ссылку на резюме и пояснения к кейсам, обновляйте портфолио по мере приобретения новых навыков.
5 инструментов для создания цифрового портфолио | Эмма Уэйт | Pathstream
Список ресурсов, который поможет вам создать высококачественное цифровое портфолио.
Опубликовано в·
Чтение: 3 мин.·
14 июля 2021 г. Что такое цифровое портфолио? Для чего его используют? Цифровое портфолио — это коллекция образцов работ, размещенных в Интернете, которые могут помочь воплотить в жизнь ваши навыки и квалификацию, демонстрируя реальные проекты, которые вы успешно реализовали в прошлом. Как правило, каждый проект или произведение, выделенное в портфолио, также содержит краткое объяснение, объясняющее, почему было выбрано именно это произведение.
Как правило, цифровые портфолио используются писателями, графическими дизайнерами, маркетологами и разработчиками, но они все чаще используются для получения работы в самых разных профессиях. Кликните сюда, чтобы узнать больше.
Как создать цифровое портфолио? Когда вы начнете составлять портфолио, вы должны сначала четко определиться с типом роли, которую вы надеетесь получить, и соответствующим образом выбрать типы работ, которые вы включаете и представляете. Например, если вы хотите стать аналитиком данных, вам нужно найти образцы работы из прошлых ролей, которые иллюстрируют вашу способность спорить и работать с данными. Если вы претендуете на роль в цифровом маркетинге, вам нужно собрать примеры маркетинговых кампаний, над которыми вы работали в прошлом. Даже если вы раньше не занимали официальные должности «аналитика данных» или «цифрового маркетолога», вы можете курировать проекты, которые вы выполняли на предыдущих должностях, которые показывают, что у вас есть навыки и опыт, необходимые для этой новой роли.
Вы также можете включить проекты, которые вы завершили на курсах или выполняли в качестве фрилансеров или подработок. Хорошо продуманное и организованное объединение всей этой работы может помочь доказать менеджеру по найму, что у вас есть опыт, соответствующий этой работе, даже если вы никогда раньше не выполняли именно эту конкретную роль. Если интервью все о рассказывая потенциальному работодателю, что вы можете сделать, портфолио помогает показать это.
Думайте о создании портфолио, как о создании резюме с примерами. После того, как вы собрали свою работу, напишите краткое размышление, сопровождающее каждый образец, включая цель проекта, результаты и объяснение того, почему он находится в вашем портфолио.
Рекомендуемые инструменты цифрового портфолио Pathstream:
Хотите начать? Вот некоторые бесплатные или недорогие инструменты, которые мы рекомендуем проверить. Некоторые из них являются базовыми инструментами для создания веб-сайтов, которые вы можете легко настроить для размещения своего собственного цифрового портфолио.
Squarespace: Squarespace предлагает широкий выбор шаблонов, шрифтов и цветовых палитр, чтобы вы могли создать портфолио, соответствующее вашему личному стилю.
Wix: Wix позволяет вам создать собственное портфолио любым удобным для вас способом. Вы можете не только настроить сайт, на котором размещаете свое портфолио, но и оптимизировать SEO своего портфолио.
Weebly: Weebly — это бесплатный конструктор веб-сайтов, который также отлично подходит для создания цифрового портфолио. Weebly предоставит вам доступ ко многим настраиваемым дизайнам веб-страниц, а также к инструментам, которые вы можете использовать для создания своего сайта.
Pathbrite: Pathbrite — это веб-инструмент, созданный, чтобы помочь студентам продемонстрировать свое цифровое портфолио. Однако, даже если вы не студент, это все равно отличное место для создания цифрового портфолио.
CakeResume: CakeResume предоставляет доступ к целому ряду шаблонов и форматов.
С CakeResume вы можете легко создать простое и уникальное резюме.
Нужен пример?
Нажмите на одну из этих ссылок, чтобы увидеть некоторые портфолио, собранные студентами Pathstream, и вдохновитесь на создание своего собственного!
blake fuller payne
Я дизайнер пользовательского интерфейса, страстно сосредоточенный на решениях пользовательского интерфейса для AR / VR 🎮 с более чем 8-летним опытом работы в…
www.blakefullerpayne.com
ГЛАВНАЯ | Портфолио
Фото Кортни Райт, 2016. проекты. Фото сделано Кортни Райт, 2019. контакт. Фотография сделана…
kwright53.wixsite.com
Анжела Мейсон, профиль Pathbrite
Цифровой маркетинг. Просмотрите их портфолио на Pathbrite.
pathbrite.com
Как создать портфолио
❮ Назад Далее ❯
Что такое портфолио
Портфолио может иметь ту же цель, что и резюме. Большинство резюме написаны текстом, в то время как портфолио предназначено для демонстрации, поэтому оно наглядно с изображениями и часто более подробно, чем резюме.
Это место, где вы можете показать свой опыт работы и продемонстрировать проекты, которыми вы больше всего гордитесь.
Ваше онлайн-портфолио со ссылкой на него можно отправить компаниям, менеджерам по найму и рекрутерам, чтобы они могли вас заметить.
Речь идет о том, чтобы показать и дать другим понять, кто вы как профессионал.
Зачем создавать портфолио
Это отличный способ расширить свое присутствие в Интернете и привлечь к себе внимание.
Его можно использовать для устройства на работу или для привлечения клиентов к вашим услугам.
Размещение в Интернете в качестве веб-сайта. Позволяет людям во всем мире найти вас.
Дизайн портфолио создаст у читателя впечатление о вас. Убедитесь, что он выглядит красиво и презентабельно!
Кто является портфолио для
Создание портфолио может иметь важное значение для вашей карьеры.
Это может быть полезно при поиске работы, фриланса или демонстрации своих навыков новому клиенту.
Типичными ролями, использующими портфолио, являются профессионалы, такие как, помимо прочего:
- Разработчики программного обеспечения
- UX-дизайнеры
- Графические дизайнеры
- Фотографы
- Специалисты по маркетингу
- Архитекторы
- Писатели
Вы когда-нибудь слышали о W3Schools Spaces ? Здесь вы можете создать свое портфолио с нуля или использовать шаблон.
Начать бесплатно ❯* кредитная карта не требуется
Самые важные разделы в портфолио
Существует множество различных способов создания портфолио.
Способ его создания зависит от того, какой вы профессионал, для кого вы его создаете и почему вы его создаете.
Вы должны протестировать, провалить и изучить , чтобы узнать, какой тип портфолио подходит именно вам!
Есть несколько разделов, которые необходимы для всех типов портфолио, они перечислены ниже:
1.
Раздел Hero.
Раздел героев — это первое, что видят люди, заходя в ваше портфолио.
Отображается под вашим логотипом и меню.
Главный раздел помогает читателю понять, что вы предлагаете, почему кто-то должен работать с вами и ценность, которую вы предоставляете своими услугами.
Часто содержит кнопку призыва к действию, такую как «свяжитесь со мной», «назначить встречу» и т.п.
2. Раздел обо мне.
Дайте читателю краткую информацию о себе.
Включите такие темы, как ваше образование, опыт работы, проекты и интересы.
Помогите читателю понять, чем вы увлечены, и ваши сверхспособности (вещи, в которых вы действительно хороши).
Помните, что это должно быть кратко и просто.
3. Раздел проектов.
Перечислите проекты, над которыми вы работали. Наиболее часто используется упорядочение списка по дате, но в некоторых случаях имеет смысл упорядочить их другим логическим способом.
Добавьте информацию о каждом проекте, включая вашу роль, ваши действия и результаты проекта.
Добавление изображений для демонстрации того, что вы построили, является плюсом! Покажите вещи, которыми вы гордитесь.
4. Раздел Контакты.
Сообщите читателю, как и где он может связаться с вами.
Добавьте свои контактные данные и другие каналы связи, такие как ваш профиль GitHub, LinkedIn, Youtube и т. д.
Примеры портфолио
Ознакомьтесь с примерами портфолио.
Вы можете загрузить шаблоны портфолио в W3Schools Spaces . Начните с публикации своего портфолио в несколько кликов.
Опубликовать мое портфолио ❯* кредитная карта не требуется
Черно-белый шаблон портфолио
Демо
Попробуйте сами
Темный шаблон портфолио
Демонстрация
Попробуйте сами
Портфолио сотрудников
Демонстрация
Попробуйте сами
Шаблон моего портфолио
Демо
Попробуйте сами
Что мне нужно знать, чтобы создать собственное портфолио?
HTML, CSS и JavaScript являются основными языками для создания веб-сайта.
Вы можете пройти долгий путь, используя только эти три!
- Создайте структуру с помощью HTML. Первое, что вам нужно выучить, — это HTML, стандартный язык разметки для создания веб-страниц. Изучайте HTML ❯
- Стиль с помощью CSS. Следующим шагом будет изучение CSS, чтобы установить макет вашей веб-страницы с красивыми цветами, шрифтами и многим другим. Изучайте CSS ❯
- Сделайте его интерактивным с помощью JavaScript. Изучив HTML и CSS, вы должны изучить JavaScript, чтобы создавать динамические и интерактивные веб-страницы для своих пользователей. Изучайте JavaScript ❯
Пошаговое руководство по созданию портфолио
Следуйте инструкциям, чтобы создать портфолио с нуля.
Подготовка
Решите, какой редактор кода использовать, и настройте среду.
Создайте файл index.html . Так что вы готовы ввести код.
Все настроено. Пойдем!
Шаг первый: добавьте HTML-скелет
Введите скелетный HTML-код, который является отправной точкой для вашего веб-сайта. Это структура, которая содержит код и обеспечивает его правильное отображение в Интернете.
Прочитайте здесь, как создать базовый HTML-скелет: Как создать HTML-скелет
Шаг второй: добавьте панель навигации
Панель навигации — это краткое представление содержимого веб-сайта.
Это одно из первых, что увидит посетитель.
Помогает посетителям находить и перемещаться по содержимому веб-сайта. Важно создать хорошо структурированную навигацию. Так что ваши посетители могут найти то, что они ищут.
Вот пример того, как создать верхнюю панель навигации: Как создать верхнюю панель навигации
Шаг третий: добавьте раздел «Герой»
Раздел «Герой» вместе с панелью навигации является первым разделом вашего портфолио.
что люди увидят.
Он должен содержать краткую информацию о нескольких вещах, таких как:
- Кто вы?
- Что вы предлагаете?
- Какая у тебя профессия?
- Почему люди должны работать с вами?
- Какие действия следует предпринять?
Пишите от первого лица и держите его коротким и простым .
Дополнительные элементы, рекомендуемые в разделе героев:
- Привлекательная графика, либо в качестве фона, либо рядом с текстом.
- Кнопка действия, которая ведет к содержимому вашего портфолио или к содержимому другого веб-сайта.
Вот пример создания раздела Героя: Как создать изображение Героя
Шаг четвертый: Добавьте раздел «Обо мне»
В этом разделе вы можете проявить творческий подход. Это может помочь вам выделиться.
Здесь вы можете персонализировать контент и написать о себе более подробно.
Содержание, которое вы можете включить в этот раздел:
- Ваше введение
- Кто вы как профессионал
- Ваше образование
- Ваши навыки
- Ваш опыт работы (настоящий и/или прошлый)
- Ваши увлечения
- Ваши цели и амбиции
В каком-то смысле вы можете рассматривать раздел «Обо мне» как краткое изложение своего резюме.
Не стесняйтесь писать о себе от первого лица.
Персонализация и то, как люди понимают вас как личность, может привлечь к вам больше внимания.
Вот пример создания раздела «Обо мне»: Как создать раздел «Обо мне»
Шаг пятый: Добавьте раздел «Опыт работы»
В разделе «Опыт работы» рассказывается об опыте, знаниях и компетентности, которые вы приобрели на своем пути.
Здесь вы можете добавить:
- Ссылки на ваши проекты с названием проекта и/или кратким описанием того, о чем проект.
- Ссылки на сообщения в блоге, которые вы написали, с заголовком и/или кратким описанием того, о чем идет речь.
- Ваши профессиональные награды или достижения.
- Подчеркивая свою работу и свои достижения, вы создаете возможности для себя.
- Визуальные представления, такие как изображения или графика.
Шаг шестой: Добавьте раздел контактов
Раздел контактов — это раздел, который позволяет посетителю связаться с вами.
Вы всегда должны указывать способ, с помощью которого посетители могут связаться с вами, либо через контактную форму, либо путем записи вашей контактной информации, например:
- Адрес
- Электронная почта
- Номер телефона
- Напр. Профиль Github, профиль LinkedIn, профиль Youtube и так далее.
Вот пример того, как создать основной раздел контактов: Как создать раздел контактов
Шаг седьмой: Добавить раздел нижнего колонтитула
Нижний колонтитул можно воспринимать как второстепенный раздел, но он важен Веб-сайт.