Меню

Портфолио онлайн: где, как и зачем его создавать

Гид по форматам, сравнение платформ и подборка примеров портфолио архитекторов

Джессика Нгуен, Алёна Шляховая

24.11.2021

Время чтения: 15 мин

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

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

 

В подготовке материала участвовали преподаватели и кураторы Софт Культуры:

→ Анастасия Медведева (бюро «А4»), Жанна Дикая (бюро «Меганом») — архитекторы, отвечают за курсы «InDesign. Портфолио и вёрстка», «SketchUp. Cвязки: подача с Illustrator + Photoshop». 

→ Юлия Каптур, Юлия Хомутская — архитекторы, ведут частную практику, отвечают за  курсы Photoshop «Визуализация против коллажа», «Интерьер от мудборда до подачи», «Авторские стили».

В обложке использованы изображения бюро Prostor Collective (существовало до 2020 года).

Если портфолио уже свёрстано в PDF

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

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

Слева направо: интерфейс calameo.com; разворот портфолио Алексея Лашкова (для поступления в группу бюро Меганом в МАрхИ, 2017); интерфейс issuu.com                                                                                                                                

Как правильно готовить и отправлять PDF-портфолио по электронной почте, мы подробно описали в чек-листе. Но скачивать большие файлы из письма или облачного хранилища не всегда удобно. Чтобы открыть портфолио для просмотра и сделать его доступным не только адресатам рассылки, но и более широкому кругу коллег и потенциальных работодателей, стоит опубликовать его на одном из специальных онлайн-сервисов: например, на Issuu1, Calaméo или Yumpu — и не забывать регулярно обновлять портфолио, добавляя в него новые проекты.

Самым популярным среди архитекторов и дизайнеров считается Issuu. Но Calaméo и Yumpu не уступают ему по возможностям, а в чём-то даже выигрывают. Выбирать подходящую платформу стоит исходя из необходимых именно вам функций — смотрите в таблицу ниже.

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

Примеры портфолио архитекторов, опубликованные на Issuu, Calaméo или Yumpu, можно посмотреть в коллекции портфолио Софт Культуры. 

 

Сравнение платформ для публикации онлайн-портфолио — на бесплатных тарифах.
                                                                                                                               

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

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

Детали подробно описаны на страницах с тарифными планами Yumpu, Issuu и Calaméo.

Если портфолио нет, но есть красивые картинки

Когда верстать, перевёрстывать и заново выгружать PDF-портфолио после каждого нового проекта нет ни времени, ни сил, можно завести аккаунты на Behancе или в Instagram* — такой способ в разы легче и эффективнее.

Behance

Behancе — самая популярная платформа (или социальная сеть) для публикации графики, художественных и дизайн проектов: от плакатов и упаковок до интерфейсов и анимации. Многие используют Behance для поиска работы и заказчиков, сотрудников и исполнителей на проект, референсов и вдохновляющих примеров. А попадание в подборку Best of Behance выводит профиль на главную страницу сайта — и помогает продвижению портфолио.

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

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

Слева направо: интерфейс behance.net; профиль архитектурного бюро Da bureau; профиль архитектора Юлии Каптур                                                                                                                                

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

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

Примеры портфолио архитекторов, созданные на Behance: 

→ портфолио архитектурных бюро DA bureau и УТРО;

→ личные портфолио архитекторов Леши Галкина и Оли Марченко (бюро Facultative Works), Юли Каптур;

→ портфолио визуализатора Давита Джилавяна, архитектурного иллюстратора Алёны Шляховой и архитектурного фотографа Полины Полудкиной.

Instagram

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

При регистрации аккаунта в Instagram нужно выбрать категорию «Architectural Designer», заполнить короткую форму с информацией и контактами и начать публиковать графику: визуализации, коллажи, схемы и фотографии реализованных проектов. Как и в случае с Behance, основу публикаций в Instagram составляет визуальный контент: изображения и видео. Поэтому здесь очень важна эстетика — не только в самих постах, но и в оформлении аккаунта.

  • Instagram-портфолио архитектурного бюро Studio Shoo  
  • Instagram-портфолио архитектора Эдуарда Еремчука  

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

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

Примеры портфолио архитекторов, созданные в Instagram: 

→ портфолио архитектурных бюро @studio_shoo, @masterskaya.be;

→ личные портфолио архитекторов @eduarderemchuk, @psh_psh;

→ портфолио с акцентом на архитектурную графику @ruscule, @dz_skill, @zarina_the_architect;

→ аккаунт одного проекта @pro_stranstvye (архитектор Даша Зайцева);

→ портфолио визуализаторов и фотографов @ural.visual, @egorshtern.

Если портфолио — тоже творческий проект

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

В отличие от «картиночных» профилей на Behance или в Instagram персональный сайт архитектора может содержать любые виды материалов о проекте, в том числе объёмные тексты (например, рассказ о команде и ее ценностях), технические материалы, интерактивные элементы и материалы для скачивания (например, CV или портфолио, свёрстанное в PDF). Как и в случае с PDF-альбомом, дизайн сайта может быть любым и отражать вкусы и взгляды автора. Но в отличие от загруженного в сеть PDF-альбома, сайт удобно просматривать на всех устройствах. Ещё один плюс сайтов-портфолио — наличие именного домена, то есть уникального адреса в интернете: правда, эта опция, как правило, предоставляется платно и требует постоянного поддержания.

Создать сайт с собственным дизайном гораздо проще, чем кажется — для этого не обязательно уметь программировать: можно использовать специальные онлайн-сервисы — конструкторы сайтов. Самые удобные и популярные: Readymag, Tilda, Squarespace, Adobe Portfolio и Cargo. 

Слева направо: примеры проектов, созданных на readymag.com; сайт-портфолио архитектурного бюро Prostor collective (создано на cargo.site); примеры проектов, созданных на cargo.site                                                                                                                                

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

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

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

Самый простой вариант — создать сайт на Adobe Portfolio: он генерируется на основе профиля на Behancе и автоматически обновляется при добавлении новых проектов в профиль. Это удобный вариант для тех, кто создаёт много графического контента и не хочет тратить время на то, чтобы вручную обновлять сайт.

Слева направо: сайт-портфолио архитектурного бюро Ur bureau (создано на readymag.com); пример шаблона верстки от readymag.com; сайт-портфолио архитектурного бюро Syndicate (создано на readymag.com)                                                                                                                                

Вёрстка сайта на Adobe Portfolio основана на шаблонах. С ними удобно работать — можно свободно переставлять информационные блоки, форматировать текст и настраивать цвета и темы. Работа с Tilda, Squarespace и Cargo тоже основана на шаблонах, но эти платформы дают гораздо более широкие возможности для экспериментов с дизайном и структурой сайта, вплоть до редактирования кода: на сайт можно добавить практически любой виджет, а на Tilda — даже уникальную анимацию.

Для тех же, кто не хочет мыслить в рамках предзаданных шаблонов, больше всего подойдет Readymag. Интерфейс платформы напоминает InDesign: каждый новый проект — это пустое поле с настраиваемыми параметрами сетки и скролла, а также с набором интуитивно понятных инструментов для работы с текстом, графикой, видео и анимацией. На Readymag легко создать свой уникальный сайт «с нуля», но для этого потребуются базовые навыки вёрстки и работы с композицией. 

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

Примеры портфолио архитекторов, созданные с помощью конструкторов сайтов: 

→ сайт одного проекта Открытый квартал Беляево (Readymag);

→ портфолио архитектурных бюро Ur-buro (Readymag), Prostor collective (Cargocollective), Мастерская Б (Squarespace), Aurore (Tilda);

→ личные портфолио архитекторов Эдуарда Еремчука (Readymag) и Юлии Хомутской (Adobe Portfolio).

 

Сравнение конструкторов сайтов для публикации онлайн-портфолио — на бесплатных тарифах
                                                                                                                               

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

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

Детали подробно описаны на страницах с тарифными планами Readymag, Tilda, Squarespace, Cargo и Adobe Portfolio.

Наконец, если быть серьёзным

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

Во-первых, на разных платформах один и тот же проект можно показать разными способами или рассказать о разных сторонах своей деятельности. Так, в PDF-буклете можно разместить ёмкое CV и наиболее полно раскрыть детали проекта, включая сложные и насыщенные чертежи. На Behance — опубликовать самые удачные визуализации, коллажи и фотографии реализованных проектов, сделать акцент на образах и атмосфере проекта. В Instagram — показать картинки и рассказть, что происходит за кадром. На сайте — перечислить публикации и рассказать об исследованиях и преподавательской деятельности бюро. 

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

Примеры, как архитекторы создают портфолио на разных платформах:

→ Studio Shoo: профиль в Instagram*, сайт и электронное портфолио (отправляется по запросу).

→ КОСМОС: профиль в Instagram и сайт с возможностью скачать PDF-файл портфолио.

→ УТРО: профиль в Instagram, профиль на Behance и сайт.

→ Эдуард Еремчук: профиль в Instagram, профиль на Behance и сайт.

→ Мастерская Б: профиль в Instagram и сайт.

→ DA Bureau: профиль в Instagram и профиль на Behance.

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

Еще статьи

Пожалуйста, подождите...
Наш сайт использует файлы cookie. Продолжая использовать сайт, вы даёте согласие на работу с этими файлами.