Как No-code и генеративный ИИ позволяют за секунды создавать новые сайты

Изображения из Midjourney легко отличить: вместо текста на них всегда какая-то белиберда

Изображения из Midjourney легко отличить: вместо текста на них всегда какая-то белиберда

Фронтенд и бекенд — прошлый век?

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

Создание сайта с нуля у опытного разработчика займет в среднем от 100 до 500 часов. Причем если нужен уникальный дизайн и множество картинок, это ещё и выльется в копеечку. Но, оказывается, люди без опыта и знаний уже делают сайты бесплатно, и за 10 минут (или 10 секунд, если используют один из сервисов). Не имея ни малейшего понятия о том, что такое PHP, Python или Java.

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

Уровень 1. Вручную работать с Midjourney и ChatGPT

Естественный этап для человека, который недавно узнал о генеративных ИИ. ChatGPT (пока что) бесплатен, плюс умеет программировать — так почему бы это не использовать?

Для картинок (и для основы веб-сайта) используем Midjourney. Это бесплатно, достаточно иметь Discord, чтобы подключиться к бете. На их сервере в Дискорде полно готовых картинок, плюс можно генерировать свои, вводя »/imagine (наш промпт — т.е. описание картинок, которые нужно генерировать)». Через несколько минут Midjourney выдаст нам 4 изображения, которые постепенно будут становиться всё более высокого качества. Если изображений нужно больше, ничего не мешает ввести ещё один промпт.

2482c867435c7f9b274b70f328f04ad9.jpg

Если написать в промпте, что нам нужен вебсайт, и попросить всё это стилизовать, Midjourney выдает готовый макет. С картинками, которые даже самые креативные художники иногда не придумают. И всё это за 5–10 минут (в зависимости от того, насколько точно вы вводите свои запросы). Если у вас есть сайты или изображения, стили которых вы хотите скопировать — можно вставить ссылки на них в ваш промпт, и ИИ сделает что-то похожее, только с нужным вам контентом.

6721a97577a3385f04fa707a13be5139.jpg

Лучшие из этих картинок можно обратно вставлять в Midjourney, заставляя модель генерировать вам всё новые и новые изображения, только с новым содержанием или другими стилями (в зависимости от того, что вы зададите).

Дальше генерируем текст для сайта с ChatGPT. При этом удобно, что сначала можно спросить его, какой текст вообще должен быть на веб-сайте с нашей спецификой. А потом попросить его создать в подробностях весь этот текст. То есть, здесь даже знаний о том, какой текст нам нужен, не требуется.

a67b4a0c1ec619416d6b9d7886b12937.jpg

Проблемы возникают только на этапе создания кода. Нужный HTML- или Python-код ChatGPT генерирует, и через несколько десятков промптов от него можно добиться даже вполне солидного результата. Но на этапе бэкенда всё это обычно не срастается. И описать ему словами нужный дизайн, в котором хорошо смотрелись бы изображения из Midjourney — большая проблема.

Поэтому на этом этапе проще всего зайти в любую no-code платформу, вроде EditorX, Wix, Webflow или Jimdo, и просто загрузить туда картинки и вставить текст. Выйдет в разы быстрее, чем пытаться объяснить ChatGPT, на сколько пикселей нужно сместить тот или иной элемент. Бэкенд возьмет на себя эта платформа, так что шаманить не придется.

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

Если вашему сайте нужно несколько страниц — опять же, у no-code платформ никаких ограничений нет, а бесплатных картинок и текста мы можем генерировать тоннами. Если лендинг таким способом делается за двадцать минут, то более менее-солидный сайт можно создать за полдня.

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

Ещё несколько вариантов дизайна сайтов от Midjourney:

Осторожно, они довольно большие

GPT-4, говорят, уже идёт даже еще дальше. Если верить их презентации, он может сделать сайт просто на основании пары надписей на листочке бумаги. То есть, даже клавиатура и мышка тут будет не нужна. Любой тиктокер, снявший свою идею на смартфон, через минуту получит её в виде готового к работе ресурса.

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

Кстати, таких платформ за последние месяцы уже возникло немало, так что создание сайтов на самом деле стало ещё проще, чем я тут описал.

Уровень 2. За минуту собрать страницу из блоков

Копировать и вставлять тексты и изображения для создания сайта — это 2022-й год. А в 2023-м нам и этого делать не надо! Достаточно вбить, какой сайт вы хотите. И, если вам не лень, вбить его название (но это не обязательно). И всё! Сайт готов!

Это позволяют делать сайты с no-code, в которые уже заранее встроен ИИ. На некоторых из них даже промптов писать не надо, создать сайт можно с одной мышкой. Процесс занимает не десятки минут, а несколько секунд. Выбираете тип бизнеса, задаете название — и через пару секунд один из сервисов делает вам страницу. Уникальную, построенную по всем SEO-канонам, с встроенной аналитикой, картинками/иконками и, естественно, возможностью всё это подредактировать.

Получается эдакий Wordpress, но с ИИ. Довольно стандартный сайт, без какого-то невероятного визуала, из блоков собранный под вас. Для владельцев небольшого бизнеса — вполне адекватная альтернатива попыткам что-то создать самому. Ну, а умельцы на Fiverr и Upwork уже продают такие сайты как сделанные самостоятельно, не стесняясь брать за них полную цену.

Вот всего три примера:

1. Mixo. Самый простой из этих сервисов. Вводите текст-промпт, и он генерирует вам лендинг — с логотипом, именем, отзывами «благодарных клиентов» и рядом изображений. Процесс занимает около минуты. На выходе получается довольно стандартный сайт, но процесс всё равно впечатляет. Вы только вводите пару строк — и получаете реальный продукт. От вас не нужно ни имени сайта, ни логотипа, ничего.

6ac4a27b2a71e5f7d899e6d942992ab4.png

С другой стороны, становятся видны недостатки стандартного генеративного ИИ. Если у вас хоть чуть-чуть оригинальная идея, нормальные картинки оно вам не создаст. И о чём писать тоже не поймет. А во всех остальных случаях — получается максимально «никакой» сайт, похожий на десятки тысяч других.

И, кстати, с написанием теста он справляется куда лучше, чем с подбором или генерацией изображений. Например, для сайта о хентае (не гуглите, если не знаете) он загрузил мне картинки с малышом Йодой, двумя пожилыми людьми и бизнес-партнёрами на встрече (какая связь?).

Прости, Роскомнадзор

Прости, Роскомнадзор

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

2. Durable. Вы выбираете из списка, какое у вас направление бизнеса, вводите его имя, сервис сам видит, где вы расположены. Всё. Сайт готов.

Из минусов — придется самому придумать название компании (уф!). Из плюсов — любой блок сайта можно перегенерировать, если он вам не понравился. Ну или настроить самому что угодно, как в обычном Wordpress. Тексты делает ChatGPT, картинки — берутся из стоков, я такие уже точно видел. Можно добавить свои фото или логотипы, а также добавить чат-бота, который будет отвечать на вопросы клиентов.

ced447cd00c4febbe59269c7e4fe7b39.png

В отличие от Mixo, здесь не просто лендинг, можно добавить другие страницы. А в настройках после создания сайта есть функция чтобы сразу запускать маркетинговую компанию в FB, Google или Твиттере — причем посты для рекламы и СММ тоже напишет ИИ. Также в интерфейсе у «Помощника» можно самому спросить, как дальше развивать свой бизнес, как понимать цифры с сайта и какая маркетинговая стратегия подойдет для вас онлайн. Ответы на все эти «популярные вопросы» тоже, понятно, генерирует ChatGPT.

Для сравнения — обычно интерфейс No-code выглядит как-то так. А у новых инструментов «интерфейса» толком и нет: достаточно одного поля для ввода текст-промпта

Для сравнения — обычно интерфейс No-code выглядит как-то так. А у новых инструментов «интерфейса» толком и нет: достаточно одного поля для ввода текст-промпта

Durable, видимо, рассчитан на то, чтобы генерировать сайты для реальных, физических бизнесов. Для автосалонов, спортзалов, нотариусов, ресторанов, массажистов, мастеров маникюра, даже медиумов и гадалок (серьезно, у них есть такая секция). С активной привязкой к геолокации и картой того, как проехать.

Сайты, сделанные с помощью этого сервиса, тоже выглядят очень типично. Чисто, нейтрально и «профессионально». Но учитывая, что они сделаны за 20 секунд (!) и без необходимости вообще иметь клавиатуру (и компьютер) — вполне впечатляюще. Особенно забавно читать секцию с отзывами на ваш бизнес. Учитывая прогресс ChatGPT, чувствую, никакого смысла скоро от неё не останется. Разницы с секцией реальных отзывов тут почти нет, невероятное сходство.

3. 10Web.io. Более модный и «хипповый» генератор сайтов. Весь текст тут тоже делается с помощью ChatGPT. Картинки — просто подбираются из фотостоков (хотя они намекают на Dall-E 2, но что-то не похоже). Процесс генерации сайта занимает от силы минуту, большую часть которой мы пишем три особенности своего бизнеса и выбираем подходящий дизайн.

17354f729eeb9e3894b4d2ce282d1996.png

На выходе получается довольно современный сайт, выглядящий получше, чем многие платные сайты, сделанные за тысячи долларов крутыми компаниями. С разными секциями, ссылками, страницами. Можно сделать хоть блог, хоть небольшой интернет-магазин. Причем тут есть функция «AI recreation», позволяющая внаглую скопировать макет любого существующего сайта (достаточно вставить его ссылку). То есть, расположение всех элементов у вас будет такое же, но с другими нагенерированными текстами и изображениями, подобранными под ваш бизнес. Дизайн любого сайта копируется примерно за две минуты.

36677baf49c16b1b4c4244ffd0b94afa.png

Когда начинаешь редактировать созданный сайт, всё работает на знакомом движке Wordpress Elementor, только с новыми функциями. Скажем, интересно работает вставка текста. Можно просто задать, чтобы ИИ сгенерировал или отрерайтил параграф, и он в реальном времени выдает идеально оптимизированный СЕО-текст (ChatGPT со всеми уже заранее введенными промптами, чтобы порадовать Google). Даже копировать и вставлять ничего не надо, нужный тебе текст формируется прямо в движке Wordpress. Копирайтеры в шоке.

Судя по стратегии продвижения 10Web в соцсетях, сайты тут часто делают всякие инфлюенсеры, желающие запустить свой продукт. Они в пару кликов генерируют страницу под то, что продают, и уже через минуту могут запускать ролик, рекламируя новый товар или услугу. Такой сайт выглядит довольно профессионально, не кажется «однодневкой», так что молодых поклонников можно легко окучить, а потом без сожаления его удалить.

a6d26db146b5efe5f7cb614449be0d20.png

Если в двух других примерах использование генеративного ИИ было довольно условным, то тут явно чувствуется потенциал технологии. Все ограничения сняты — берете любой сайт, который видите в интернете, и делаете его «своим». Генерируете новые посты в свой «блог» с помощью ИИ, причем сразу на любом языке (или хоть на пяти сразу), и с полной оптимизацией под Google. Загружаете картинки от Midjourney или Dall-E 2. Плюс оставляете за собой все стандартные функции Wordpress, в том числе аналитику.

Минусом здесь может считаться стоимость: $20 за месяц хостинга, или $10 за месяц, если брать пакет на год. Это чуть больше, чем у Mixo, и чуть меньше, чем у Durable. Но всё-таки в два с половиной раза дороже, чем обычный хостинг Wordpress. С другой стороны, если у Wordpress брать пакет «Business» с дополнительными инструментами и плагинами, то он стоит $25 в месяц. Так что все эти ИИ-сервисы ещё и стоят дешевле (плагинов внутри 10Web тоже целый набор). Возможно, секрет в том, что всё это стартапы, которые пытаются набрать клиентов. А потом те, которые выживут, свои цены увеличат.

Редактирование сайта в 10Web

Редактирование сайта в 10Web

В этой секции можно упомянуть ещё сервисы Hostinger.com, Hocoos и Appypie. Тоже быстрая генерация и заполнение контента сайтов с использованием ChatGPT. Таких сервисов уже под десяток, и каждую неделю возникают новые. Скоро любая no-code-платформа без подключения ChatGPT или Dall-E будет считаться устаревшей. Ожидается, что доходность рынка low-code за счет ИИ вырастет в 2 раза в течение ближайших 18–24 месяцев. А пользовательская база — в 5–10 раз. Когда своими глазами смотришь на этот бум, такие цифры выглядят вполне реалистичными.

Хотя всё-таки уникальности этим сервисам пока не хватает. Если не редактировать всё потом самому, сайты выходят довольно простыми и однотипными. А если нужно самому редактировать блоки, менять картинки, находить сайты с которых скопировать макет, то что-то уже не очень ощущается, что всё за тебя делает ИИ. Всё дело, конечно, в том, что ChatGPT отлично генерирует тексты, а Dall-E и Midjourney умеют делать картинки. Но ни одна из этих моделей не была натренирована делать именно сайты.

Уровень 3. Использовать сервисы No-code со своим генеративным ИИ

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

А ведь можно делать свои модели генеративных ИИ. На основе ChatGPT энтузиасты, помнится, сделали ChaosGPT, попытавшийся уничтожить человечество. Если модифицировать или с нуля создавать нейросети, тренируя их именно на коде лучших сайтов Интернета, тоже можно многого достигнуть.

Собственные модели генеративных ИИ для создания сайтов сейчас делают сотни компаний, и среди них неизбежно найдется парочка тех, которые «выстрелят». Мое внимание привлекла Dora. Которая сделала шикарную презентацию своих идей две недели назад.

Как нетрудно заметить, все предыдущие сервисы полагались на стоки (с уверениями, что когда-нибудь перейдут на генерируемые картинки). В то время как Dora AI — предлагает сразу генерируемую 3D-анимацию по вашему запросу. Это даже не один, а сразу два прыжка вперед! Вы вводите текст-промпт — и вам выдается сайт с уникальным дизайном и крутыми трехмерными картинками.

В общем, словами это не описать, посмотрите на видео:

Вау, правда? Но, честно говоря, пока что поверить мне в это сложно. Если бы такая функция была у Adobe в её инструментах — это уже был бы нереальный прогресс, стоящий миллиарды. И если бы у меня была такая технология, я вставлял бы её не в генератор сайтов, а в генератор 3D-картинок, и стал бы конкурентом Adobe или OpenAI. Хотя, конечно, в современный век ИИ уже ничему не удивляешься.

Сейчас это топ-1 ожидаемый сервис на ProductHunt. И он, понятно, вызвал шумиху в сфере веб-дизайнеров и разработчиков (кто-то даже попытался его заранее наградить). Презентация действительно очень впечатляющая: настоящий no-code, генерация крутых 3D-изображений для сайта, уникальные дизайны, бесконечные возможности. Меня сильно впечатлило, из-за «Доры» сначала и решил написать этот текст.

Но с другой стороны, за последние две недели я так и не смог реально потестить эту функцию. Записался к ним в список ожидания, и оказалось что я почти стотысячный. Причём этот список не двигается, то есть передо мной никого не пустили. Зато рекламировать себя просят очень активно — и на сайте, и по email-рассылкам. Работает ли всё это так красиво, как на видео, пока что не сужусь говорить. Вроде бы 14–16 июня у них будет презентация, тогда, может быть, что-то прояснится.

7a5dbb77c86ca4ce36f691ddc358523c.png

Поработал с самим приложением Dora.run, создал пару проектов. Могу сказать, что пока что всё это выглядит как самый обычный сайт no-code. Который смог очень выгодно прорекламировать себя, сделав одно ютуб-видео.

Ничего особенного. Конкурента Dall-E или PaLM 2 пока не видно

Ничего особенного. Конкурента Dall-E или PaLM 2 пока не видно

Посмотрим, что они покажут через две недели, но пока что у меня есть сомнения. Буду рад ошибиться.

На данный момент готовых ИИ, заточенных под создание веб-сайтов, нет, как бы ни рекламировали себя все эти сервисы. В лучшем случае они используют Dall-E и ChatGPT, в худшем — простые сортировочные алгоритмы, выдающие случайный результат из нескольких миллионов возможных. Но такие генеративные ИИ для сайтов — очевидный следующий этап. И уже есть компании, которые работают в этом направлении. Прогресс 10Web за полгода просто невероятный. Dora создает хайп вокруг этой сферы, Microsoft со своим Copilot в Power Apps ходит где-то неподалеку. Есть надежда, что такие продукты довольно скоро возникнут.

А пока что вот ещё список того, что нашел, и что реально работает:

  • Gamma — делает крутые презентации, в том числе для инвесторов. В которых вам не нужно писать ни единого слова.

  • ThemeIsle — бесплатно ищет подходящие и свободные домены. Достаточно названия компании или направления бизнеса, лучший сайт сервис подберет сам.

  • TailorBrands — генерирует логотипы. Сюда же Looka, Logo AI и BrandCrowd.

  • NameSnack — генерирует названия для компании. Сюда же Brandroot и Zyro.

Ну и на каком этапе теперь вообще нужен человек?

© Habrahabr.ru