Собрала сайт-портфолио за вечер: как создать сайт с помощью нейросети, без кода и дизайнера

Коротко, если некогда читать целиком:

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

Затем, что ссылку открывают с телефона за две секунды, прямо в переписке или в отклике на hh, а файл нужно скачать, открыть и пролистать. И затем, что сайт вы правите один раз, а разосланную презентацию — везде, куда она уже ушла.

У дизайнеров, архитекторов, фотографов и художников свой сайт давно норма. Портфолио дизайнера или портфолио архитектора без сайта уже никто не показывает: ссылка в резюме воспринимается как само собой разумеющееся.

У всех остальных до сих пор PDF. Презентация на 40 слайдов, архив со скриншотами, папка на диске, «расскажу на созвоне». Так делают маркетологи, копирайтеры, смм-специалисты, монтажёры, видеографы, разработчики, иллюстраторы, юристы, стилисты, репетиторы, мастера маникюра, кондитеры — любая профессия, где результат надо показать, а не описать.

Спрос на это есть, и он измеримый. Создать портфолио, сделать сайт-портфолио, найти сайт для портфолио — такие запросы в Яндексе идут тысячами в месяц. А связка «портфолио + нейросеть» — сотнями. То есть портфолио людям нужно, а про то, что его теперь собирает ИИ, знают единицы.

LidFly (lidfly.ru) — российская платформа, которая подключает рабочие сервисы к вашей нейросети. Через неё ИИ ведёт рекламу в Яндекс Директе, VK Рекламе и на Авито, смотрит статистику в Яндекс Метрике, собирает семантику в Вордстате и проверяет индексацию в Яндекс Вебмастере. Подключается всё через один MCP.

Конструктор сайтов — один из разделов платформы. Он работает по той же логике: вы пишете текстом, ИИ делает. Внутри 111 блоков, 18 тем и 14 готовых шаблонов, но собирать из них руками ничего не нужно — блоки ставит нейросеть.

Четыре способа показать свои работы, и у каждого своя цена.

Первая причина: не надо ничего настраивать, чтобы начать. Чат с нейросетью уже встроен, регистрация — и вы уже пишете первый экран.

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

Первые 7 дней после создания сайта — бесплатно, дальше 490 ₽ в месяц.

Больше ничего. Ни редактора, ни хостинга, ни знаний вёрстки. Сайт создаётся без программирования.

Здесь одно решение: как назвать сайт. Название сразу превращается в адрес, и поменять его потом нельзя.

Захожу в LidFly, раздел «Сайты», нажимаю «Создать сайт».

Я взяла имя латиницей, получилось olga-khakhulina.lidfly.ru. Для портфолио это работает лучше абстрактного названия: человек запоминает имя, а не метафору. Свой домен для сайта подключается позже отдельной настройкой, на старте достаточно бесплатного адреса.

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

Всё, что должно оказаться на сайте, сначала попадает в раздел «Файлы»: фотография, логотипы клиентов, скриншоты аналитики, обложки.

Нейросеть не достаёт картинки из мессенджера и не рисует их сама. Она берёт то, что лежит в файлах сайта.

Один совет из моего опыта: называйте файлы понятно. Я этого не делала, и потом периодически возникала путаница. Когда у вас 60 картинок с именами вида screenshot-2026-08-11, нужную не найдёте ни вы, ни ваш ИИ. Не поленитесь переименовать — облегчите жизнь и себе, и ассистенту.

Есть три варианта: встроенный чат, свой ассистент через MCP и смешанный.

1. Встроенный чат. Ничего настраивать не надо, ИИ уже внутри конструктора. Самый быстрый способ попробовать.

2. Свой ассистент через MCP. Я подключила Claude. Подойдёт любой ассистент, который умеет в MCP. В настройках берётся ссылка на подключение и вставляется в клиент.

3. Смешанный вариант. Черновик через встроенный чат, тонкая доводка через свой ИИ.

MCP расшифровывается как Model Context Protocol. Простыми словами: это способ дать нейросети прямой доступ к сервису, чтобы она не советовала, что нажать, а сама вносила изменения. Это и есть главное отличие конструктора в LidFly от обычного ИИ-конструктора: страницу правит не только встроенный чат, но и ваш внешний ассистент — Claude или любой другой клиент с поддержкой Model Context Protocol.

Встроенный чат быстрее стартовать. Свой ИИ удобнее, когда правок много и хочется держать весь контекст проекта в одном разговоре.

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

У меня с первого раза так не вышло. Вариант получился нормальным по вёрстке, но пустым по смыслу: заголовок был про меня — имя, профессия, город.

Человек, который открыл сайт, не ищет ваше имя. Я написала это словами и попросила переписать на обещание результата.

Это и есть весь принцип работы. Вы не угадываете с первого раза. Вы смотрите на результат и говорите, что поменять. Как писать промпт — отдельная наука для программистов, а здесь достаточно описать словами то, что вы видите и что хотите видеть вместо этого.

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

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

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

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

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

Посмотрела ещё раз и увидела две вещи. Круглые рамки режут прямоугольные логотипы — это уже мой промах, я сама попросила круги. И половина клиентов не появилась в блоке, потому что ИИ взял из файлов только те, чьи названия узнал: вот она, цена скриншотов с именами вида screenshot-2026-08-11.

Финальный блок логотипов — скруглённые квадраты, все клиенты на месте

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

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

Страница до сокращения — сплошные абзацы

Текста я написала много, и это тоже моя ответственность: что дала, то и встало на страницу.

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

Карточки стали кликабельными, лишний блок убран

Скриншоты переписок — сильное доказательство работы. Но на них видны имя, аватарка и ссылки, и показывать это нельзя.

Скриншот отзыва после правки — остался только текст

Обрезку и заливку ИИ ставит сам, поверх нужной области. Фотошоп не нужен, исходник не портится. Для портфолио это отдельно ценно: почти у всех есть работы, которые хочется показать, но не целиком.

Да, это возможно, и делается так же просто. Создать многостраничный сайт — это просто сказать нейросети, что нужна ещё одна страница.

У меня главная плюс пять отдельных страниц под каждый кейс. С карточки на главной человек проваливается в разворот, где детали, скриншоты и цифры.

Отдельная страница кейса на сайте-портфолио:

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

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

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

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

Вторая половина техническая, и её видно цифрой. В настройках сайта есть блок «Готовность для ИИ и GEO» с двумя показателями.

У моего сайта в этом блоке 93 из 100 сразу после сборки и 100 из 100 после настройки DNS.

Техническую часть платформа закрывает сама: robots.txt с AI-правилами, llms.txt, Content Signal, MCP Card, Agent Skills, HTTP Link discovery и остальное, что ИИ-агент ищет, когда приходит на сайт. Руками это за вечер не собрать, а в обычном конструкторе такого пункта просто нет.

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

Сборка — пять минут, доводка — вечер. Дальше подробно, потому что «вечер» в заголовке легко понять неправильно.

Сам сайт собрался за пять минут. Я описала словами, что нужно, нейросеть сделала — и это была готовая страница, которую можно публиковать хоть сразу. В LidFly результат изначально приличный: вёрстка адаптивная, техническая часть под цитирование нейросетями настроена из коробки. Если остановиться в этот момент, у вас есть работающий сайт-портфолио через пять минут после регистрации.

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

Дальше было ещё несколько заходов по 20–30 минут, и вот они как раз были самой полезной частью: там сайт из «нормального» стал моим.

Итог: главная, пять разворотов кейсов, скриншоты работ, видео, форма связи. Без кода, без дизайнера, без вёрстки. Только текстом.

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

Повторить этот путь можно в разделе «Сайты». Придумать надо только название — оно же станет адресом. Первые 7 дней после создания сайта бесплатно, дальше 490 ₽ в месяц.

Дальше не пытайтесь собрать всё сразу. Соберите один первый экран. Напишите во встроенный чат что-то вроде:

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

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

Вот финальная версия того, что получилось у меня, можно открыть и посмотреть как пример: olga-khakhulina.lidfly.ru.

Что такое LidFly? Это российская платформа, которая подключает рабочие сервисы к нейросети через Model Context Protocol. Через неё ИИ управляет рекламой в Яндекс Директе, VK Рекламе и на Авито. Сайты — отдельный раздел платформы: страницу собирает и правит нейросеть по текстовым командам, без кода и вёрстки.

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

Сколько времени занимает сборка сайта-портфолио? Сама сборка в LidFly — около пяти минут: нейросеть выдаёт рабочую страницу по текстовому описанию. Доводка под себя необязательна: у меня первый заход занял вечер, потому что я собирала сайт впервые, дальше — несколько подходов по 20–30 минут.

Сколько стоит сделать сайт? Первые 7 дней после создания сайта на LidFly — бесплатно. Этого хватает, чтобы собрать сайт и опубликовать его. Дальше 490 ₽ в месяц. Цена одна независимо от того, первый это ваш сайт или пятый, и от числа правок.

Где создать портфолио бесплатно? Начать можно бесплатно: первые 7 дней после создания сайта, адрес вида имя.lidfly.ru выдаётся сразу, дальше 490 ₽ в месяц. Из бесплатных вариантов есть ещё Behance и Notion, но там вы живёте внутри чужого шаблона и не управляете структурой.

Чем это отличается от обычного конструктора сайтов? В обычном конструкторе вы собираете страницу руками из блоков. В конструкторе LidFly страницу собирает и правит нейросеть по вашему текстовому описанию. А после запуска в том же кабинете подключается реклама в Яндекс Директе, VK Рекламе и на Авито и аналитика в Метрике — обычный конструктор на этом заканчивается.

Можно ли собрать сайт в LidFly, если реклама мне не нужна? Да. Раздел «Сайты» работает сам по себе, рекламные кабинеты подключать не обязательно.

Что такое MCP? Model Context Protocol — способ подключить нейросеть напрямую к сервису, чтобы она сама вносила изменения, а не подсказывала, куда нажать. LidFly подключается к ассистенту одним MCP: чтение и аудит выполняются сразу, а изменения требуют вашего подтверждения. Я подключала Claude.

Какую нейросеть подключать? Можно ничего не подключать и работать во встроенном чате LidFly. Можно подключить свой ассистент, поддерживающий MCP.

Как проверить, готов ли сайт к ответам нейросетей? В настройках сайта в LidFly есть блок «Готовность для ИИ и GEO» с двумя оценками: Agent Readiness — техническая доступность сайта для ИИ-агента, и GEO Content Readiness — ясность и структура контента. Обе показываются баллом от 0 до 100 и списком того, чего не хватает: robots.txt с AI-правилами, llms.txt, MCP Card, разметка организации, FAQ, даты публикации, авторство, кейсы и доказательства.

Можно ли сделать многостраничный сайт, а не один лендинг? Да. Внутренние страницы создаются той же текстовой командой, что и блоки на главной.

Как вставить видео на сайт? Отдаёте ссылку с YouTube, плеер встаёт прямо в блок и играет на странице. Вертикальные ролики ставятся в пропорции 9:16.

Как подключить домен? Свой домен подключается позже, отдельной настройкой. На старте достаточно бесплатного адреса вида имя.lidfly.ru.

Как сделать ссылку на портфолио для резюме или hh? Ссылка на портфолио — это и есть адрес сайта. Его вставляют в поле «портфолио» на hh, в резюме, в шапку профиля и в отклик. Ничего скачивать не нужно.

Можно ли создать портфолио с помощью ИИ, если работ мало и опыта почти нет? Да. Портфолио без опыта собирается из учебных и личных проектов, тестовых заданий и разборов чужих кейсов. Важна не толщина, а понятная структура: задача, что сделано, результат.

А если результат не нравится? Говорите словами, что не так: «заголовок мелкий», «карточки разной высоты», «убери этот блок». Правка занимает меньше минуты.

Автор: Ольга Хахулина, контент-маркетолог. Специализация — контент, SEO и GEO-продвижение: подготовка сайтов и статей к тому, чтобы нейросети брали из них ответы. Сайт-портфолио собран в разделе «Сайты» платформы LidFly. https://lidfly.ru/websites/