Как сделать свой сайт-портфолио за пару минут
У Adobe есть прекрасный сервис — можно сделать свой сайт-портфолио. Быстро, просто и бесплатно! А если вы стокер на Adobe Stock и ещё есть Behance в придачу, то сайт-портфолио будет сгенерирован автоматически из ваших дизайн проектов. Работы со стока туда тоже можно добавлять. И затем можно показывать это портфолио клиентам, чтобы брать заказы на фрилансе. А для начинающих в этом деле у нас есть специальный курс: нажми меня.
В общем, круть 👍👍👍
Началось всё с того, что я захожу на Adobe Stock в свой аккаунт и вижу такое объявление.
В новостях я видел информацию, что в Adobe Portfolio сразу добавляются все проекты из Behance, а вот про Adobe Stock как-то не заметил или пропустил.
В итоге, я решил попробовать сделать портфолио, и поделиться заодно своим опытом с вами. Итак, заходим на сайт www.adobe.com логинимся, и в меню жмём на Adobe Portfolio.
Вам предложат посмотреть презентацию и примеры портфолио. Можно нажать сразу на Продолжить.
И дальше доступно два типа сайтов: Галерея проектов и Страница заставка. Галерея - это как раз и есть полноценный сайт-портфолио. Поэтому я выбрал именно этот тип. Страница заставка - это что-то вроде сайта-визитки или лендинга.
Дальше выбираем тему, шаблон на базе которого будет сделан сайт. И система автоматически генерирует его.
Получаем готовое портфолио, импортированное с Behance. Все ваши проекты будут точно также представлены в виде отдельных страниц.
В правой колонке можно сразу нажать Просмотр и проверить, как выглядит сайт, причём доступны к просмотру и версии для мобильных устройств.
Редактирование работ доступно через Управление содержимым. Также можно наводить на превью и открывать редактирование, нажав иконку с карандашиком.
Как вы видите на скрине ниже, как раз в Управление содержимым есть вкладка Интеграции. Через неё можно опубликовать в своё портфолио работы с Adobe Stock.
В своём аккаунте на Adobe Stock просто выделяем нужные картинки и добавляем их в коллекцию.
Я собрал несколько бесшовных текстур из новых загрузок, и назвал коллекцию Patterns.
Затем переходим во вкладку со всеми своими коллекциями на Adobe Stock. И через опцию Share to Adobe Portfolio добавляем эту коллекцию на сайт-портфолио.
В вашем портфолио эта коллекция появится в виде отдельной страницы. При наведении на каждую работу будет появляться ссылка, чтобы приобрести изображение на Adobe Stock.
Точно также всё это можно редактировать и настраивать таким образом, как вы считаете нужным. А глобальные настройки вашего сайта доступны в левой колонке - пункт Изменить настройки. Например, там можно поставить свою иконку для сайта или прикрутить отдельный домен.
Если же у вас нет подходящих изображений на Adobe Stock или Behance, то всё можно добавить вручную. Кнопочка с плюсиком для добавления работ в самом верху. Интерфейс довольно удобный и интуитивно понятный. Так что дальше можно без труда разобраться самостоятельно.