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

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

Считается, что термин «портфолио» появился в Западной Европе. Так называлась папка, в которой архитекторы демонстрировали примеры своих работ потенциальному заказчику.
Как и любой «рабочий» проект, портфолио должно иметь определенную цель. Его можно использовать для:
• демонстрации потенциальным работодателям / заказчикам на встречах;
• получения новых клиентов из поисковиков и рекламных объявлений;
• раскрутки личного бренда в определенной социальной сети;
• и многого-многого другого.
Для каждой ситуации существует свой оптимальный вариант портфолио. Однако фокус в том, что если вы профессионально развились до того уровня, когда можете четко сформулировать и обосновать ответ на вопрос «зачем», вы уже вполне способны подобрать и оптимальное решение собственными силами. Наш сегодняшний герой —начинающий дизайнер / фотограф / художник / аниматор. За плечами у него уже есть несколько успешных работ, результатами выполнения которых заказчики были довольны. Впереди — большие перспективы, но пока неясно, на чем специализироваться и как увеличить объем заказов (или доход от одного клиента).
Будет ли портфолио такого специалиста вообще приносить какие-то новые заказы? При грамотном размещении — скорее всего, да. Но об объеме этих заказов (а значит, и о допустимых вложениях в создание самого портфолио) однозначно судить еще рано. Слишком много неизвестных.
Очевидно, при таких начальных данных планировать что-то масштабное рановато. Нужно искать способы размещения портфолио с минимальными затратами, но с наибольшими перспективами. И было бы просто прекрасно, если бы и поддержание портфолио в актуальном состоянии не потребовало больших усилий или финансовых затрат.
руководитель отдела дизайна, Лаборатория Касперского
Никита Морозов
Человеку творческой профессий необходимо в первую очередь иметь отличное портфолио, которое показывает глубину мысли, разнонаправленность фантазии и любовь к деталям. В резюме важными моментами являются опыт работы и образование.
Где размещать?
Ресурсов, где можно было бы опубликовать портфолио, довольно много.
В первую очередь это социальные сети.
Казалось бы, идеальное решение: и показывать работы, и общаться с потенциальными клиентами можно через один сервис (имеющий вполне функциональные мобильные приложения). Но инструменты, которые предоставляют соцсети, не сравнятся с возможностями самого простенького конструктора сайтов. И вообще, соцсети — это совсем другая история про площадки размещения портфолио. Мы сегодня изучаем именно персональные сайты.
Еще один вариант размещения портфолио ближе к теме — это специализированный сервис. Такие есть и для дизайнеров, и для фотографов, и для музыкантов, и для писателей.
Большой плюс подобных сервисов — распространенное совмещение с биржами заказов. А возражения здесь скорее политические.

Во-первых, не хочется связывать судьбу с каким-то сервисом, перспективы которого не ясны. Сколь бы популярен он ни был сегодня, завтра его владельцы могут кому угодно продать ресурс, изменить концепцию развития, сделав все необходимые функции ощутимо платными, или вообще прекратить развивать. Портфолио придется переносить.
Второй момент — аудитория подобных ресурсов не такая, как хотелось бы. Пиарятся они в первую очередь в границах своей целевой аудитории, а не среди потенциальных заказчиков. В итоге клиентов не видно, зато на страницы заходит множество коллег, таская себе интересные идеи и критикуя все, что только можно раскритиковать. И здесь будет сложно удержаться от того, чтобы скорректировать портфолио под чужое «дизайнерское» мнение, чтобы получить лучшие оценки — т.е. развиваться вы будете в отрыве от реальных потребностей рынка. Если думать о продаже результатов своего творчества, то такой путь лучше не выбирать.
Третий вариант — собственный сайт. С точки зрения доступной функциональности и возможностей демонстрации работ это наилучший вариант: можно сделать любую галерею, гибко настроить все параметры именно под себя. Никакого ограничения аудитории или зависимости от чьих-то идей. Никаких ограничений на последующую раскрутку в сети.
Многих отталкивают сложности, с которыми приходится как-то справляться при запуске собственного ресурса с нуля. Но здесь на выручку приходят конструкторы сайтов. Конечно, в каком-то смысле конструктор сайтов — тоже сторонний сервис, которому в глубине души не хочется доверять. Однако аудитория тут несколько иная, а цены в среднем на рынке за те же возможности — ниже. Получаем и затраты на публикацию меньше, и немного другие правила игры на рынке, что вызывает несколько больше доверия (относительно перспектив развития).
Еще один важнейший момент — собственный сайт позволяет приобрести и подключить звучное доменное имя. Конечно, ради первого клиента доменное имя покупать нет смысла, но в дальнейшем оно станет важным элементом личного бренда.
Собственное доменное имя допускают и многие конструкторы сайтов, правда, подключают они его на разных условиях — некоторые требуют отдельную плату (по правде, доменное имя за отдельную плату позволяют подключить и некоторые платформы для портфолио, упомянутые в предыдущем пункте — но с собственным доменом в отрыве от площадки такое портфолио становится практически самостоятельным сайтом, т.е. относится уже к третьей категории в нашей классификации).
В общем, с какого ракурса ни посмотри, оптимальный вариант для размещения портфолио начинающего творца — конструктор сайтов, достаточно доступный, функциональный, но не перегруженный и недорогой.
Deputy Recruitment Director в Spice IT Recruitment
Арина Андреева
Работы из разных направлений мы рекомендуем разделять и публиковать в отдельные портфолио, чтобы показывать потенциальному работодателю именно те, которые интересуют его в рамках конкретной задачи. При этом можно давать ссылки и на другие виды работ, не перегружать информацией о всех своих видах творчества в одном месте.
Все-таки конструктор
Расскажем немного о возможностях конструкторов на примере одного из самых простых и удобных инструментов — Ucraft. Сервис находится в первой пятерке конструкторов сайтов с точки зрения простоты и удобства использования по мнению единственного в этой области профессионального издания (правда, англоязычного) — SiteBuilderReport. С 2015 года он активно развивался в англоязычном сегменте интернета, и наконец доступен на русском языке.
Сервис Ucraft ориентирован на дизайнеров, фотографов и других творческих специалистов, не знакомых с тонкостями программирования и привыкших оперировать в первую очередь визуальным контентом. Он очень простой.
Ucraft создает многостраничные сайты, где каждая страница формируется из блоков, расположенных последовательно один под другим. Почти все манипуляции можно провести при помощи мыши (хотя в конструкторе есть возможность вставить и собственный HTML-код, если в нем возникнет необходимость).
Типовые блоки можно гибко настраивать — управлять размерами, полями, эффектами, цветами и т.п. В разных конструкторах глубина кастомизации различна: где-то можно управлять лишь основными размерами, здесь можно управлять фоном, выравниванием, добавлять и удалять различные элементы.
Отдельно стоит сказать о Designer tools. Этот инструмент позволяет управлять отображением текста (в том числе, заголовков), кнопок и других элементов.
Также предусмотрен отдельный инструмент для быстрой разработки собственного логотипа.
При этом любое, даже самое экзотическое сочетание встроенного блока, картинок, эффекта при отображении и т.п., будет автоматически адаптироваться под размер экрана, используемого для просмотра сайта — т.е. мобильная версия портфолио получается автоматически. Это удобно, если приходится демонстрировать работы на встречах с потенциальным работодателем. Портфолио, принесенное на флешке, часто так и остается не просмотренным — то форматы не подходят, то именно сейчас ноутбука под рукой нет (сколько раз нам приходилось такое слышать!). Оставлять флешку или отправлять портфолио по электронной почте готовы не все — недобросовестные заказчики могут и стащить себе интересные дизайнерские идеи. А мобильный сайт решает эту проблему, если хотя бы у одного участника встречи обнаружится смартфон — не придется думать о распечатке своих работ.
В Ucraft есть очень много готовых шаблонов, которые можно быстро кастомизировать, воплощая таким образом свои идеи относительно «лучшего в мире сайта».
Примечательно, что шаблоны — не абстрактные, а ориентированы на определенный рыночный сегмент: т.е. есть шаблоны, наиболее удобные для фотографов, для дизайнеров, для размещения блога и т.п. Не нужно ничего придумывать.
Дополнительные функции позволяет реализовать интеграция со сторонними инструментами. Например, к сайту можно добавить функции интернет-магазина, хотя для портфолио это и не очень актуально. Более интересная опция — подключение платформы для коммуникаций с клиентами (Intercom). Таким образом, сайт получает одно из преимуществ социальной сети — возможность демонстрировать портфолио и общаться «в одном флаконе».
Еще одна интересная особенность Ucraft — SEO продвижение ресурса, т.е. его оптимизация под поисковые системы. Инструмент позволяет задать мета-теги и описания ресурса, которые «увидят» поисковики.
Как сайты-портфолио на Ucraft оценивают специалисты?
С точки зрения кадровиков, портфолио — это не просто набор картинок. Каждая творческая задача имеет определенные условия и ограничения, накладываемые бизнесом (почти всегда это время и деньги, но также часто встречается требование соответствовать фирменному стилю или художественным представлениям определенного человека). Соответственно, работа в портфолио должна быть представлена вместе с условием задачи, чтобы потенциальные наниматели видели, почему исполнитель выбрал те или иные решения. С этой точки зрения портфолио в виде альбома в социальной сети — совершенно не то, что нужно.
HR-специалист, Nimax
Александра Тремасова
Про профессионализм и успешность человека лучше всего говорят его реальные проекты и заказчики. Если в портфолио есть отзывы и список клиентов, это хороший знак.

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

Не забывайте оставлять контакты в удобной форме. Email и ссылка на соцсети — самый оптимальный вариант.
Важно помнить, что визуальная подача портфолио имеет значение, но не является определяющим фактором. Все-таки главное здесь — сами работы. Поэтому дизайн своего портфолио можно и не обновлять регулярно, а вот содержание лучше держать в наиболее актуальном состоянии — постоянно заменять старые работы по определенной тематике более новыми и более профессиональными. Рекомендуют также выбирать для портфолио работы, которые соответствуют стремлениям на будущее (чтобы и предложения поступали из интересующего сегмента рынка).
В продолжение темы визуальной подачи — кадровики достаточно осторожно относятся к различным креативным портфолио. Вообще нестандартный способ подачи чаще привлекает именно нестандартные заказы. Готовы ли вы к такому?
Примеры портфолио
Мой путь к Ucraft — это финал длинной истории. Ucraft нашелся совершенно случайно, и здесь к сайту удалось бесплатно подключить свой домен (в отличие от Wix, где за это хотели отдельную плату). Мне понравились лендинги и возможность работать в шаблонах. Благодаря Ucraft, мне удалось наконец найти удачную компоновку. И мне вдвойне понравилось создавать собственный сайт с минимальными инвестициями. Если потребуется, я смогу расширить свое присутствие в сети на основе того, что у меня уже есть.
Начиная свой проект Not Funny, я уже точно знал, чего хочу от конструктора сайта — «drag-and-drop». Попробовав полдюжины или около того альтернативных конструкторов такого типа, я не смог ни на чем остановиться. Но случайно увидел Ucraft. Здесь хороший пользовательский интерфейс по разумной цене. Как художник, который только строит свой бренд, я не могу переоценить важность быстрого и легкого редактирования, просмотра и публикации сайта по мере того, как проект набирает обороты. Хотя страницы в социальных сетях важны для связи с аудиторией, официальный сайт с пользовательским доменом имеет жизненно важное значение для создания фундамент вашего бренда. С Ucraft это действительно просто.

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

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

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

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

И как оператора наверное порекомендовал бы его на фриланс или стартап. Хорошие кадры, неплохо показаны персонажи. Техника есть.

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

С точки зрения оформления самого портфолио, автора можно похвалить за конкретизацию сроков исполнения и названий проектов, наличие ссылок для ознакомления с движением проекта и доступность контактных данных.
Арина Андреева, Deputy Recruitment Director в Spice IT Recruitment
Портфолио выглядит аккуратно. По типу проектов, описанию и отсутствию ссылки на behance и dribbble можно догадаться, что дизайнер начинающий.

Если увижу где-то объявление о стажировке для графического дизайнера — порекомендую Катрину. С иллюстрациями и несложными задачами по дизайну справится.

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

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

Иллюстрации сделаны с вниманием к некоторым современным тенденциям в дизайне, особенно популярным в соцсетях. Такой стиль плохо масштабируется, так как не является системным подходом, соответственно, может быть применён в ограниченном спектре задач.
Арина Андреева, Deputy Recruitment Director в Spice IT Recruitment
Здесь разные типы работ, и их много. Заметно, что это начинающий дизайнер, но проектов много. Только непонятно — есть ли у него заказы?

С описанием на главной все классно, то что надо. Информация о возрасте, роде деятельности, образовании, опыте и умении в кратком тексте без воды. Молодец! Есть ссылки на соцсети и телефон, и это прекрасно.

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

Пара замечаний: портфолио долго грузится. Возможно, стоит разбить его на страницы или уменьшить количество элементов. И хорошо бы добавить описание к проектам. Учебная работа или коммерческая, какие были задачи.
Александра Тремасова, HR-специалист, Nimax
Неплохой трёхмерщик, визуализатор. Работает с разными направлениями и, скорее всего, своего клиента нашел. И его я, возможно, порекомендую на разовую задачу, если кому-то понадобится сделать 3D.
Никита Морозов, руководитель отдела дизайна, Лаборатория Касперского
Отличное решение для представления работ! Автор на одной странице уместно и лаконично представил информацию о себе, реализованных проектах, заказчиках и различных способах для оперативной связи. Такого специалиста можно рекомендовать как во временные проекты, так и на постоянную работу, учитывая навык работы с разными стилями и позиционированием.
Арина Андреева, Deputy Recruitment Director в Spice IT Recruitment
Комментарии 23
  • +2
    «drag-and-drop» («что-вы-видите-есть-что-вы-получите»)
    В одном из понятий явно ошиблись
    • 0
      Да, вы правы, ерунда получилась. Спасибо, поправили
    • 0
      если не секрет, для кого вы всё это написали?

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

      • +1
        … и пестрящего словами типа «крафт», " шоурил", да и просто написанного тяжелым канцеляритом.
        Человек действительно творческий, то есть созидающий, это читать не будет.
      • +1
        Попробовал конструктор, и у меня есть сомнения что он в пятерке лучших
        • 0
          Привет! Меня зовут Гог, я из Юкрафта :)

          Спасибо за проявленный интерес к нашему конструктору!
          Если несложно, мы бы хотели услышать ваше мнение по поводу него, а именно узнать, что конкретно вам не понравилось?
          Будем использовать это для дальнейшего улучшения пользовательского опыта!
          • 0
            я, например, даже не нашел возможности сделать круглые фотографии.
        • +1
          на практике часто встречала портфолио дизайнеров, собранное из чужих работ
          • +1
            полезная статья
            • 0
              Почему конструктор?! Ну во первых, WEB является наверное самым простым из текущих востребованных направлений (пожалуйста тапками не кидайте, я имел ввиду примерно след. набор направлений: AI, VR, игры, просто программы на аналогичных технологиях WPF, математика (Матмод), Mobile, Моделирование). По факту вам понадобится: HTML, CSS, JS (забудем на время про C# MVC (есть вроде и на JS), Angular и прочее). И написать сайт, особенно визитку, не составит труда. Если даже человек не знаком с программированием и язык HTML (*смешок*) для него труден и не понятен, есть люди которые могут сделать сайт. Ваша статья, по факту, это пиар конструктора сайтов… Смысла мало. Зачем забивать пост кучей фотографий, на полное разрешение? Я понимаю вклеить фотографию сбоку, с обтеканием текста или хотя бы просто поменьше.
              • +1
                Привет! Это Гог из Юкрафта)

                С чем-то соглашусь, с чем-то нет. Все-таки, если человек не знает html/css и другие языки программирования, то ему придется нанимать человека на работу, который будет это все делать, а это уже дополнительная трата денег. Помимо этого, придется нанимать также и дизайнера (если, конечно, вы сами не веб-дизайнер) — снова трата денег. К тому же, для того, чтобы создать персонализированный сайт, который будет правильно отображаться и на десктопной, и на мобильной версии, тоже придется дать дополнительное задание программистам, и это снова будет означать трату времени и сил. Сейчас конструкторы сайтов предлагают возможность создать сайт, который будет автоматически настроен и под мобильные устройства. Также затем пользователь столкнется с тем, что ему придется думать о хостинге и снова дополнительных тратах, тогда как в свою очередь конструктор это предоставляет совершенно бесплатно.
                • 0
                  html/css и другие языки программирования

                  Что насчет XML или JSON?
                  • 0
                    html/css и другие языки программирования


                    html и css не являются языками программирования
                • +4
                  Индивидуальный крафтовый сайт… по шаблону.
                  • +2
                    Добрый день) Меня зовут Гог, я из Юкрафта!
                    Шаблон — это не означает, что все веб-сайты будут выглядеть одинаково. Юкрафт дает возможность полностью персонализировать чуть ли не каждый пиксель вашего веб-сайта :) Наши инструмены дизайнера дают все возможности для этого. Все, что вам необходимо — креатив и творческий подход. И тогда у вас получится сделать действительно уникальный сайт. Попробуйте!
                  • +1
                    Во-первых, не хочется связывать судьбу с каким-то сервисом, перспективы которого не ясны. Сколь бы популярен он ни был сегодня, завтра его владельцы могут кому угодно продать ресурс, изменить концепцию развития, сделав все необходимые функции ощутимо платными, или вообще прекратить развивать. Портфолио придется переносить.
                    Все-таки системообразующие сервисы вроде биханса будут жить еще долго и вряд ли резко закроются.

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

                    А тут типографика в шаблоне сильно развалилась. Как раз в конструкторах сайтов такая проблема часто встречается.
                    image
                    • +1
                      Привет! Это Гог из Юкрафта
                      Согласна с тобой насчет Behance — это определенно важная платформа для дизайнеров (наши дизайнеры там тоже конечно имеют портфолио). Однако Behance не может заменить полностью собой портфолио творческого человека. Хочется показать и свои работы, и написать опыт работы в каких-либо компаниях, и может добавить что-то лично от себя.

                      Насчет типографики в шаблоне. Во-первых, это не шаблон, а сайт, созданный пользователем Юкрафта. Он сам выбрал это и сам все настроил. Юкрафт дает возможность контролировать все отступы элементов (начиная от отступа между картинкой и текстом и заканчивая межстрочными и межбуквенными отступами), так что он мог бы сделать больший отступ между фото и текстом, но сам для себя решил, что ему так будет лучше. каждый пользователь по мере своих вкусовых предпочтений создает свой сайт )
                    • 0
                      Очень полезная для тех кто хочет знать как делать не следует, все кроме создания портфолио на своем сайте, понизит степень доверия к вам.
                      • +1
                        Не согласен с вашей точкой зрения. Дизайнер не обязательно должен уметь делать сайты, деплоить их, поддерживать их (обновлять), в случаях с VPS обновлять ОС и установленное ПО…
                        Разделение труда не зря придумали.
                      • 0
                        Лично я считаю на вкус и цвет товарищей нет. Можно только сделать для более большой части людей, под их вкус. А единомышленники найдутся все равно. Более близко к теме так одних больше, других меньше единомышленников. Так что если твое творение будет по душе более обширной аудитории единомышленников, то тебе повезло! А так анализ надо делать !)))) И тогда точно повезет!
                        • 0
                          Я так вообще портфолио не делал А использую страницу обо мне!
                          • 0
                            Для рекламной статьи — вовсе неплохо, интересное чтиво.
                            А вот по поводу сайтов, что анализировались, интересный момент. Взять первый сайт — по первому экрану абсолютно непонятно чем занимается человек, да и в целом очень скучные и однообразные сайты, юзабилити сильно хромает — это как итог работы новичка, который абсолютно не разбирается в аспектах веб-дизайна, с конструкторами сайтов.
                            • 0
                              Полностью с Вами согласен! Хорошую характеристику дали этой статье! Сайты действительно которые упоминались в этой статье и статья сама только для коммерческого использования! Статься специально писалась чтоб обратить внимание на не понятные портфолио упомянутые в ней в статье!

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