Как сделать портфолио без кода: структура, промпт и цена

Соберите список работ, опишите текстом, кто вы и для кого работаете, и запустите сборку. Zugo сгенерирует сайт с первым экраном, сеткой проектов и контактами, прогонит его в песочнице и опубликует по адресу вида yourname.zugo.run. Простая сборка занимает около минуты и стоит 6 кредитов, каждая последующая правка 3.

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

Какие блоки реально нужны в портфолио?

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

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

Есть один блок, который недооценивают: строчка о том, какие проекты вы сейчас берёте. Она отсекает нерелевантные письма лучше, чем любой фильтр в форме, и её ставят прямо под первым экраном. В промпте её просят явно, иначе конструктор её не придумает.

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

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

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

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

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

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

Сколько кредитов стоит портфолио?

Цена считается по действиям, поэтому смету видно заранее.

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

Free даёт 5 кредитов, чего не хватает даже на одну свежую сборку. Pro стоит $25 в месяц и включает 200 кредитов. Business стоит $99 в месяц. Режим Hi-Fi вдвое дороже обычного, и для портфолио он оправдан только там, где визуальная подача сама по себе является аргументом.

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

Одна страница или отдельная страница на каждый кейс?

Ответ зависит от того, что вы продаёте. Если решение принимается по картинке, одной страницы достаточно: посетитель прокручивает сетку и пишет. Если решение принимается по процессу, нужны отдельные кейсы, где видно постановку задачи, ограничения и результат.

Разница в цене заметная. Одна страница это 6 кредитов, шесть отдельных кейсов это 12 плюс три дополнительные страницы, то есть 21 кредит. Разница в трудозатратах ещё больше: каждый кейс нужно написать, а текст кейса это работа, которую конструктор за вас не сделает.

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

Нужны ли портфолио интеграции и свой домен?

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

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

Как понять, что портфолио работает?

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

Проверить это можно без аналитики. Дайте ссылку трём знакомым из вашей отрасли и спросите одно: «что, по-твоему, я делаю и для кого». Если ответы расходятся между собой, сайт не сообщает позицию. Одна правка первого экрана за 3 кредита обычно закрывает вопрос.

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

Аналитика добавляет то, чего не даст опрос: какие кейсы открывают чаще и на каком экране закрывают страницу. Google Analytics подключается через коннектор. Смотреть стоит не на общее число визитов, а на порядок кейсов по числу открытий: он подсказывает, что поставить первым.

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

Чего конструктор не сделает за вас?

Он не отберёт работы. Генератор оформит и восемь сильных проектов, и восемь случайных. Решение, что показывать, а что убрать, остаётся вашим, и оно влияет на результат сильнее любого оформления.

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

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

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

С чего начать

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