Портфолио оформить: Как оформить портфолио // Дизайн в цифровой среде

Как сделать портфолио — Примеры: как оформить электронное портфолио к резюме

ЗАПОЛНИ РЕЗЮМЕ ОНЛАЙН

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

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

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

# Что такое портфолио

Портфо́лио (переводиться, как «портфель») – это оформленный каталог выполненных проектов специалиста или компании, по которому потенциальные клиенты и работодатели могут оценить профессиональные способности подрядчика.

В зависимости от содержания, портфолио можно разделить на несколько видов:

• Оценочное – составляется из оценочной информации (наград, дипломов, сертификатов, официальных документов и отзывов клиентов).
• Показательное – включает лучшие отобранные кейсы с описанием хода проделанных работ и результатом реализованной задачи.
• Проблемно-ориентированное – содержит поставленную цель, процесс работы, задействованные ресурсы и решение проблемы.
• Результативное (кейс) – делается с упором на полученную выгоду заказчика от выполненной задачи, после сдачи проекта.
• Рабочее – перечень всех направлений профессиональной деятельности с демонстрацией или коротким описанием исполненных заказов.
• Тематическое – охватывает кейсы в рамках отдельной тематики и подчеркивает квалификацию в конкретной .
• Творческое (смешанное) – может содержать любые материалы и оформление для необходимой демонстрации навыков.

Знание и понимание классификации видов портфолио – дает возможность сделать правильные акценты при создании.

к содержанию ↑

# Ценность портфолио для профессий

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

Без портфолио сложно обойтись, если:

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

Мнение эксперта

Екатерина Троицкая

Менеджер по подбору персонала

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

к содержанию ↑

# Отличия резюме и портфолио

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

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

• Портфолио – это оформленные детали выполненных проектов, которые предоставляются наглядным способом.

к содержанию ↑

# Форматы портфолио

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

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

Настоящий профессионал готов к непредвиденным обстоятельствам и всегда может продемонстрировать свою квалификацию.

к содержанию ↑

# Печатная версия

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

Бумажный каталог – традиционный и презентабельный формат подачи портфеля проектов.

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

к содержанию ↑

# Цифровая версия

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

Электронный каталог – отличается выбором инструментов и вариантов оформления портфолио.

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

к содержанию ↑

# Как сделать портфолио

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

Основная – привлечь внимание потенциального клиента и подтолкнуть его к началу диалога.

Используйте для вдохновения агрегаторы работ других дизайнеров (dribbble.com), шаблоны конструкторов сайтов (wix.com). Не нужно копировать чужой дизайн, просто почерпните для себя подходящие элементы.

к содержанию ↑

# Подготовка к созданию

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

Вооружитесь удобным инструментом для визуального построения структуры портфеля – можно сделать на бумаге или в бесплатных программах ассоциативной карты «mind map».

к содержанию ↑

# Выбор тематики

Первое, что нужно сделать – определить главные направления, в которых вы имеете достаточное количество работ для демонстрации (минимум 3) и рассортировать информацию удобно для восприятия: по названиям проектов, стилям, в алфавитном порядке, по хронологии или категориям. Можно сделать отдельную категорию личных разработок или прототипов.

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

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

к содержанию ↑

# Подбор проектов

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

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

к содержанию ↑

# Как правильно оформить портфолио

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

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

Создание дизайна начинается с плана построения информации и проработки деталей! Поэтому, сначала следует разработать прототип (скетч), чтобы его создать – ответьте на вопросы и сделайте наброски на бумаге:

1. Какие сведения (помимо работ) вы внесете в портфель?
2. Как скомпонуете данные: на одной странице или нескольких?
3. В каком порядке или на каких страницах?

Мнение эксперта

Екатерина Троицкая

Менеджер по подбору персонала

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

Самый простой способ получить первообраз будущего проекта – взять карандаш, несколько листов А4 и сделать базовые наброски ключевых элементов (пример на картинке ниже).

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

к содержанию ↑

# Титульный лист (обложка)

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

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

к содержанию ↑

# Информация о себе

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

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

к содержанию ↑

# Подробности кейсов

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

Заостряйте внимание на уникальных или сложных решениях – они наглядно показывают ваше отношение к делу.

к содержанию ↑

# Призыв к действию

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

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

к содержанию ↑

# Контакты для связи

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

Мнение эксперта

Екатерина Троицкая

Менеджер по подбору персонала

У потенциального работодателя не должно быть сложности для коммуникации с вами.

к содержанию ↑

# Где разместить портфолио

Когда макет будет утвержден и все элементы дизайна расположены на своих местах, следует приступать к переносу эскиза в электронный формат. Это можно сделать самостоятельно при помощи инструментов для прототипирования (на подобии Sketch.com), или нанять web-дизайнера на бирже.

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

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

к содержанию ↑

# Локальный источник

Разместите примеры своих работ в тех местах, которые доступны при отсутствии интернета: USB-накопители, жесткий диск компьютера, память телефона.

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

Чтобы создать PDF-документ, потребуется программа MS Word и бесплатный сервис конвертации фалов (загуглить):

1. Создайте вордовский бланк и наполните его, как описывалось выше↑
2. Добавьте ссылки на полную версию портфолио (если есть) и рабочие контакты.

к содержанию ↑

# Социальные сети

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

Чтобы получать заказы – требуется, не только вести социальную активность, но и правильно подготовить свой аккаунт:

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

к содержанию ↑

# Канал на YouTube

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

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

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

к содержанию ↑

# Онлайн сервисы

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

Behance.net

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

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

Pinterest.com

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

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

Менее популярные:

• Contently.com – англоязычный сайт для редакторов, копирайтеров.
• Dribbble.com – аналог behance, но для публикаций требуется приглашение.
• Coroflot.com – американская социальная сеть дизайнеров, иллюстраторов.

к содержанию ↑

# Биржи фриланса

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

Самые распространенные биржи:

• Kwork.ru – Rus;
• Work-Zilla.com – Rus;
• Freelance.ru – Rus;
• Freelancer.com – Rus;
• Fl.ru – Rus;
• Freelancehunt.ru – Rus;
• Weblancer.net – Rus;
• Upwork.com – Eng;
• Fiverr.com – Eng.

к содержанию ↑

# Персональный блог

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

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

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

к содержанию ↑

# Конструкторы сайтов

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

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

• ru.wix.com
• tilda.cc
• nethouse.ru
• lpgenerator.ru

к содержанию ↑

# Советы и рекомендации

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

к содержанию ↑

# Несуществующие проекты

Придумайте идеального клиента, который попросит сделать вашу любимую задачу и качественно выполните её. Это может быть новый дизайн для Google или сайт новой линейки Mercedes-Benz – что угодно.

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

к содержанию ↑

# Портфолио к резюме

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

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

к содержанию ↑

# Примеры портфолио

• Программист. Программисту будет уместно наполнить свой «портфель» разработанными программными кодами, стартапами в сфере программирования, готовыми программами.
• Фотограф. Кандидат должен собрать в своём альбоме самые удачные фотоснимки. Но нужно соблюдать тематику, которая интересует заказчика. Так, например, если специалист нужен для модельного агентства, фото природных ландшафтов вряд ли пригодится.
• Дизайнер. Здесь есть что показать. Специалист может представить работодателю собственноручную работу с веб-сайтами, оформление офисов и интерьера компаний, ландшафтный дизайн придомовых территорий и парковых зон.
• Копирайтер. При наличии профильного образования необходимо сразу же о нем упомянуть. Разбейте статьи, которые Вы пишите, по категориям и направлениям. Включите примеры с описанием товаров, тексты для рассылки на е-мейлы. Украсьте статьи привлекательными заголовками.
• Маркетолог. Собирает свое портфолио из статистических данных. В нем должны присутствовать графики, таблицы, скриншоты, образцы заключенных контрактов. Из Вашего наглядного досье работодателю необходимо понять, удастся ли ему с Вашей помощью привлечь клиентов и повысить продажи.

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

Эта статья отняла изрядное количество сил и времени, но невозможно чего-нибудь не упустить. Поэтому если вы можете дополнить публикацию полезным советом – не поленитесь сделать это =) Так же делитесь этим руководством в социальных сетях с друзьями и коллегами по цеху.

Данную статью написал эксперт

Николай Бороздин

8 лет работы в сфере HR в компаниях с численностью до 2 000 человек персонала. Пропустил через себя тысячи резюме, нанял и обучил более сотни специалистов и управленцев.

Как оформить портфолио школьника правильно

Содержание

 

Как оформить портфолио школьника начальных классов?

Как выглядит портфолио ученика старших классов?

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

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

Портфолио ученика – это своеобразное досье школьника, которое ведет он сам.

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

Как оформить портфолио школьника начальных классов?

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

• Затем, за разделом «достижений» идет раздел творчества, где нужно указать увлечения ребенка, секции или кружки, которые он посещает. Вложить туда необходимо все творческие работы, аппликации, рисунки, стихи или прозу (если ребенок пишет) и так далее. В дополнение можно подготовить анкеты для его одноклассников, где дети будут писать отзывы друг о друге.
• А прекрасным завершением в портфолио станет раздел об отзывах и рекомендациях классного руководителя по отношению к ученику. Это дополнит общую информацию о личности ребенка и, возможно, поможет ему в дальнейшем развитии.

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

Как выглядит портфолио ученика старших классов?

• Как и в предыдущем варианте этого документа, портфолио для старшеклассника должно иметь титульный лист с именем, фамилией и контактной информацией (телефон, e-mail, домашним адресом). Добавляется ко всему прочему еще графа о цели составления портфолио. Ребенок должен сам осознать важность этого вопроса и, на свой взгляд, сформулировать цель составления.
• Далее идет раздел о планах и интересах ребенка, где он сам прогнозирует, как и в какую сторону он будет развиваться, чего добьется через пять-десять-пятнадцать лет, и продумывает средства к достижению этих целей, то есть что он должен для этого сделать. По сути, это раздел: «Кем я хотел бы себя видеть, и что я должен предпринять, чтоб таким стать?» Здесь весь упор ложиться на аналитичность, которой нет в портфолио младшего школьника, так как рефлексия присуща в большей степени бурно развивающейся личности подростка.
• Следующий раздел предусматривает автобиографию ученика, которая уже гораздо меньше похожа на «небольшое сочинение», как у младшего школьника. Теперь практически все тексты, написанные для портфолио о себе, должны быть как можно более распространенными, с тем же упором на аналитичность. Написать же он должен обо всех годах обучения: дошкольная жизнь, учеба в школе и до настоящего момента.
• Затем будет идти раздел собственных достижений с приложением официальных документов: дипломов, грамот и благодарностей – а также их копий за участие в олимпиадах, конкурсах, спортивных соревнованиях и пр.
• После идет раздел с приложением документов, сертификатов и дипломов об окончании различных дополнительных курсов, расширяющих имеющиеся предметные знания либо развивающие в какой-либо другой необходимой области (творческой, научной, технической).
• Последующим разделом станет раздел творческих работ: стихи, проза, изобразительное искусство, иной вид искусства в каком-либо удобно предлагающемся виде, проектные работы. Смысл этого раздела, как и в подобном же блоке портфолио ученика начальной школы, во всем сохраняется, расширяется и дополняется лишь сама база.
• Завершает же документ снова раздел отзывов и рекомендаций со стороны преподавательского коллектива, где вновь имеет место быть комплексный анализ личности, и рекомендации составляются с учетом психологических качеств и направленности личности. Все то же, что и для ребенка младших классов, но в более официальном виде и более распространенном формате.

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

Школьное портфолио ученика — видео

Правила оформления портфолио

I. Подготовительная работа: сбор и упорядочивание работ.

1) Создайте в своей папке дерево папок, приведенное ниже. Все папки внутри папки portfolio должны быть записаны маленькими латинскими буквами без пробелов.

2) В созданные папки скопируйте работы, созданные в соответствующих программах. Например, в папку word — все работы, созданные в Word’e в формате *.doc, в папку writer— все работы, созданные в Writer’e в формате *.odt.

3) Все работы и папки должны быть переименованы с использованием маленьких латинских букв без пробелов, причем, если используются цифры, то первой должна быть буква. Например, файл Турбаза нужно переименовать в turbaza, 13 ноября в november13, папку Итог в itog и т.д.

4) Работы, созданные в программе Photoshop, нужно пересохранить в *.jpg формате с помощью команды Файл/Сохранить для Web. И так же не забывать задавать имена файлов маленькими латинскими буквами без пробелов. Вместо Photoshop можно воспользоваться программой Gimp, которая также поддерживает формат *.psd и *.jpg. Для пересохранения в Gimp нужно выбрать команду Файл/Экспортировать.

5) Работы, созданные в программе CorelDRAW, также пересохраняются в *.jpg формате. Для этого:

а) Загрузите CorelDRAW;

б)Откройте созданное вами изображение (например, «Снеговик») и выделите только ваше изображение без образца;

в) Выберите команду File/Export;

г)Имя запишите маленькими латинскими буквами без пробелов. Папку выберите coreldraw;

д) В строке Save as type выберите JPG-JPEG bitmaps;

е) оставьте флажок Selected Only для того, чтобы сохранялись только выделенные объекты, а не все изображение;

ж) Нажмите кнопку Export;

з) В строке Resolutions установите разрешение 72 dpi;

и) Единицы измерения поставьте pixels (пиксели), а размер измените так, чтобы он не превышал размеры окна, т.е. не более 1024х768, иначе изображение будет слишком большим. Нажмите ОК.

6) Работы, созданные в программе Flash должны быть экспортированы в формат swf для этого:

а) Выполнить команду File → Export → Export Movie.

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

7) Работы, созданные в программе Inskape, пересохраняются в PNG формате. Для этого:

а) Загрузите Inskape;

б) Откройте созданное вами изображение;

в) Выберите команду Файл →Экспортировать в растр;

г) Указываем разрешение растрового изображения 72 dpi. Ширину и высоту программа укажет сама после щелчка мышью по соответствующему полю;

д) В поле имя Имя файла с помощью кнопки Выбрать указываем папку inskape и даем имя файлу маленькими латинскими буквами без пробелов, а потом нажимаем кнопку Экспорт.

II. Оформление портфолио в виде web-сайта

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

Главная страница, имеющая название index.html, должна содержать краткую информацию об авторе портфолио и ссылки на другие страницы, посвященные одной компьютерной программе или теме. Эти страницы должны иметь название совпадающее с именем программы, которой посвящены, например, word.html, coreldraw.html и т.д. На каждой странице должны располагаться ссылки к файлам конкретных работ.

Создавать web-сайты можно с помощью разных Web-редакторов (например: Dreamweaver, FrontPage, Kompozer). Рассмотрим пример создания портфолио с помощью программы FrontPage.

Способ 1. Создание с нуля

Шаг 1: Проделайте подготовительную работу (сбор и упорядочивание работ), описанную в п. I данной статьи.
Должна получиться примерно такая структура:

Названия работ в папке frontpage могут отличаться от представленных на рисунке. Если вы изучали не FrontPage, а например Kompozer, то папка frontpage может называться Kompozer.
Если все уже готово, то можно приступать ко второму шагу.

Шаг 2: Создайте в папке portfolio папку с именем images. Она нам понадобиться для рисунков и фонов, которые мы будем использовать при оформлении портфолио.

Шаг 3: Запустите программу Microsoft FrontPage (Пуск →Программы → Microsoft Office →Microsoft Office Front Page).

Шаг 4: Создадим новый Web-узел и определим его в папку portfolio.
Для этого выполните команду Файл → Создать. На вкладке, расположенной справа выберите Одностраничный Web-узел и укажите папку portfolio (нажмите на кнопку Обзор) в качестве расположения.

Шаг 5: При создании Web-узла программа FrontPage уже создала главную страницу сайта – index.htm. Двойным щелчком открываем ее для редактирования.

Шаг 6: Оформим главную страницу и создадим остальные страницы на ее основе.

1) Установим кодировку страницы Кириллица
Кодировка нужна для того, чтобы русские буквы отображались корректно. Чтобы настроить кодировку нужно выполнить команду Файл → Свойства, в открывшемся окне перейти на вкладку Язык и в поле Сохранить документ, используя указать Кириллица. Нажать ОК чтобы сохранить внесенные изменения.

2) Зададим заголовок страницы
Заголовок страницы отображается в левом верхнем углу страницы. Для того, чтобы настроить заголовок страницы нужно выполнить команду Файл → Свойства,перейти на вкладку Общие и в поле Название указать заголовок страницы.

3) Установим фоновый рисунок страницы
Выберите рисунок, который будет являться фоном и скопируйте его в папку images, которая располагается в папке portfolio. Переименуйте этот рисунок в fon. Не стремитесь выбирать слишком яркие и пестрые фоны – основной критерий выбора фонового рисунка – на нем должен хорошо читаться текст. О том, как лучше подобрать фон можно прочитать в статье Выбор фона.
Для примера был выбран вот такой фон

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

В этом же окне вы можете установить фоновый цвет страницы – в том случае если вы не хотите использовать рисунок в качестве фона.

4) Далее следует разместить информацию о себе, сделать ссылки на работы и оформить страницу на ваше усмотрение.
В данном примере для размещения информации на странице будет использоваться таблица, состоящая из 3 строк и 6 столбцов, выровненная по центру с нулевыми границами. Для того чтобы вставить таблицу нужно выполнить команду Таблица→Вставить→Таблица. В открывшемся окне указываем параметры создаваемой таблицы.

Если необходимо некоторые ячейки объединить, то их выделяют, нажимают правой клавишей в выделенной области и выбирают Объединить ячейки.
В данном примере необходимо объединить все ячейки в первой и третьей строках.

5) В первой строке напишем Портфолио, выделяем и форматируем текст также как в программе Microsoft Word.

6) В третьей строке пишем о себе и при желании вставляем фотографию.
Для вставки фотографии нужно предварительно ее скопировать в папку images. А затем выполнить команду Вставка → Рисунок → Из файла.
В данном примере в третьей строке таблицы установлен фоновый цвет – голубой. Чтобы установить фоновый цвет в ячейке таблицы необходимо нажать правой клавишей в ячейке и выбрать Свойства ячейки. В открывшемся окне выбрать нужный цвет фона.

7) Во второй строке с помощью команды Вставка →Меняющаяся кнопка создадим следующие кнопки: Главная страница, Word, Excel, Gimp, FrontPage, CorelDraw.
Вот что получилось

8) Создадим остальные страницы сайта. Проще всего создать новую страницу из имеющейся. Для этого нужно выполнить команду Файл → Создать и в открывшейся справа вкладке выбрать Из имеющейся страницы, указать в качестве основы страницу index.htm.

9) Сохраняем созданную страницу с именем word.htm.

10) Удаляем из третьей строки информацию о себе и фотографию. Пишем названия работ по word. В данном примере получилось вот, что:

11) Создаем ссылки к работам. Для этого нужно выделить название работы и выполнить команду Вставка→ Гиперссылка. В открывшемся окне открыть папку word и выбрать нужную работу. То же самое необходимо проделать для всех работ по теме word.

Для работ представляющих собой web-сайты, ссылку нужно делать на файл index.html, который располагается в папке с работой.

Сохранить страницу.

12) Возвращаемся к 7-му пункту и аналогично создаем другие страницы: excel.htm, coreldraw.htm и т.д.

13) Когда все страницы созданы нужно настроить ссылки главного меню на всех страницах. Для этого открывают сначала страницу index.htm. Двойным щелчком на кнопке Главная страница в поле ссылка указывают файл index.htm.

Двойным щелчком на кнопке Word в поле ссылка указывают файл word.htm и т.д. Тоже самое проделывают с остальными страницами.

Шаг 7: Необходимо добавить в папку portfolio вашу фотографию.
Размеры фотографии: ширина – 120 пикселей, высота – 160 пикселей, разрешение – 72 пикс/дюйм, формат — jpg. Фотографию необходимо скопировать в папку portfolio и дать ей имя face.jpg.

Шаг 8: Теперь необходимо выгрузить портфолио на локальный сервер.
Для этого запускаем Internet Explorer и заходим в систему тестирования. Внизу страницы располагаются следующие ссылки:

Нажать на ссылку Ваши файлы. В открывшуюся папку скопировать содержимое папки portfolio.

Обратите внимание не саму папку portfolio – а ее содержимое!

Способ 2. Создание на основании готового шаблона оформления

 Шаг 1: Проделайте подготовительную работу (сбор и упорядочивание работ), описанную в п. I данной статьи.

Должна получиться примерно такая структура:

Названия работ в папке frontpage могут отличаться от представленных на рисунке. Если вы изучали не FrontPage, а например Kompozer, то папка frontpage может называться Kompozer.

Если все уже готово, то можно приступать ко второму шагу.

Шаг 2: Выберите шаблон и скачайте его в папку portfolio. Нажмите правой клавишей на скачанном шаблоне и выберите Извлечь в текущую папку. При этом у вас в папке portfolio должны появиться страницы index.html, kurs_1.html, kurs_2.html, kurs_3.html и папка images, в которой располагаются картинки относящиеся к сайту.

Шаг 3: Запустите программу Microsoft FrontPage (Пуск →Программы → Microsoft Office →Microsoft Office Front Page).

Шаг 4: Создайте новый Web-узел и определите его в папку portfolio.

Для этого выполните команду Файл → Создать. На вкладке, расположенной справа выберите Пустой веб-узел и укажите папку portfolio (нажмите на кнопку Обзор) в качестве расположения.

После этого у вас на экране должно появиться примерно следующее:

Шаг 5: Откройте файл index.html для редактирования (двойным щелчком). Исправьте содержимое страницы, написав о себе и своих увлечениях.

Если вы учитесь не на третьем курсе, то удалите лишние пункты меню.

Если вы хотите разместить в портфолио свою фотографию, то нужно предварительно ее скопировать в папку images. А затем выполнить команду Вставка → Рисунок → Из файла.

После внесения изменений сохраните страницу.

Например, у вас может получиться так:

Шаг 6: Откройте страницу kurs_1.html для редактирования.

Измените названия тем и названия практических работ.

После изменения в данном примере получилось вот что:

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

Для работ представляющих собой web-сайты, ссылку нужно делать на файл index.html, который располагается в папке с работой.

После настройки ссылок сохраните страницу.

Шаг 7: Так же настраивают остальные страницы (kurs_2.html и kurs_3.html).

Шаг 8: Необходимо добавить в папку portfolio вашу фотографию.

Размеры фотографии: ширина – 120 пикселей, высота – 160 пикселей, разрешение – 72 пикс/дюйм, формат — jpg. Фотографию необходимо скопировать в папку portfolio и дать ей имя face.jpg.

Шаг 9: Теперь необходимо выгрузить портфолио на локальный сервер.

Для этого запускаем Internet Explorer и заходим в систему тестирования. Внизу страницы располагаются следующие ссылки:

Нажать на ссылку Ваши файлы. В открывшуюся папку скопировать содержимое папки portfolio.

Обратите внимание не саму папку portfolio – а ее содержимое! 

Как оформить творческое портфолио: эффективные советы и идеи

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

Содержание статьи:

Творческое портфолио: общие требования

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

★ Чёткая структура

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

★ Лучшие работы – вперёд

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

★ Качественный визуал

Старайтесь выгодно преподнести каждый объект портфолио. Если вы создаёте изделия своими руками, не бойтесь потратиться на профессионального фотографа и аренду студии, чтобы заснять образцы. Добавьте краткое, ёмкое и привлекательное описание к каждому представленному «экспонату».

Снимки для портфолио должны быть качественными и презентабельными

★ Баланс времени и качества

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

★ Данные для сотрудничества

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

Теперь кратко пройдёмся по отличительным особенностям составления портфолио некоторых востребованных творческих профессий.

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

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

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

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

Как оформить портфолио художника

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

Реализация приёма с цветовой палитрой на примере картины Винсента Ван Гога

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

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

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

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

Создаём творческое портфолио своими руками

Пожалуй, самый оптимальный способ представить своё портфолио широкой общественности – это слайд-шоу. Этот вариант доступен для новичков и в то же время выглядит динамично и эффектно. С такой удобной программой для слайд-шоу как ФотоШОУ PRO вы без труда создадите продающее портфолио, даже если ещё никогда не делали ролики из фотоснимков. Следуйте инструкции ниже, результат вас приятно удивит!

Шаг №1. Создание проекта

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

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

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

Используйте заставку из каталога или создайте её своими руками

Шаг №2. Применение эффектов

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

Подберите яркий эффект из коллекции программы и примените к фото в один клик

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

Шаг №3. Создание эффекта своими руками

Проявите креативность и настройте анимацию фотографий своими руками, в ФотоШОУ PRO – это очень просто! Рассмотрим принципы работы с ключевыми кадрами на примере эффекта с домиком из ролика в начале статьи.

Чтобы использовать этот приём, вам потребуется изображение с домом, полками или шкафом. Если вы не найдёте ничего подходящего самостоятельно, можете скачать готовые картинки из официальной группы ФотоШОУ PRO ВКонтакте.

— Создайте пустой слайд сочетанием клавиш Ctrl + Ins.

— Откройте редактор слайда.

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

Настройте оформление фоновой подложки на слайде

— Кликните «Добавить слой» > «Фотографию» и разместите картинку с домиком.

Добавьте на слайд слой с изображением дома

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

При необходимости кадрируйте добавленные фотографии

Перейдём к настройке анимации.

— Выделите фото, которое хотите увеличить первым.

— Создайте на временной шкале второй ключевой кадр и не вносите изменений. Таким образом вы отмечаете момент старта анимации.

— Разместите третий ключевой кадр спустя 2 секунды и увеличьте снимок, потянув за края выделения или с помощью настройки «Масштаб».

Настройте увеличение первого фото на слайде

— Перейдите в режим управления камерой.

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

— Добавьте второй ключевой кадр и не вносите изменений.

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

Настройте приближение камеры слайда

Всё готово! Зафиксируйте изменения, кликнув «Сохранить».

— Далее добавьте следующий слайд и настройте его оформление в редакторе.

— Разместите на нём только снимок, который увеличивали на предыдущем слайде.

— Откройте режим управления камерой и на первом ключевом кадре (он появляется автоматически) увеличьте приближение до 60-70%.

Настройте приближение камеры по аналогии с предыдущим слайдом

— Спустя 2-3 секунды добавьте второй ключевой кадр и уменьшите степень приближения до минимального значения.

Отдалите снимок, чтобы он полностью поместился на слайде

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

Расскажите о ваших проектах больше — добавьте на слайд поясняющие надписи

Шаг №4. Добавление переходов

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

Заполните промежутки между слайдами эффектной анимацией

Шаг №5. Настройка звукового сопровождения

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

Выберите фоновую мелодию для ролика из коллекции программы

После останется только записать слайд-шоу в нужном видеоформате и дождаться окончания конвертации. С креативным портфолио, созданным в программе ФотоШОУ PRO вы сможете легко привлечь новых клиентов и заказчиков. Скачайте программу и презентуйте своё творчество на совершенно новом уровне!

советы работодателей и много примеров

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

Редакция MC.today разобралась, как оформляется портфолио и какую информацию ищут в нем работодатели.

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

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

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

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

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

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

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

А Татьяна Шинкаренко, HR-бизнес-партнер в «ДЗЕН», считает, что на соискателя, у которого нет портфолио, вообще не стоит тратить время.

Как сделать портфолио: 7 основных правил

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

Work.ua советует придерживаться таких правил:

1. Разбейте работы по категориям

Ссылка на облако с сотней несистематизированных папок или файлов – это не портфолио.

2. Отберите максимум 5–7 работ в каждой категории

Больше работодателю будет сложно проанализировать.

3. Выберите последовательность подачи

• по жанрам, направлениям или стилям;
• от новых к более старым;
• от лучших к менее удачным.

4. Опишите проекты

• название;
• дата;
• время работы;
• какие задачи решили.

5. Вычитайте 

Ошибки и опечатки неуместны в любом документе.

6. Продумайте дизайн

Будьте креативны, но старайтесь придерживаться единого стиля.

7. Проверьте портфолио на актуальность

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

Если вы забыли открыть доступ к файлу по ссылке или одна из ссылок в тексте устарела, рекрутер, скорее всего, отправит ваше портфолио в «корзину» и не будет разбираться. 

Примеры портфолио в дизайне и IT

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

Портфолио дизайнера

Главное в нем – иллюстрации. Что с ними может быть не так? 

• Изображения низкого разрешения. Один из профессиональных навыков дизайнера – умение сохранять файлы в нужном формате. Продемонстрируйте его.
• Слишком большие изображения. Файлы в самом высоком разрешении невозможно рассмотреть целиком. Это портит восприятие.

Далее описания. Чтобы составить их правильно, отнеситесь к портфолио как к решению задачи, советует основательница первого в Украине дизайн-рекрутингового агентства Hirey.io Кристина Голышева:

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

Кристина Голышева считает, что идеальное соотношение визуальных материалов и текста для дизайнеров с фокусом на UX (англ. user experience, пользовательский опыт. – Прим. ред.) – 40/60, для тех, кто сосредоточен на UI (англ. user interface, пользовательский интерфейс. – Прим. ред.), – 50/50.

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

Пример портфолио дизайнера. Источник

Теперь об ошибках: их допускают 80% молодых дизайнеров.

Ошибка №1. Слишком много мокапов (макетов – Прим. ред.). Работодатель ищет креативные решения, а не умение обрабатывать скачанные макеты. Поэтому сначала дизайн, потом мокап.

Ошибка №2. Много креатива, мало рутины. Важно показать, что вы не только креативны, но справитесь и с ежедневными задачами.

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

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

Ориентируйтесь на примеры. В интернете есть тысячи удачных портфолио дизайнеров. Например, много их на Bestfolios:

Пример портфолио дизайнера. Источник

Еще один сайт для размещения дизайнерских портфолио – Dribbble:

Пример портфолио дизайнера. Источник

Портфолио программиста

Профиль на GitHub – лучшее портфолио программиста, считает директор по управлению данными в SQUAD Алексей Руденко.

Достаточно показать два-три проекта, которые отражают ваши навыки. Учебные тоже годятся.

Пример портфолио программиста. Источник

Алексей советует: если у вас нет законченных проектов, вы только прошли курсы и ищете первую работу, добавьте одну-две простых игры типа «крестики-нолики». Цель – показать навыки и умения.

Соискателю с портфолио работодатели в IT реже дают дополнительные тесты на собеседовании, а еще это выделит вас среди других.  

Портфолио специалиста по анализу данных (data scientist)

Те, кто работает с данными, размещают портфолио на онлайн-платформах Kaggle или GitHub, реже в LinkedIn.

В нем они описывают свои проекты по такой структуре:

• проблема;
• цели;
• результат;
• визуализация решений.

Пример портфолио специалиста по анализу данных. Источник

Показывать аналитику при этом необязательно. Вместо нее можно добавить в описание проекта такую информацию:

• как он начался;
• как вы оценили масштаб задач;
• какие цели поставили;
• чем массив данных был интересен;
• чего добились в результате.

Важно подавать меньше схем и моделей, а больше выводов.

17 сервисов, где можно создать крутое портфолио

Behance, Dribbble, Bestfolios, Kaggle, GitHub, о которых вспоминали эксперты выше, – не единственные ресурсы, где можно оформить и разместить портфолио. 

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

• Squarespace, WiX, Tilda, Readymag. У них есть нужные наборы инструментов, шаблонов и удобная навигация. 

А вот сайты и социальные сети для дизайнеров, иллюстраторов, художников: 

• Bleidu – бесплатный сайт по созданию портфолио.
• Portfolio’s Friend – «онлайн-выставка», посвященная искусству и дизайну.
• Portfoliobox – бесплатный сайт по созданию портфолио с адаптивным дизайном.
• Deviantert – сообщество художников и иллюстраторов, где они представляют свои проекты.
• Coroflot – социальная сеть для художников, иллюстраторов и дизайнеров, где можно создать разместить портфолио и найти работу.

Сайты для журналистов, копирайтеров, PR-менеджеров:

• Clippings.me – бесплатный англоязычный сайт для журналистов. 
• Muck Rack – здесь журналисты могут создать профиль в англоязычной базе СМИ и подкрепить ссылки на свои публикации.
• Contently – англоязычная платформа корпоративного контент-маркетинга. Здесь могут разместить портфолио и найти работу редакторы, копирайтеры и блогеры.

Как создать крутое портфолио, чтобы получать заказы от клиентов со всего мира

запись вебинара

 1ч. 31 мин.

статья

 7 мин.

Экономия времени

 1ч. 24 мин.

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

Olia Gozha on Behance

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

Viktor Vörös on Behance

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

Источник: Pinterest

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

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

Слова про сказку следует понимать не только в переносном смысле. Около 30% работ в портфолио дизайнеров — несуществующие работы. Это наброски, макеты, фейки и так далее. Наша задача — показать себя с выгодной стороны, собрать лайки и комментарии.

Tim Tadder on Behance

Зачем нужны фейки? Часто дизайнеры задают на семинарах такой вопрос: «Как выкладывать в портфолио сайты, за которые платят реальные клиенты вроде магазина запчастей или товаров для рыбалки?» Действительно, это проблема, потому что на таких проектах обычно много скучных страниц. Эти сайты не для Behance.

Делайте фейки. Возьмите продукт, который вам нравится, который вы любите. Например, фотоаппараты Leica. Сделайте фейковый лендинг фотоаппаратов. Возьмите новую коллекцию купальников Victoria’s Secret. Сделайте лендинг для нее. Сделайте новую концепцию сайта Nike. И не важно, что Nike наплевать на вашу концепцию, а Victoria’s Secret, может быть, никогда не узнает о вашем существовании. Главное, что это один из лучших способов разгона своего портфолио.

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

Превью должно быть сочным и ярким. Это очень важно для Behance, поскольку от качества превью зависит количество просмотров. Хорошее превью — это ювелирная работа. Человек листает ленту и вдруг в серой массе видит вашу яркую обложку, на которую хочется кликнуть. Цель достигнута!

Главная страница Behance, март 2018

Даже если вам удалось «продать» посетителю обложку кейса в вашем аккаунте на Behance, не стоит забывать и о его содержании. Здесь дизайнеры часто ленятся: показывают ту же обложку, только в большом размере. Это неправильно: всегда старайтесь подать кейс в виде истории. При этом не забывайте, что оптимальная длина кейса —16 000 пикселей.

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

Sergey Popkov on Behance

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

Viktor Vörös on Behance

Можно ответить в духе Яндекса: «делайте крутые сайты…», но с Behance немного легче. Решение о выводе в топ (добавлении ачивки или шильдика Featured) редакция Behance принимает по многим параметрам, и один из них — анимационная вставка. Обычно все выигрышные кейсы делают с анимационными вставками и видеороликами.

Шильдик Featured на Behance — мечта многих дизайнеров. Это не только признание мастерства, но и возможность получать большие и денежные заказы от крупных студий и частных лиц.

Чтобы стать известным на Behance, дизайнер должен придерживаться следующих правил:

1. 
   Делать портфолио ярким и красочным.
2. 
   Правильно оформлять превью.
3. 
   Регулярно убирать старые работы.
4. 
   Делать фейковые работы для крупных брендов.
5. 
   Соблюдать длину портфолио в 16000 пикселей.
6. 
   Рассказывать историю кейса, а не просто загружать картинки.
7. 
   Обращать внимание на макропланы и детали.
8. 
   Просматривать чужие работы в ежедневном режиме и учиться у лучших.

Курс «Веб-дизайн с 0 до PRO»

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

• 
   32 часа теории и 16 практических заданий
• 
  Живая обратная связь с преподавателями
• 
  Неограниченный доступ к материалам курса
• 
  Стажировка в компаниях-партнёрах
• 
  Дипломный проект от реального заказчика
• 
  Гарантия трудоустройства в компании-партнёры для выпускников, защитивших дипломные работы

Как оформить портфолио дизайнеру. Советы рекрутера

Я Кристина Голышева, основательница первого в Украине дизайн-рекрутингового агентства Hirey.io. За последний год в роли дизайн-рекрутера я проанализировала больше 2000 портфолио. Сегодня расскажу о девяти вещах, которые дизайн-рекрутеры всего мира хотели бы видеть в вашем резюме.

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

Иллюстрация создана при помощи Awesomic

Как сделать крутое портфолио

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

Одна из ключевых задач дизайн-рекрутера — оценивать навыки кандидатов, качество их предыдущих проектов, и, конечно, визуальную часть.

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

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

Думайте о рекрутерах как о пользователях вашего портфолио

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

Тут действуют те же правила, что и с любым продуктом. User-friendly ли ваше портфолио? Провели ли вы competitors analysis и определились ли с тем, какие закономерности есть у лучших примеров работ?

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

Портфолио не должно требовать пояснений

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

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

Сделайте его полностью интуитивным

Навигация полностью понятна и проста? Сможем ли мы найти всю информацию о вас, а затем вернуться на Home Page? Добавьте основные секции: About, Portfolio/Cases и Contact.

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

Покажите ваш end-to-end процесс

В любом портфолио мы хотели бы увидеть полный, детальный дизайн-процесс на проектах. Расскажите нам историю, которая лежит в основе финальных дизайн-решений. Идеальное соотношение визуальных материалов и текста для дизайнеров с фокусом на UX — 40/60, для тех, кто сосредоточен на UI, — 50/50.

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

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

Расскажите о вашей роли, зоне ответственности и команде

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

Заявите о дизайн-вызове (aka design challenge)

В чем суть дизайна, если не в решении проблем? Убедитесь, что вы отчетливо нам объяснили идею проблем(ы), а затем расскажите, как пришли к финальному дизайн-решению. Поделитесь выводами о том, справились ли вы с задачей. Конечно, в идеальном портфолио выводы будут подкреплены данными.

Расскажите историю

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

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

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

Покажите свое дизайн-мастерство

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

Добавьте немного человечности и индивидуальности

«Люди забудут то, что вы сказали, люди забудут, что вы сделали, но люди никогда не забудут, что вы заставили их чувствовать», — говорила Майя Энджелоу.

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

Итог

Перед тем, как решите поделиться портфолио с компанией, которая вам интересна, задайте себе три вопроса:

1. Легко ли в нем ориентироваться и удобно ли оно пользователю?
2. Мое портфолио визуально чистое и привлекательное? Говорит ли оно о том, что я внимательный к деталям?
3. Смогут ли ревьюеры понять мой дизайн-процесс в каждом из кейсов, не задавая дополнительных вопросов?

И, конечно, идеальное портфолио — это все же отдельная страничка или сайт. Используйте любой удобный для вас сайт-конструктор (Squarespace, WIX, Tilda etc.). Домен, кстати, нам совсем не важен. Не бойтесь использовать готовые шаблоны, это сэкономит вам время для подготовки качественных кейс-стади, да и навигация сайта в этом случае вас точно не подведет.

Ниже — немного ресурсов, которые помогут сделать портфолио еще лучше:

Удачи с портфолио, желаю, чтобы следующая ваша позиция была уже в компании мечты!

Появились идеи после прочтения статьи? Буду рада обсудить любые вопросы в комментариях.

Чому українська освіта майже на дні й неминуче його досягне

Как сделать портфолио

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

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

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

В статье ниже мы расскажем не только о том, как создать портфолио. Прочтите 20 главных советов от самих профессионалов.

01. Обдумайте, что вы включаете.

Liz Designs Things

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

Портфолио Лиз Грант чистое, простое и красивое. Плюс ко всему легко ориентироваться.

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

«Кроме того, покажите лучшее из того, что у вас есть, вам не нужно показывать все это. Людям не хватает внимания, особенно в Интернете, поэтому сначала покажите свое лучшее — не заставляйте их копаться в тоннах проектов. чтобы найти его », — говорит Грант.

Большое человеческое агентство / портфолио

02. Выбирайте только свои самые сильные вещи

Нигде известное агентство / портфолио

Это проекты, которые, как вы знаете, были успешными, получили восторженные отзывы и хорошие отзывы Результаты Агентство Nowhere Famous прямо в лицо выделяет их самые сильные и красивые работы.Все они настолько впечатляющие, что хочется нажимать на каждую!

Стефан Люкут / портфолио

В портфолио Стефана Люкута только несколько произведений, которые представлены в виде небольшой галереи с большим разнообразием.

03. Продемонстрируйте свои самые уникальные и творческие работы

Duoh! / портфолио

Эти изделия соответствуют последним тенденциям. Они не следуют теме WordPress, и они не то, что делают все остальные. Следуйте их примеру и заставляйте людей думать: «Вау, теперь это круто!»

Это портфолио от Duoh! уникальный и привлекательный.

Rain Creative Lab / портфолио

Rain Creative Lab показывает их работы крупным и жирным шрифтом, а зритель прокручивает их портфолио вверх, вниз и вверх.

04. Выбирайте разнообразие

Корина Ника / портфолио

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

Арт-директор и дизайнер Корина Ника включает в свое портфолио огромное количество проектов, и все они прекрасно сочетаются друг с другом.

Studio Mast / портфолио

Studio Mast включает в себя большое разнообразие, но связывает все вместе с помощью однородного сплошного фона.

05. Решите, сколько деталей включить.

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

Независимо от того, насколько хороша ваша работа, программа просмотра все равно пролистает лишь несколько проектов, прежде чем продолжить.

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

Олли Сорсби / портфолио

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

06. Вам нужен физический портфель?

Abra Design

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

Этот выше, разработанный Abra Design, имеет журнальное качество, которое всегда будет актуальным.

Алекс Фаукс / печатное портфолио

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

07. Высокое разрешение

Miss Modern Design House / портфолио

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

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

«Я в основном чередую свои фавориты и стараюсь поддерживать хороший баланс. Сохраняйте единый формат в своем портфолио и, если возможно, включайте отличные фотографии и фотографии своих работ », — говорит дизайнер Коко Тафойя из Miss Modern Design House. В ее портфолио великолепные фотографии.

Наиноа Шизуру / портфолио

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

Nainoa Shizuru / портфолио

08. Оставайтесь в курсе

Design / Robert Gavick

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

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

Джон Джейкоб / портфолио

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

09. Немногочисленные избранные

Джессика Комингор / Портфолио

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

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

Mhou / портфолио

10. Убедитесь, что части плавно переходят от одного к другому.

Вниз с дизайном / портфолио

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

Портфолио

Down With Design и Tractor Beam — отличные примеры того, как сделать ваше портфолио непрерывным: сохранить согласованность изображений до тех пор, пока они не будут перевернуты. Это приятное ощущение, не заставляя зрителей прыгать по сторонам.

Tractor Beam / портфолио

11. Сделайте фото

Lisa Hedge / Portfolio

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

Сын Эмирали / портфолио

12. Сделайте это интересным

Кендра Шефер / портфолио

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

Everywhere.is / портфолио

Агентство Everything.is использует мокапы для всего своего портфолио.

13. Неклиентская работа — это нормально

Джессика Хиш / портфолио

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

Иллюстратор и писатель Джессика Хиш включает в себя самостоятельные проекты, которые поддерживают ее творческий потенциал.

Пол Каррах / портфолио

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

14. Получите некоторую репутацию на улице

Эмма Дайм / Портфолио

Многие проекты, вероятно, говорят сами за себя, а другие — нет. Примечания о проекте, о том, кто был клиентом, какие навыки были использованы и как продвигался проект, могут помочь объяснить, почему он был успешным.

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

Студия Факультет / портфолио

Smart! Studio Faculty не ограничивается признанием команды дизайнеров — они также придают должное бумаге и шрифтам.

15. Результаты

Oh Joy! / Портфолио

Если вы разработали маркетинговую кампанию, было бы здорово указать, кто еще работал над проектом, как они оценивали результаты и насколько успешным он был.

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

Supremo агентство / портфолио

Агентство Supremo фактически демонстрирует результаты проекта в виде выноски.

16. Сделайте крупный план

Дэниел Б. Мур / Портфолио

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

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

Стивен Боннер / портфолио

17. Продемонстрируйте процесс проектирования

Pinegate Road / Portfolio

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

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

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

Ангарное агентство / портфолио

18. Не используйте flash или анимацию в своем онлайн-портфолио

Филип Эндрюс / портфолио

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

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

Арун / портфолио

В портфолио Аруна есть простые всплывающие окна для каждой части, которые не отвлекают.

19. Получите второе мнение

Фабрицио Дель Гаудио / портфолио

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

Это плавно, профессионально выглядит, легко ли пролистать и исправить?

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

Alexa Falcone / портфолио

20. Просмотр, добавление, удаление, повторение

La Beubar / портфолио

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

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

Super Eight Studio / портфолио

Та-да! Ваше портфолио готово сиять. Что теперь?

Вы просмотрели свои работы, тщательно выбрали их, проявили много разнообразия и творчества и готовы выпустить их в мир Интернета. Что теперь?

• Если у вас уже есть веб-сайт, то добавление раздела «Портфолио» — очевидный выбор.Многие темы Squarespace и WordPress созданы специально для портфолио. Вы можете назвать его «Портфолио», или кто-то будет использовать «Работа».

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

«Портфолио — это основа креатива, поскольку оно показывает, на что вы способны», — говорит графический и интерактивный дизайнер Джейкоб Касс из Just Creative.Это демонстрация вашей крови, пота, талантов и побед. Это ваш бренд, гордитесь им. А теперь иди, покажи это!

Как создать онлайн-портфолио (быстро и легко)

Итак, вы задаетесь вопросом, как сделать онлайн-портфолио.

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

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

Когда вы закончите читать , вы будете знать точно:

Почему важно иметь онлайн-портфолио?

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

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

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

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

Где можно составить портфель самостоятельно?

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

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

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

В частности, есть два инструмента, которые идеально подходят для онлайн-портфолио всех типов, WordPress и Wix:

• WordPress фактически является платформой, на которой работает этот веб-сайт.Его главная сила в том, что он бесплатный и с открытым исходным кодом, и в то же время он чрезвычайно универсален, гибок и прост в использовании после первоначальной установки. Фактически, текущие данные показывают, что WordPress используется более чем на 30% всех веб-сайтов в Интернете. Это всех веб-сайтов!
• Wix — это инструмент для создания веб-сайтов на основе подписки. Другими словами — начать работу с ним даже проще, чем с WordPress — вам нужно только посетить Wix.com, заполните форму регистрации, и вы сможете практически сразу приступить к работе над своим портфолио.

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

Как создать свое собственное онлайн-портфолио

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

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

А теперь приступим к работе:

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

Шаг 1. Составьте правильную структуру

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

1. Введение (кто вы)
2. Проекты — демонстрация вашей работы
3. Ваши услуги / статус занятости
4. Способы связи с вами

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

Это подводит нас к следующему пункту:

Шаг 2: Составьте краткое введение

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

Вот комбинация, которая никогда не подводит:

Хорошая фотография себя (может быть на заднем плане страницы) + ваше имя + краткое описание того, что вы делаете

Вот Хороший пример Андерса Норена:

Это действительно всего, того, что людям нужно знать о вас на данный момент.

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

Шаг 3. Продемонстрируйте свои проекты (здесь битва выиграна или проиграна)

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

Вот как сделать все правильно:

a) Продемонстрируйте только свою работу B

est , а не A ll своей работы

Включение каждого небольшого проекта — одна из самых распространенных ошибок, которые люди делают при создании портфолио .

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

Начните с выбора лучших примеров своей работы и представьте только их.

б) Обеспечьте контекст для каждого проекта

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

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

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

Вот отличный пример того, как это можно сделать, Садок:

c) Убедитесь, что это актуально

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

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

Шаг 4. Дайте понять, в чем заключается сделка

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

Имейте в виду — речь идет не только о простом заголовке «наймите меня». Нам нужно что-то еще, чтобы заключить сделку.

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

a) Перечислите свои ключевые достижения и навыки

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

Вот пример Дениз Чендлер:

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

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

б) Включите отзывы

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

Вот отличный пример Мэтта Фарли:

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

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

c) Назовите свое образование (необязательно)

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

Впрочем, от средней школы и раньше все можно пропустить. Университеты, профессиональные курсы, профессиональное обучение — вот что важно!

г) Перечислите свои услуги / статус занятости

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

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

Шаг 5: Упростите доступ к вам

А теперь последняя часть — дать людям возможность связаться с вами.

К счастью, с современными инструментами, такими как WordPress или Wix, это очень просто.

• В WordPress все, что вам нужно, это плагин под названием Contact Form 7.
• С Wix вы можете добавить контактную форму в свое портфолио прямо из основного конструктора Wix.

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

a) Убедитесь, что он доступен на всех устройствах

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

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

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

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

Например, если вы выбрали WordPress в качестве платформы, вы можете использовать бесплатную тему, такую ​​как Shapely, чтобы получить красивый минималистичный вид:

Заключение: у вас есть готовое онлайн-портфолио?

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

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

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

Вы выбрали инструмент для создания портфолио?

4 секрета создания выдающегося портфолио

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

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

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

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

Если у вас еще нет основного списка или собрания ваших работ, начните с его создания.Затем оцените проекты по степени их впечатления и выберите 10–20 лучших. Или поищите несколько проектов, каждый из которых демонстрирует разные услуги или навыки.

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

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

Если вы работаете в роли, не связанной с визуализацией

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

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

Предоставлено Полом Шринемакерсом

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

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

Если вы переходите и у вас еще нет примеров своей работы

Что делать, если вы пытаетесь перейти на новое направление работы и хотите разместить эту услугу на своем сайте, но у вас нет есть клипы или образцы? Попробуйте создать имитацию!

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

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

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

Обычно это препятствие можно обойти, описав проект в общих чертах. Например, вместо того, чтобы сказать: «В течение последних полутора лет я улучшал узнаваемость бренда Squarespace путем написания сообщений в блогах с большим количеством поисковых запросов и ведения 5 учетных записей в социальных сетях», включая примеры блогов и социальных сетей, скажем , «Последние полтора года я улучшал узнаваемость бренда для крупного веб-сервиса B2C…» Затем напишите имитацию статьи или поста в Facebook и используйте это в качестве наглядного доказательства.

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

Чтобы увидеть эту стратегию в действии, посетите сайт копирайтера Гари Круз.

Предоставлено Гари Крузом

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

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

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

Предоставлено Логаном Уотерсом

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

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

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

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

Предоставлено Бет Ховард

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

Предоставлено Марком Тессье

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

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

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

Предоставлено Жаклин Уэстлейк

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

Как создать онлайн-портфолио: полное руководство

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

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

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

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

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

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

1. Вдохновение

2. Выберите шаблон

3. Витрина ваши лучшие проекты

4. Используйте изображения высокого качества

5. Включите правильный контент и функции

6. Повысьте UX своего портфолио

7. Работа над SEO вашего сайта

8. Сделайте его мобильным

   02 Попросите честный отзыв

9. Публикуйте и продвигайте

01.Найдите вдохновение

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

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

02. Выберите шаблон

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

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

03. Продемонстрируйте свои лучшие проекты

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

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

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

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

04. Используйте изображения высокого качества

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

05. Включите нужный контент и функции

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

Домашняя страница

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

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

О странице

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

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

Контактная информация

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

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

Клиенты и отзывы

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

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

Включите профессиональные функции

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

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

06. Улучшите UX своего портфолио.

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

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

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

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

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

07. Работайте над SEO вашего сайта

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

Оптимизация поисковых систем (SEO) — это постоянная задача, касающаяся различных элементов вашего сайта. Вот несколько указателей, которые помогут вам начать работу:

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

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

• Напишите альтернативный текст для изображений. Альтернативный текст — это сокращение от альтернативного текста, замещающий текст — это краткое описание изображений и фотографий вашего сайта (например, «открытки и визитки для проекта брендинга»). Написание альтернативного текста, оптимизированного для SEO, также может помочь улучшить доступность вашего сайта. Скорее всего, в вашем онлайн-портфолио будет много визуальных элементов, поэтому используйте эту возможность, чтобы интегрировать ключевые слова в замещающий текст.

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

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

08. Сделайте его мобильным

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

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

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

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

09.Спрашивайте честную обратную связь

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

10. Публикуйте и продвигайте

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

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

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

Текст Иден Спивак и Дана Меир

Как создать онлайн-портфолио, которое впечатлит клиентов

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

Продемонстрируйте свой личный бренд

У всех успешных предприятий есть сильная идентичность.

Мы все знаем, что делает Apple, Starbucks и Whole Foods особенными и чем они отличаются от других компаний. Подобно тому, как эти крупные бренды имеют четко определенное послание и идентичность, вы должны заниматься маркетингом самостоятельно.

Ваше онлайн-портфолио должно продвигать ваши таланты и отражать суть вашей индивидуальности.Это отделяет вас от конкурентов.

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

Имеют цель

Прежде чем создавать веб-сайт с портфолио в Интернете, ответьте на следующие вопросы:

• Какой работой я хочу заниматься?
• Кого из потенциальных клиентов я хочу привлечь?
• Как мое портфолио будет способствовать моей карьере?

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

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

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

Определите свою нишу

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

Итак … чем вы занимаетесь?

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

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

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

Сосредоточьтесь на конкретных навыках

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

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

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

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

Расскажите нам, что для вас важно

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

Мел Перри, UX-дизайнер и маркетолог, говорит в своем портфолио дизайнеров, что верит в «создание простых, аутентичных впечатлений, которые кажутся естественными для всех».

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

Это портфолио подчеркивает индивидуальность Мела в фантастическом дизайне. Вы можете клонировать его в Webflow здесь.

Покажи свою индивидуальность

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

Вот, например, портфолио датского дизайнера Игоря Мара. Вместо своего имени и роли в качестве вступительного текста он говорит: «Носороги — всего лишь тучные единороги». Странно, правда? Да, но в лучшем виде.

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

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

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

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

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

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

Если вы ищете вдохновения, попробуйте Webflow Showcase, Dribbble и Behance.

Расскажите историю

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

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

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

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

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

И мы не можем забыть самого важного персонажа в повествовании вашего онлайн-портфолио. И это ты.

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

Многие портфолио обходятся без фотографии человека, стоящего за ним. На портрете Оджиаме он изображен в простом, но элегантном наряде. У нас такое ощущение, что он привносит те же чувства в свой графический дизайн, дизайн интерфейса и дизайн UX.

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

Используйте нестандартный дизайн веб-сайта портфолио

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

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

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

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

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

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

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

Настройте с помощью иллюстраций и типографики

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

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

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

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

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

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

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

Создайте свое портфолио с помощью Webflow

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

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

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

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

Онлайн-портфолио — необходимость для каждого творческого человека

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

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

Собрали ли вы свое портфолио? Нам бы очень хотелось увидеть это в комментариях ниже.

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

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

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

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

Соберите примеры своей работы

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

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

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

Включите свои фотографии в работе

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

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

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

Включите любую полученную ранее корреспонденцию

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

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

Продемонстрируйте свои навыки

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

Создание четких и сжатых документов, которые организованы

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

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

5 способов создать идеальное портфолио для вашей творческой карьеры

Фото: Georgejmclittle / Shutterstock
Этот пост может содержать партнерские ссылки. Если вы совершите покупку, My Modern Met может получать партнерскую комиссию. Пожалуйста, прочтите наше раскрытие для получения дополнительной информации.

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

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

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

Хотите создать идеальное портфолио? Вот 5 советов, с которых можно начать.

Включайте только свои лучшие работы

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

Покажите свою универсальность

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

Фотография: Georgejmclittle / Shutterstock

Посмотрите на картину в целом

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

Использовать изображения с высоким разрешением

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

Запросить заключения

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

Фотография: Georgejmclittle / Shutterstock

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

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

Довольно креативная профессиональная тема | $ 129,95

Элегантная профессиональная тема | 129 долларов США.