Сайт-портфолио специалиста за вечер: что на нём должно быть

Сайт-портфолио специалиста за вечер: что на нём должно быть

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

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

---

Ссылка, которую нечего отправить

Заказчик спрашивает: «пришлите что-нибудь посмотреть».

И вы отправляете аккаунт в соцсети, где вперемешку работы, личное и репосты. Или папку в облаке. Или ничего, потому что папка не разобрана.

Ни один из этих вариантов не работает так, как страница.

Аккаунт требует листать. Папка выглядит как черновик. Страница открывается за три секунды и отвечает на вопрос заказчика полностью.

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

Кому это нужно

Не всем, и стоит определиться.

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

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

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

Восемь блоков, которых достаточно

Порядок не случайный — он повторяет ход мысли того, кто открыл страницу.

1. Кто вы и для кого

Первый экран. Не должность, а адресат и результат: кому вы полезны и в чём.

Плохо: «Дизайнер. Более пяти лет опыта».

Хорошо: «Карточки товара для небольших брендов косметики. Десять штук за два дня, без вашего участия».

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

2. Работы

Главный блок, ради которого и заходят.

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

И правило, которое нарушают все: заказчик оценивает подборку не по лучшей работе, а по слабейшей. Уберите всё, в чём сомневаетесь.

3. Подписи к работам

То, что отличает витрину от галереи картинок.

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

Работа с подписью стоит дороже той же работы без неё. Заказчик видит не картинку, а то, как вы думаете.

4. Как вы работаете

Этапы, сроки, что от заказчика нужно, сколько кругов правок входит.

Этот блок снимает больше возражений, чем любые заверения в надёжности. Человек, который видит процесс, перестаёт бояться неопределённости.

5. Что получит на выходе

Список артефактов, а не выгод. «Комплект из десяти изображений, исходники, инструкция по замене текста» — проверяемо. «Рост узнаваемости» — нет.

6. Цена или её логика

Не обязательно точная цифра. Но от чего она зависит — обязательно.

Три-четыре параметра: объём, срок, сложность, нужны ли исходники. Молчание о деньгах отпугивает сильнее, чем неподходящая цена.

7. Ответы на возражения

Те, что реально звучат. «А если не понравится», «сколько кругов правок», «а вы точно успеете», «работаете по договору».

8. Один способ связаться

Один. Не пять иконок, а понятное следующее действие.

Что убивает конверсию

Пять вещей, встречающихся почти на каждой неработающей странице.

Блок «обо мне» вторым экраном. Человек ещё не понял, зачем вы ему, а вы рассказываете биографию. Блок нужен, но ближе к концу.

Все работы подряд. Тридцать разнородных вещей вместо десяти в одной нише.

Выгоды вместо артефактов. «Выведу на новый уровень» — нечего проверить и нечего оценить.

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

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

Почему это делается за вечер, а не за месяц

Потому что придумывать структуру не надо.

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

Каждый шаблон — не «тема для конструктора», а полное техническое задание: структура, типографика, цвета, поведение анимации при наведении и прокрутке. В среднем около 10 000 знаков, самые проработанные — до 75 000.

Превью видно до запуска — вы выбираете по результату, а не по описанию.

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

Порядок работы: открыли категорию, пролистали превью, взяли подходящее, вставили в свою среду, подставили свои работы и тексты.

Вечер уходит не на сборку, а на содержание: отобрать десять работ и написать подписи. И это правильное распределение — содержание никто, кроме вас, не даст.

Что делать, если работ нет

Частый случай, и он не тупик.

Портфолио — не архив выполненных заказов, а доказательство способности выдать результат. Заказчику всё равно, кто вам платил.

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

Подписываете честно, со статусом «концепт» или «собственная инициатива». Ни одного выдуманного заказчика — и ни одного повода стесняться.

Цифра, ради которой это стоит сделать: портфолио требуют в 46,6% объявлений, стаж — в 1,9%. Двадцать четыре к одному.

Что для этого есть на платформе

Шаблоны сайтов — 343 промпта: сайты — 240, отдельные секции — 80, анимированные фоны — 23. В категории «Портфолио» — восемь, в «Hero» — восемьдесят первых экранов. Тариф Plus.

«Упаковка фрилансера» — цепочка из семи ассистентов, которая даёт содержание для страницы: ниша по формуле «навык × домен × формат», аватар клиента, текст портфолио на 250–350 слов, тексты профилей, ТЗ на конверсионный лендинг. $9, входит в Basic.

Ассистенты категории «Креатив» — веб-дизайнер, UX-дизайнер, арт-директор. С Basic.

Регистрация бесплатная и открывает три дня доступа к Basic целиком. Каталоги и превью открыты гостю без регистрации.

С чего начать сегодня

Одно действие, и оно не про сайт.

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

Час работы. После этого страница собирается за вечер, потому что самое трудное — содержание — уже сделано.

А если окажется, что десяти работ в одной нише у вас нет, вы только что нашли настоящую причину, по которой сайт-портфолио откладывался.

---

Чем наполнить страницу за тот же вечер

Восемь блоков — структура. Содержание для них тоже можно собрать быстро.

Шаблон «1+1=11» из блока 1: описываете, что делаете и для кого, — получаете позиционирование, УТП, tone of voice, черновик посадочной страницы с заголовками и структурой, и описание фирменного стиля с цветами в HEX.

То есть первый экран, тексты блоков и визуальные решения приходят одним прогоном — вам остаётся выбрать и подогнать.

Плюс «Упаковка фрилансера» — цепочка из семи ассистентов: ниша, аватар клиента, портфолио на 250–350 слов, тексты профилей и техзадание на лендинг.

И блок 5, урок «Создание сайтов» — практическая сборка через работу с файлами, если хотите собрать не по шаблону, а под себя.

Блоки 1 и 5 — Basic и Plus, «Упаковка фрилансера» — $9, входит в Basic.

---

Что почитать дальше

[Портфолио без единого клиента](/blog/portfolio-without-clients) — чем наполнять страницу.

[Сначала посмотри, потом генерируй](/blog/preview-before-generate) — как выбрать шаблон.

[Как упаковать себя как специалиста](/blog/freelancer-packaging) — тексты для страницы.

[Что из собранного продаётся](/blog/what-sells-from-vibecoding) — как продавать такие страницы другим.

[Skills для Claude Code](/blog/claude-code-skills-guide) — гид по скиллам целиком.