Как создать онлайн-портфолио: наш полный контрольный список на 2023 год

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

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

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

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

Для этого вы можете использовать следующие конструкторы сайтов и портфолио:

1. Викс
2. Квадратное пространство
3. Пикспа
4. Формат
5. Уибли
6. WordPress
7. Канва
8. Висме

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

Зачем мне онлайн-портфолио?

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

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

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

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

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

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

• Инструменты сайта
• Медиа-инструменты

Процесс создания сайта для онлайн-портфолио

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

1. Составьте план структуры и содержания вашего сайта-портфолио.
2. Необязательно (в зависимости от вашего бюджета): зарегистрируйте доменное имя — в идеале выберите домен .com.
3. Найдите конструктор веб-сайтов для создания онлайн-портфолио
4. Загрузите свой контент (изображения и копию)
5. Запустите свой сайт

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

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

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

Подробнее о лучших конструкторах сайтов для создания портфолио смотрите в видео ниже:

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

Wix – мощные и легко настраиваемые веб-сайты

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

Дополнительный бонус предоставляется в App Market, который позволяет добавлять функции на ваш сайт одним щелчком мыши. Например, Wix Bookings — это приложение, которое позволяет заинтересованным клиентам бронировать билеты на вашем сайте за считанные секунды (вы даже можете синхронизировать его с Календарем Google).

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

Кстати, у нас есть полное руководство по Wix, которое поможет вам начать работу.

Плюсы:

Минусы:

Цены начинаются от 16 долларов в месяц без рекламы (план Light). Для видео в высоком разрешении вам может потребоваться больше места, поэтому план Core предоставляет вам 50 ГБ за 27 долларов . Это также добавляет функциональность электронной коммерции, позволяя продавать услуги, а также цифровые и физические продукты.

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

Примеры портфолио Wix:

Попробуйте Wix бесплатно

Squarespace – удобные сайты для фотографов и иллюстраторов

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

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

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

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

Плюсы:

Минусы:

Цены начинаются от 16 долларов в месяц (личный). Вам необходимо перейти на бизнес-версию, чтобы включить интернет-магазин с комиссией за транзакцию в размере 3 %. Эта плата не взимается с плана Интернет-магазина и составляет 27 долларов в месяц.

Примеры портфолио Squarespace:

Попробуйте Squarespace

Pixpa – специалист по сайтам художников

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

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

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

Плюсы:

Минусы:

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

План Creator рассчитан на 10 страниц, 300 изображений галереи и 5 предметов на продажу. Переход на план Professional за 15 долларов в месяц дает вам неограниченное количество страниц и изображений, а также 50 продуктов для продажи. Расширенный план стоит 25 долларов в месяц при продаже до 1000 продуктов.

Примеры портфолио Pixpa :

Попробуйте Пикспа

Формат – шаблоны, ориентированные на портфолио

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

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

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

Плюсы:

Минусы:

• Нет бесплатного плана
• Ограниченное количество шаблонов
• Негибкий редактор

Базовый план стоит 7 долларов в месяц. Pro стоит 15 долларов в месяц за щедрые 1500 изображений с высоким разрешением и неограниченную пропускную способность. Pro Plus добавляет защиту изображения и 30 минут размещенного видео за 25 долларов в месяц со 120 минутами видео.

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

Попробуйте форматировать

Weebly – встроенное аудио и видео

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

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

Плюсы:

Минусы:

Есть бесплатный план с рекламой. Чтобы удалить рекламу, вам понадобится план «Профессиональный», который стоит 12 долларов в месяц. План Performance стоит колоссальные 26 долларов в месяц, но добавляет электронную коммерцию.

Попробуйте Weebly бесплатно

Примеры портфолио Weebly:

WordPress – более продвинутый вариант

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

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

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

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

Плюсы:

Минусы:

Технически WordPress бесплатен, но вам нужно будет приобрести хостинг (5-15 долларов в месяц), а некоторые премиум-плагины, вероятно, пригодятся (разовая плата составляет 20–100 долларов в зависимости от функции). Вы также можете проверить WordPress.com и узнать больше о ценах здесь. Хотя WordPress.com немного проще настроить и поддерживать, обычно он намного дороже, чем хостинг самостоятельно (около 7 долларов за самостоятельный хостинг против 15 долларов за WordPress.com).

Примеры портфолио WordPress:

Больше информации

Инструменты онлайн-редактирования мультимедиа

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

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

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

Канва

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

• Существует бесплатный план, позволяющий работать с 250 000 шаблонами.
• Более 100 000 стоковых фотографий и графики
• 5 ГБ облачного хранилища
• Управление командой

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

Попробуйте Canva бесплатно

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

Висме

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

• До 5 проектов
• 100 МБ памяти
• Некоторые шаблоны
• Скачать только в формате JPG
• Некоторые диаграммы и виджеты

Что должно быть в моем онлайн-портфолио?

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

• Выдвигайте свои лучшие работы: их не обязательно размещать в хронологическом порядке. Тщательно подумайте, что входит, а что нет. На самом деле, лучше иметь всего несколько сильных работ, чем тонну неудачной работы.
• Не утомляйте читателя/зрителя: если можете, излагайте информацию как можно реже, позволяя произведению говорить само за себя. Если это требует объяснений, постарайтесь свести их к минимуму. Это портфолио, а не мемуары или сборник тематических исследований.
  
• Покажите, что вы работаете с клиентами: демонстрируйте разнообразие и не стесняйтесь объяснять, как вы сотрудничали с другими людьми. Речь идет о демонстрации вашего профессионализма (т. е. вы хотите, чтобы люди думали о вас как о человеке, которому они могут доверять в работе).
• Только высококачественные медиа: не имеет значения, являетесь ли вы фотографом, художником, автором или писателем-фрилансером. Убедитесь, что все ваши медиафайлы имеют высокое разрешение (но также не забывайте об оптимизации — подробнее об этом позже).
• Укрепите социальное доверие: вам не обязательно искать целую страницу отзывов клиентов, но небольшой «бар хвастовства» может иметь большое значение. Еще один способ завоевать доверие — поделиться своим творческим процессом.
• Подумайте о пользовательском опыте: именно так люди будут перемещаться по вашему веб-сайту-портфолио. У вас есть видео с автозапуском? Насколько легко выйти из полноэкранного изображения? Могут ли посетители легко найти страницу контактов?

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

Что еще мне следует учитывать?

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

• Нужен ли мне логотип? Если вы графический дизайнер, не помешает продемонстрировать, что вы разработали собственный логотип. Но для других отраслей давайте назовем это необязательным.
• Загружаемый контент? В некоторых отраслях может быть полезно загрузить PDF-файл с вашей работой, чтобы его можно было разносить по офису.
• Клиентские галереи: если вы в настоящее время работаете над проектом, возможно, вы захотите разместить файлы на своем сайте и предоставить ссылку своему клиенту. В большинстве конструкторов сайтов это будут страницы, защищенные паролем, которые вы можете легко настроить.
• Профессиональное доменное имя: решать вам, но принять решение может быть сложно. Если портфолио очень сильное и у вас нет средств на покупку идеального доменного имени, можно было бы оставить его на менее профессионально звучащем веб-сайте, таком как myname.myfreeportfolio.com. И наоборот, если вы потратите тысячи на доменное имя best-art.com, ваше портфолио не станет лучше. Но вы можете зарегистрировать свое собственное доменное имя примерно за 15 долларов в год – например, на Namecheap.
• Пользовательский адрес электронной почты: адрес электронной почты тесно связан с вашим доменным именем. В идеале у вас должен быть тот, который использует ваше собственное доменное имя (например, [email protected]), поскольку оно гораздо более профессионально воспринимается как Gmail или, не дай бог, адрес электронной почты AOL.
  Большинство разработчиков веб-сайтов в наши дни интегрируются с Google Workspace, который основан на Gmail и стоит около 6 долларов в месяц за адрес электронной почты. Есть также более дешевые варианты, такие как вышеупомянутый Namecheap.
• Важно ли SEO (поисковая оптимизация)? Это большая тема. С одной стороны, вы хотите, чтобы люди находили вас в Интернете (через поисковые системы). Но есть вероятность, что рынок «фотограф в Чикаго» или любых других подобных ключевых слов уже полностью насыщен. Так что оптимизировать SEO — неплохая идея, но при этом иметь реалистичные ожидания — никто не ожидает, что новичок будет иметь ресурсы для полной кампании в своем портфолио.
• Мобильная и настольная версия? Это решительное да. Растущее число мобильных пользователей означает, что вполне вероятно, что кто-то зайдет на ваш сайт со своего телефона. Вы же не хотите, чтобы тогда он сломался и выглядел непрофессионально. К счастью, все современные конструкторы веб-сайтов также создадут красивую мобильную версию вашего онлайн-портфолио.
• Несколько языков? Если вы работаете в визуальной индустрии с минимумом текста, почему бы и нет! Только не тратьте слишком много времени на создание версии вашего сайта на 6500 языках мира, чтобы произвести впечатление на посетителей.
• Страница бронирования / онлайн-платеж: ваше портфолио может перейти на территорию электронной коммерции, что идеально, если вы планируете продавать свои собственные произведения искусства и товары. Мы кратко упомянем конструкторы портфолио, которые позволяют вам добавить функцию электронной коммерции, но вы, возможно, захотите посмотреть на наше сравнение лучших конструкторов интернет-магазинов здесь.

Онлайн-портфолио: последние мысли и следующие шаги

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

Но если бы мне пришлось все обобщить, я бы сказал так:

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

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

А у вас есть вопросы? Обратная связь? Комментарии? Поднимитесь к нам ниже!