Чтобы создать сайт-портфолио с помощью ИИ, соберите лучшие проекты, изображения и короткую биографию, а затем опишите нужную структуру и настроение. Конструктор сделает страницы проектов, раздел «Обо мне» и форму обратной связи, которая сохраняет сообщения. Новые работы можно добавлять из закрытой админки, а сам сайт — опубликовать на собственном домене.
- Восемь–двенадцать сильных проектов с короткой историей каждого приносят больше заказов, чем галерея всего, что вы когда-либо делали.
- Прикрепите свои изображения (до 25 МБ на файл), когда описываете сайт. WisyLink использует их как есть и не генерирует фотографии.
- Попросите отдельную страницу для каждого проекта с понятным URL; проекты, которые вы потом добавите из админки, появятся на сайте без пересборки.
- Форма обратной связи сохраняет каждое сообщение. Для уведомлений на почту нужен ваш собственный SMTP-аккаунт, который один раз добавляется в разделе «Интеграции».
- Бесплатные ссылки живут 30 дней. Платный план сохраняет сайт в работе; свой домен можно подключить на любом плане, в том числе бесплатном.
Что нужно портфолио, чтобы приводить клиентов
У сайта-портфолио одна задача: чтобы нужный человек с вами связался. Обычно это арт-директор, HR-менеджер или владелец бизнеса, который просматривает несколько портфолио подряд. Он быстро решает, делаете ли вы работу его типа, хорошо ли она выглядит и легко ли с вами связаться. Всё на сайте должно работать на эти три решения.
| Элемент | Зачем он нужен | Совет |
|---|---|---|
| Позиционирование одной строкой | Говорит, кому и как вы помогаете | «Айдентика для независимых ресторанов» лучше, чем «Креативный дизайнер» |
| Сетка избранных работ | Сразу показывает диапазон и качество | Начните с проекта, больше всего похожего на работу, которой вы хотите больше |
| Страницы проектов | Доказывают, как вы думаете, а не только как это выглядит | Контекст, ваша роль, процесс, результат |
| Обо мне | Вызывает доверие к человеку, который стоит за работами | Настоящее фото и три-четыре предложения |
| Услуги и процесс | Отвечают на вопрос «как будет выглядеть работа с вами?» | Перечислите, что вы делаете, и примерно как идёт проект |
| Отзывы | Подтверждение со стороны | Только настоящие цитаты и только с разрешения клиента |
| Форма обратной связи | Превращает интерес в разговор | Спросите тип проекта и сроки, чтобы отбирать заявки |
| Карточка для превью | Делает вашу ссылку в сообщениях аккуратной | Перед запуском проверьте её, вставив ссылку в мессенджер |
Подготовьте материалы: изображения, короткие кейсы, биография
Качество результата больше зависит от подготовки, чем от промпта. Потратьте на неё вечер, прежде чем открывать чат.
Изображения
Сначала выберите проекты, затем экспортируйте изображения в веб-размере в JPEG, PNG или WebP и дайте файлам понятные имена, например kofeynya-u-prichala-oblozhka-menyu.jpg, а не IMG_0412.jpg. Каждый файл, прикреплённый в чат, может весить до 25 МБ; чат принимает распространённые форматы изображений, PDF, документы Word, MP4 и другие. Фотографам лучше выбирать серию кадров на проект, а не отдельные снимки, и проверять, что договоры с клиентами и согласия моделей разрешают публичное использование.
Можно ли загрузить свои фото и видео?
Да. Прикреплённые файлы используются как есть; конструктор никогда не заменяет вашу работу сгенерированными изображениями. Короткие ролики MP4 до 25 МБ работают на сайте как файлы, но каждая загрузка расходует хранилище и трафик вашего плана. Шоурил или большую видеотеку разместите на видеоплатформе и попросите встроить видео на страницы проектов.
Кейсы и биография
Пишите каждый кейс из пяти коротких частей: клиент и контекст, задача, что вы сделали, результат и участники (ваша роль в командных проектах). Трёх–шести предложений на проект достаточно. В разделе «Обо мне» пишите от первого лица, если работаете в одиночку, и от третьего, если представляете студию. Соберите всё в один документ и прикрепите его в чат — так не придётся набирать всё это в промпте.
Создаём сайт: шаблон промпта
Если вы никогда не делали сайт таким способом, основы описаны в пошаговом гайде о том, как создать сайт с помощью ИИ. Для портфолио процесс выглядит так:
- Создайте бесплатный аккаунт на плане Community и откройте новый чат.
- Прикрепите изображения и документ с кейсами.
- Вставьте промпт ниже, заполнив его своими данными.
- Ответьте на вопрос Wisy, если он его задаст. На каждом шаге он либо задаёт один короткий вопрос, либо запускает сборку.
- Следите за списком задач, пока идёт сборка, затем откройте живую ссылку на телефоне и на ноутбуке.
- Просите конкретные изменения, по одной теме на сообщение: «сделайте названия проектов крупнее и перенесите имя клиента под них» работает лучше, чем «сделайте красивее».
- Добавьте данные SMTP в разделе «Интеграции», чтобы новые сообщения приходили вам на почту.
- Когда будете готовы к запуску, подключите свой домен (это возможно на любом плане) и перейдите на платный.
Создайте сайт-портфолио для [ваше имя] — [специальность] из [город], который работает с [тип клиентов].
Страницы: главная со строкой «[позиционирование]» и сеткой избранных работ; страница «Работы» со списком всех проектов и фильтром по [список категорий]; отдельная страница для каждого проекта по адресу /work/[nazvanie-proekta] с текстом кейса, прикреплёнными изображениями и ссылками на предыдущий и следующий проект; страница «Обо мне» с биографией и фото; страница «Контакты».
Поля формы обратной связи: имя, email, тип проекта, сроки, сообщение. Сохраняйте каждое сообщение и показывайте их в закрытой админке. Присылайте мне письмо о каждом новом сообщении.
Админка: вход только для меня, где я могу добавлять, редактировать, переставлять и скрывать проекты и загружать к ним изображения.
Внешний вид: [три прилагательных], [предпочтения по цвету], типографика, которая ощущается [например, журнальной и спокойной]. Пусть главными будут изображения; текст держите коротким.
Описывайте стиль конкретными словами, а не «современный» или «чистый» — для каждого они значат своё. Больше формулировок — в шаблонах промптов для конструктора сайтов с ИИ. На бесплатном плане Wisy ограничивает каждую сборку короткой первой версией, поэтому, если в первом результате нет админки, попросите её вторым сообщением.
Отдельная страница для каждого проекта с понятным URL
Одна прокручиваемая страница подходит для трёх проектов. Если их больше, дайте каждому свою страницу. Страницу проекта с адресом вроде /work/rebrending-kofeyni-u-prichala можно отправить напрямую потенциальному клиенту, который спрашивал о работе для ресторанов; у неё собственные заголовок и описание в результатах поиска, и она может ранжироваться по своей теме, например «дизайн упаковки для крафтовой пивоварни».
В WisyLink каждый проект, который вы добавляете как запись, получает собственную индексируемую страницу, собранную из сохранённых данных. Новый проект появляется на странице «Работы», по своему URL и в карте сайта примерно через минуту после публикации, без пересборки. Пусть страница проекта рассказывает больше, чем его карточка: контекст, два-три изображения процесса, результат и участники. Страница, которая только повторяет название и одно фото, не даёт ни посетителям, ни поисковикам причины задержаться.
Выбирайте короткие понятные адреса проектов и не меняйте их. Если переименовываете проект после того, как поделились ссылкой, попросите редирект со старого адреса, чтобы прежние ссылки продолжали работать.
Форма обратной связи, которая сохраняет сообщения и присылает письма (SMTP)
Форма обратной связи сохраняет каждую заявку в собственной базе данных сайта, а читаете вы их в админке. Это работает с первой сборки. Для уведомлений на почту нужен ещё один шаг: сайт отправляет письма через ваш собственный SMTP-аккаунт — настройки исходящей почты, которые даёт ваш почтовый провайдер. Вы вставляете сервер, порт, имя пользователя, пароль и адрес отправителя в разделе «Интеграции», где они шифруются и больше никогда не показываются. Пока вы этого не сделали, сообщения всё равно сохраняются — просто письма о них не приходят. Никогда не вставляйте пароль в сам чат.
Три детали делают форму полезнее:
- Поля для отбора заявок. Тип проекта и сроки за секунды подскажут, на какую заявку ответить первой. Вилка бюджета в одних профессиях работает, а в других отпугивает; если сомневаетесь, не добавляйте её.
- Защита от спама. Попросите конструктор ограничить повторные отправки с одного и того же email, чтобы скрипт не завалил вашу почту и базу данных.
- Адрес отправителя на вашем домене. Когда домен подключён, укажите отправителем адрес вроде hello@vashe-imya.ru — особенно если вы просите ещё и автоматическое письмо-подтверждение тому, кто написал.
Перед запуском отправьте себе тестовое сообщение и убедитесь, что оно появилось в админке и в почте, — загляните и в папку «Спам».
Скорость, превью ссылок и поиск: карточки для соцсетей и основы SEO
Каждый сайт WisyLink рендерится на сервере, поэтому поисковики и превью ссылок видят всю страницу с первого запроса. У каждой страницы свои заголовок, мета-описание и канонический URL, плюс теги Open Graph и Twitter Card, структурированные данные, фавикон, /sitemap.xml и /robots.txt. Первая сборка также создаёт для сайта картинку для превью, так что, когда вы вставите ссылку в сообщение, появится аккуратная карточка, а не пустой прямоугольник.
Учтите одно ограничение: карточка для превью — это одна графика на весь сайт, нарисованная как векторная иллюстрация. Ваших фотографий на ней не будет. Если хотите, чтобы она выглядела иначе, опишите изменение в чате.
Остальное — контент, и это ваша часть работы:
- Alt-текст. Опишите простыми словами, что изображено на каждой картинке: «Рукописная обложка меню для кофейни у причала». В рекомендациях Google по SEO для изображений alt-текст назван самым важным атрибутом в метаданных изображения, а ещё он делает сайт удобным для программ экранного доступа.
- Текст на страницах проектов. Поисковики читают текст, а не пиксели. Назовите тип клиента, результат работы и, если работаете локально, город: «свадебный фотограф в Казани».
- Размер изображений. Картинки в веб-размере сохраняют скорость страниц на телефонах, где потенциальные клиенты часто открывают пересланную кем-то ссылку.
Добавляйте новые проекты из админки
Портфолио, которое никогда не меняется, начинает выглядеть заброшенным. Попросите закрытую админку в первом или втором сообщении, с формой для каждого проекта: название, адрес, краткое описание, текст кейса, обложка, изображения галереи, категория, порядок показа и переключатель публикации.
Можно ли добавлять проекты без пересборки сайта?
Да. Проекты — это сохранённые данные, а не код, поэтому добавление проекта из админки не запускает сборку и не расходует лимит использования. Новая страница доходит до посетителей примерно через минуту. В чат вы возвращаетесь, только когда хотите изменить дизайн или добавить функцию — например, ленту логотипов клиентов или баннер «сейчас беру новые проекты».
Изображения, загруженные через админку, хранятся как публичные файлы, быстро отдаются и ограничены 25 МБ каждое. Публичные загрузки не принимают SVG, поэтому экспортируйте логотипы в PNG. Итоговая заметка сборки подскажет, как попасть в админку: часто администратором становится первый зарегистрированный аккаунт, или в заметке есть данные для входа. Войдите, всё проверьте и замените стартовый пароль своим.
Свой домен и запуск
Сайт начинается с адреса вида https://<id>.wisylink.com — для тестов это идеально. На бесплатном плане Community ссылки живут 30 дней, а затем ещё неделю остаются помеченными на удаление, после чего удаляются. Чтобы портфолио оставалось в сети, перейдите на платный план (открываться по адресу vashe-imya.ru оно может на любом плане); Starter стоит $7 в месяц (см. планы).
В разделе «Домены» можно подключить домен, который у вас уже есть; если его ещё нет, сначала зарегистрируйте его у любого регистратора доменов. Подключение одной DNS-записью не затрагивает вашу почту; перенос NS-серверов на WisyLink заменяет все существующие DNS-записи, включая почтовые, поэтому выбирайте этот способ, только если готовы их пересоздать. HTTPS настраивается автоматически, как только домен пройдёт проверку. Подробная инструкция — в статье как подключить свой домен к сайту, созданному ИИ.
Прежде чем широко делиться ссылкой:
- Откройте каждую страницу проекта на телефоне и проверьте, как обрезаны изображения.
- Отправьте тестовую заявку и убедитесь, что она появилась в админке и пришла на почту.
- Вставьте ссылку в мессенджер и проверьте карточку превью.
- Перечитайте каждое слово ещё раз: опечатки в портфолио обходятся дороже, чем где-либо ещё.
- Добавьте ссылку в подпись к письмам, профили в соцсетях и счета.
Создайте портфолио одним сообщением
Самое сложное у вас уже есть — сами работы. Соберите лучшие проекты, напишите по пять строк о каждом, прикрепите изображения и вставьте шаблон промпта выше со своими данными. Посмотрите первую версию на телефоне, попросите важные изменения и подключите домен, когда почувствуете, что пора.
Всё это можно попробовать бесплатно: начните на плане Community, карта не нужна, а на платный план переходите, только когда портфолио будет готово постоянно работать на вашем домене.
ЧАВО