Где можно сделать портфолио: 22 лучших сайта для публикации портфолио

Как сделать портфолио, которое зацепит любого работодателя

В статье рассказывается:   

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

12. Пройди тест и узнай, какая сфера тебе подходит:
    айти, дизайн или маркетинг.

    Бесплатно от Geekbrains

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

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

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

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

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

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

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

Резюме же является документом, в котором указана вся важная для работодателя информация о работнике. Резюме можно назвать «трудовой биографией».

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

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

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

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

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

Кому необходимо портфолио

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

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

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

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

Типы работ для портфолио

Что стоит включить в портфолио:

• Текстовые работы, статьи.
• Фото подобранных модных образов.
• Фотосессии.
• Созданные логотипы, обложки, макеты одежды или проекты интерьера.
• Результаты продвижения и рекламы проектов.
• Видео и фотофрагменты из фильмов, сцен, постановок.

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

• Выигранные судебные дела.
• Программное обеспечение или сайт.
• Методические наработки.

Типы работ для портфолио

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

Другие цели формирования портфолио:

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

3 формата портфолио

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

• Печатное

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

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

Топ-30 самых востребованных и высокооплачиваемых профессий 2023

Поможет разобраться в актуальной ситуации на рынке труда

Подборка 50+ ресурсов об IT-сфере

Только лучшие телеграм-каналы, каналы Youtube, подкасты, форумы и многое другое для того, чтобы узнавать новое про IT

ТОП 50+ сервисов и приложений от Geekbrains

Безопасные и надежные программы для работы в наши дни

pdf 3,7mb

doc 1,7mb

Уже скачали 20206

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

• Электронное

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

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

3 формата портфолио

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

Рекомендуется лично демонстрировать свое электронное портфолио на своем компьютере, не допуская попадания файла на чужое устройство.

• Онлайн-портфолио

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

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

3 шага создания своего портфолио

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

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

Только до 3.04

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

Список документов:

Тест на определение компетенций

Чек-лист «Как избежать обмана при трудоустройстве»

Инструкция по выходу из выгорания

Чтобы получить файл, укажите e-mail:

Подтвердите, что вы не робот,
указав номер телефона:

Уже скачали 7503

Шаг 1. Подготовка

Какого-то единого стандарта оформления портфолио нет. Решение по виду и наполнению этого документа зависит только от вас.

Шаг 2. Выбор темы

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

Личные разработки можно добавить в отдельный раздел.

Шаг 3. Подбор работ

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

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

Структура портфолио

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

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

Титульный лист

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

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

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

Фото для портфолио

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

Фото для портфолио

Критерии хорошего фото:

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

Детали проектов

Одной графики мало. Необходимо текстовое описание примеров работ:

• Цель проекта.
• Задачи.
• Срок выполнения.
• Особенности.
• Процесс работы.
• Итоги.
• Описание того, как был получен результат.

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

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

Чтобы мотивировать человека купить вашу услугу, можно предложить ему бонус, например:

• Скидку.
• Подарок.
• Гарантию результата.
• Дополнительные материалы и так далее.

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

Какие контакты лучше указать:

• Телефонный номер.
• Телефон или никнейм в мессенджерах.
• Ссылки на профили в социальных сетях.
• Адрес электронной почты.

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

Работы, достойные портфолио

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

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

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

Советы по созданию портфолио разным профессиям

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

Для маркетолога:

1. Включить самые значимые проекты из своего опыта.
2. Описать продукты, которые продвигали.
3. Описать использованные инструменты рекламы.
4. Уточнить финансовые детали.
5. Дать KPI-оценку своей работы.

Для копирайтера:

1. Включите самые показательные работы.
2. Сделайте скриншоты со своими материалами.
3. Рассортируйте тексты в различные категории.
4. Опишите изначальное задание и сроки выполнения.
5. Прикрепите ссылки на сайты и публикации, где были размещены ваши тексты.

Для программиста:

1. Оформите портфолио в виде сайта – это лучший выбор для разработчика.
2. Прикрепите отзывы ваших клиентов.
3. Продемонстрируйте приложения или сайты, которые вы написали.
4. При возможности, приведите ссылки на эти проекты

Для менеджера:

1. Опишите организацию, сферу ее деятельности и направление проекта.
2. Укажите время, проведенное в команде, и опишите ее состав.
3. Опишите взаимодействия участников в команде, пути решения конфликтов и методы мотивации.
4. Укажите сроки и уточните, удалось ли соблюсти их. Если нет, опишите причины.
5. Опишите ваши методы постановки задач участникам команды.
6. Приведите финансовую информацию: размер бюджета, удалось ли в него уложиться.
7. Приведите KPI проекта.

Для дизайнера:

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

Для фотографов:

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

 

Где в Интернете разместить свое портфолио

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

• Профили в социальных сетях

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

• YouTube-канал

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

• Фриланс-биржи

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

Основные фриланс-биржи:

• FL.ru;
• Kwork;
• Work-zilla;
• Etxt;
• Advego;
• Pchel.net;
• llustrators.ru;
• Upwork и другие.

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

Популярные платформы для размещения портфолио

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

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

• Behance.net. С помощью этого ресурса можно бесплатно создать портфолио как для одного специалиста, так и для команды. Так, здесь можно опубликовать и индивидуальные, и совместные проекты. Разобраться, как сделать портфолио на «Бехансе», будет несложно.
• Clippings.me. Здесь можно выложить свое портфолио и поделиться ссылкой на него с клиентом. Бесплатный лимит – 16 проектов, на сайте используется только английский язык. Из особенностей – нет возможности указать свои контакты.
• Portfolios.ru. На этом сайте можно оформить специализированные альбомы, в которые включить свои работы. Бесплатное ограничение – 15 файлов.
• Dribbble.com. Самый популярный сайт для портфолио представителей творческих специальностей: художников, фотографов или дизайнеров. Чтобы выложить свою работу, потребуется рекомендация от другого участника этого проекта.
• Pressfolios.com. Этот сайт тоже среди самых крупных в творческой сфере. Здесь разные специалисты – от журналистов до блогеров – публикуют ссылку на свои проекты или файлы. Первые две недели можно использовать сервис бесплатно, далее потребуется платная подписка.

6 советов по продвижению своего сайта-портфолио

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

Советы по продвижению своего сайта-портфолио

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

• Регулярно обновляйте сайт и свое портфолио, прикрепляя новые работы.

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

• Яркая домашняя страница.

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

• Включите эффекты.

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

• Поработайте над SEO.

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

• Пишите интересные и полезные для клиентов тексты. Вы сможете публиковать больше контента для посетителей сайта, и в поисковики поступит информация об активности вашего сайта.
• Найдите и используйте нужные ключевые слова. Это поисковые запросы, через которые пользователи находят сайты вашей тематики чаще всего. Примеры таких слов: «графический дизайнер» или «рекламный копирайтер». Узнав, какие ключевые слова актуальны в вашей тематике, используйте их в текстах, публикуемых на сайте.
• Сделайте описание в виде alt-текст для изображений на сайте. Обычные картинки не считываются поисковиками, а с помощью альтернативного текста можно добавить в эти сервисы информацию об изображениях. Добавив alt-текст для каждого изображений, вы сможете улучшить индексацию сайта.
• Пользуйтесь метаданными и мета-тегами, параметрами, включающими основную информацию о странице: заголовок (Title) и описание (Description).
• Используйте заголовки разных уровней h2, h3, h4 и далее. В них и используйте ключевые слова. Это упростит анализ страницы для поисковиков и поможет поднять позиции в поисковых результатах.
• Если вы осуществляете свою деятельность в одном определенном месте, то можете выделить этот факт и проработать локальную оптимизацию. Так вы поднимите свои позиции в результатах поисковых запросов от жителей определенных стран или городов. К примеру, если вы юрист, практикующий в Москве, можно оптимизировать сайт именно для вашего города, указав это слово в заголовках. Наглядно: «Юрист в Москве | Website.ru». Также важно зарегистрировать свой сайт в сервисе My Business от Google и указать регион в контактах.

• Оптимизируйте версию сайта для мобильных устройств.

Сейчас больше половины посещений сайтов – 55 % – с мобильных устройств. Так что убедитесь, что ваш сайт хорошо выглядит и на ПК, и на смартфоне или планшете. Для этого следуйте правилам:

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

Версия сайта для мобильных устройств

• Расскажите о своем сайте с портфолио.

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

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

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

*Instagram — организация, деятельность которой признана экстремистской на территории Российской Федерации.

Продвижение блога — Генератор продаж

Рейтинг: 5

( голосов 2 )

Поделиться статьей

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

#20. Как оформить портфолио

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

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

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

часть 1

Как оформить работу

Формат повествования и структура / дизайн подачи / приемы оформления элементов / покажите свой проект

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

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

Эффектная главная картинка

С нее начинается презентация, ее задача создать настроение, впечатлить зрителя и вовлечь в просмотр.

Содержательный заголовок, вызывающий интерес

Простой путь — использовать обычный, функциональный заголовок. Например, «Редизайн главной страницы Википедии». Будет здорово, если получится добавить немного интриги, но так, чтобы не потерялся смысл.

Дизайн-агентство Fantasy презентации всех работ начинает с вопроса What if… (Что если…)

Вступление (Statement)

Два-три предложения, которые описывают суть проекта.

Логическое обоснование (Rationale)

Описание поставленной задачи и выбранного пути решения. Тут не требуется демонстрировать свой литературый талант, описание должно быть сухим, академичным. Заголовок и вступление должны «продать» работу, а rationale погрузить в суть и объяснить основную задачу.

Роман Крихели

PROEKT AGENCY

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

Пошаговая демонстрация решения с комментариями

Детали можно комментировать на макетах — поставить стрелочки и подписать, что это значит. Общее правило: пишите лаконично.

Используйте конструкцию: заголовок плюс два предложения.

Прямая речь

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

Финальная фраза и команда

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

Дизайн подачи работы

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

Максим Павлов

Notamedia, креативный директор, партнер.

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

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

Подготовьте макеты для публикации

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

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

Сергей Попков

Партнер агентства aic.

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

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

Обновлено: 28 декабря 2022 г., 00:14

Примечание редактора. Мы получаем комиссию за партнерские ссылки на Forbes Advisor. Комиссии не влияют на мнения или оценки наших редакторов.

Гетти

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

Featured Partners

Advertisement

1

GoDaddy

1

GoDaddy

Learn More

On GoDaddy’s Website

2

SquareSpace

2

SquareSpace

Learn More

On SquareSpace’s Website

3

Web. com

3

Web.com

Узнать больше

На веб-сайте Web.com

Шаг 1. Определите цель для своего онлайн-портфолио

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

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

Одностраничное портфолио по сравнению с полным портфолио

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

Сара Дуди, основатель карьерного акселератора UX Portfolio Formula, где она помогает людям создавать онлайн-портфолио, рекомендует первый путь для большинства творческих людей и особенно фрилансеров. «Я считаю веб-сайт [предоставляющим] больше элемента доверия. Поскольку вы знаете, что люди, скорее всего, будут вас искать в Google, у вас есть профессиональный веб-сайт, который обеспечит вам доверие», — сказала она. В этом случае ваш сайт будет знакомить с вашими услугами. Дуди рекомендует очень простой одностраничный веб-сайт, включающий раздел «О нас», краткое введение в вашу работу и приглашающий клиентов запросить PDF-файл вашего полного портфолио. Вот пример такого типа портфолио.

Шаг 2: выбор между ручным кодированием или конструктором веб-сайтов

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

Шаг 3. Выделите свою лучшую работу

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

Добавить описание каждого проекта

Заманчиво собрать всю свою работу вместе и разместить ее в Интернете. Но один из способов выделить ваше портфолио — дать читателям объяснение проекта, над которым вы работали, проблемы, которые вы пытались решить, и некоторое представление о том, как вы пришли к конечному результату. «Не просто показывайте окончательный результат. Всегда добавляйте контекст», — объяснил Дуди.

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

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

Шаг 4. Создайте убедительную информацию о разделе

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

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

Например, если вы веб-дизайнер, у вас может возникнуть соблазн написать что-то вроде: «У меня есть опыт в разработке веб-сайтов, а также я разбираюсь в разработке различных программ, мобильных устройств и приложений». Это недостаточно конкретно, объяснил Дуди, потому что оно не выделяет вас, показывая, что вы можете сделать для клиентов. Вместо этого тот же веб-дизайнер мог бы написать что-то вроде этого: «Я помог снизить количество отказов от корзины для интернет-магазина на 30% после проведения юзабилити-тестов и полной переделки оформления заказа на сайте».

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

Шаг 5: Создайте убедительный призыв к действию

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

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

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

Шаг 6. Сделайте свое портфолио удобным для пользователя

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

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

Часто задаваемые вопросы

Что делает хороший веб-сайт портфолио?

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

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

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

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

Вы можете бесплатно создать сайт с помощью конструктора сайтов. Выделенное доменное имя будет стоить вам, но оно не обязательно должно быть дорогим. Если вы используете конструктор веб-сайтов, такой как Squarespace или Wix, его обслуживание будет стоить около 16 долларов в месяц.

Что делать, если мне не разрешено публично демонстрировать свою работу?

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

Как защитить сайт моего портфолио?

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

Была ли эта статья полезна?

Оцените эту статью

★ ★ ★ ★ ★

Пожалуйста, оцените статью

Пожалуйста, введите действительный адрес электронной почты

Комментарии

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

Неверный адрес электронной почты

Спасибо за отзыв!

Что-то пошло не так. Пожалуйста, повторите попытку позже.

Еще от

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

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

Лирон — писательница из Нью-Йорка, имеющая опыт освещения технологий и политики. Ее работы публиковались в таких изданиях, как Quartz, The Village Voice, Gothamist и Slate.

Кэсси — заместитель редактора, сотрудничающая с командами по всему миру и живущая в прекрасных холмах Кентукки. Она увлечена экономическим развитием и входит в правление двух некоммерческих организаций, стремящихся возродить свой бывший железнодорожный городок. До прихода в команду Forbes Advisor Кэсси была менеджером по работе с контентом и менеджером по копирайтингу в Fit Small Business.

Редакция Forbes Advisor независима и объективна. Чтобы поддержать нашу отчетную работу и продолжать предоставлять этот контент бесплатно нашим читателям, мы получаем компенсацию от компаний, размещающих рекламу на сайте Forbes Advisor. Эта компенсация происходит из двух основных источников. Сначала мы предоставляем рекламодателям платные места для представления своих предложений. Компенсация, которую мы получаем за эти места размещения, влияет на то, как и где предложения рекламодателей появляются на сайте. Этот сайт не включает все компании или продукты, доступные на рынке. Во-вторых, мы также включаем ссылки на предложения рекламодателей в некоторые наши статьи; эти «партнерские ссылки» могут приносить доход нашему сайту, когда вы нажимаете на них. Вознаграждение, которое мы получаем от рекламодателей, не влияет на рекомендации или советы, которые наша редакционная команда дает в наших статьях, или иным образом влияет на какой-либо редакционный контент в Forbes Advisor. Несмотря на то, что мы прилагаем все усилия, чтобы предоставить точную и актуальную информацию, которая, по нашему мнению, будет для вас актуальной, Forbes Advisor не гарантирует и не может гарантировать, что любая предоставленная информация является полной, и не делает никаких заявлений или гарантий в связи с ней, а также ее точностью или применимостью. . Вот список наших партнеров, которые предлагают продукты, на которые у нас есть партнерские ссылки.

Вы уверены, что хотите оставить свой выбор?

Сравните 12 лучших портфолио конструкторов веб-сайтов для дизайнеров (Руководство 2023 г.)

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

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

Рене Флек

Чтение: 14 мин.

5 августа 2022 г.

Создайте свое портфолио

Искусство Люси Байгарт

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

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

Цель вашего веб-сайта-портфолио

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

«Портфолио — это не произведение искусства. Портфолио существует, чтобы помочь вам получить работу.» — Джессика Ко, генеральный директор @Playbook

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

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

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

1. Dribbble Pro

• Лучше всего подходит для простого создания портфолио и обслуживания.

Art by Herefor Studio

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

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

Плюсы:

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

Минусы:

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

Цена: Базовая подписка на Dribbble Pro стоит всего 5 долларов в месяц , оплачивается ежегодно.

«Благодаря инструментам, которые предлагает Dribbble Pro, я почти не трачу время на само портфолио. Это делает его простым для меня и привлекательным для потенциальных клиентов.» — Питер Вот, дизайнер и иллюстратор

Мгновенное создание портфолио и знакомство с Dribbble Pro.

Начало работы

2. Squarespace

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

Плюсы:

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

Минусы:

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

Цена: Squarespace’s Подписка на персональный веб-сайт включает в себя все необходимое для веб-сайта-портфолио, включая собственное доменное имя за 90 179 14 долларов США в месяц. Если вы хотите создать онлайн-портфолио с разделом электронной коммерции, он предлагает базовый коммерческий план, который стоит 27 долларов в месяц.

3. Wix

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

Плюсы:

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

Минусы:

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

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

4. Webflow

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

Плюсы:

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

Минусы:

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

Цена: Базовый план подписки Webflow стоит 12 долларов в месяц и оплачивается ежегодно. Ежемесячный план выставления счетов стоит дополнительно 3 доллара в месяц.

5. Readymag

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

Плюсы:

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

Минусы:

• Время загрузки. Функции анимации выделяют сайты Readymag, но могут увеличивать время загрузки.

Цена: Подписка Readymag для личного использования стоит 13,50 долларов США в месяц и позволяет опубликовать один проект.

6. WordPress

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

Плюсы:

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

Минусы:

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

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

7. Dunked

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

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

Плюсы:

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

Минусы:

• Меньше вариантов электронной коммерции. Если вы планируете использовать элементы электронной коммерции на своем сайте-портфолио, у вас могут возникнуть проблемы с использованием Dunked.

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

8. Cargo

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

Плюсы:

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

Минусы:

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

Цена: Cargo стоит 14 долларов в месяц за базовый план и почти 20 долларов за вариант электронной коммерции.

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

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

Плюсы:

• Включено в Adobe CC. Как графический дизайнер вы, вероятно, уже имеете или нуждаетесь в подписке Adobe CC. Adobe Portfolio является частью пакета Creative Cloud, поэтому вам не придется доплачивать за этот продукт.
• Совместимость с другим программным обеспечением Adobe. Импорт работы, созданной с помощью программного обеспечения Adobe, в Adobe Portfolio может быть проще, чем импорт файлов с других сайтов.

Минусы:

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

Цена: Adobe CC, который включает в себя все программное обеспечение Adobe для творчества, стоит 54,99 доллара в месяц . Однако вы можете приобрести план фотографии за 9,99 долларов в месяц; он включает в себя портфолио, Photoshop и Lightroom.

10. Weebly

Weebly — еще один популярный конструктор веб-сайтов, который включает в себя перетаскивание, HTML и CSS. Он меньше полагается на темы и шаблоны, чем другие популярные конструкторы, что позволяет создавать дизайн своими руками.

Плюсы:

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

Минусы:

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

Цена: Базовый план Weebly — 6 долларов в месяц оплачивается ежегодно. Его профессиональный план предлагает больше возможностей для безопасности, настройки и электронной коммерции и стоит 12 долларов в месяц.

11. Тильда

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

Плюсы:

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

Минусы:

• Управление компоновкой. Поскольку Тильда полностью основана на блоках, у вас есть только ограниченный контроль над тем, куда перемещаются объекты.

Цена: План подписки на один сайт Tilda предоставляет доступ ко всем блокам дизайна и собственному домену за 10 долларов в месяц при оплате за год.

12. PortfolioBox

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

Плюсы:

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

Минусы:

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

Цена: Подписка Light стоит 3,50 доллара в месяц . Пакеты Pro и Pro Plus стоят долларов 9,50 и 12,50 долларов в месяц соответственно.

Правильный выбор конструктора веб-сайтов-портфолио

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

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

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

🎨 Какой творческий контроль вам нужен?

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

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

⏰ Сколько времени и сил вы готовы потратить?

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

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

💰 Какой у вас бюджет?

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

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

Искусство Эшли Голладей

Что вы должны включить в свое дизайнерское портфолио?

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

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

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

Выбор веб-сайта онлайн-портфолио, который подходит именно вам

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

Создайте свое портфолио и откройте новые возможности с Dribbble Pro

Начало работы

• Мгновенное создание клиентского портфеля

• Получайте сотни новых потенциальных клиентов еженедельно

• Присоединяйтесь к творческому сообществу №1

• Беспрепятственно продвигайте свои товары

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

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

Узнайте, как создать портфолио дизайна продукта, которое привлечет вас на работу.