Transcription
Сайт, который не просто рассказывает о вашем продукте, а отвечает на вопросы посетителей как живой консультант. Задал вопрос, получил ответ прямо на странице: без менеджера и без чата с оператором. Такое уже собирается за несколько промтов. И сегодня я покажу, как это сделать через связку ноутбук LM и Gemini. В этом ролике разберём всё с нуля: структура сайта, наполнение контентом и встроенный наставник, который знает ваш продукт и общается с посетителями.
Ну а, друзья, перед тем, как начать, я расскажу о нашем традиционном розыгрыше. В этом выпуске я разыгрываю Яндекс-станцию Mini. Для того, чтобы принять участие, напиши любой комментарий под этим видео. Итоги будут в нашем Telegram-канале. Перейти в него вы можете по ссылке в описании или по этому QR-коду. А теперь пойдём создадим сайт сноуб и Gemini.
>> [фыркает] >> Друзья, сегодня мы с вами сделаем не просто какой-нибудь сайт такой, знаете, вот как нейросетевой, страшный, некрасивый, а мы сделаем с вами полноценный, здоровский, классный, стилёвый сайт, который будет классно выглядеть, на котором будет актуальная информация по живой компании. Итак, э я вам сейчас покажу, как я готовился, потому что подготовку я провёл заранее, а именно саму разработку сайта мы с вами сделаем вместе, сделаем в режиме реального времени. Давайте быстренько покажу, из чего состояла подготовка. Потому что подготовка - это вот по закону Парето у нас 80% действий даёт 20% результата. И наоборот, 20% действий 80% результата. Вот в нашем случае 80% времени, потраченного на подготовку, даёт нам 100% результата, потому что дальше мы тратим всего лишь 20% времени на то, чтобы всё, что мы подготовили, просто сгрузить в нейросеть, направить её, и она нам уже собирает наши автоматизации, сайты, приложения, но она знает, куда идти. Она тратит при этом меньше токенов, она при этом дело совершает меньше итераций, совершает меньше ошибок, выдаёт нам сразу то, что мы хотим. И сейчас я покажу вам как раз, как это работает.
Кто не знает, я 11 лет проработал в маркетинге, и это были очень разные проекты. И у меня сложилась, знаете, база знаний своя, собственная база материалов по подготовке. И здесь, собственно, я их решил задействовать. Смотрите, начнём с того, что я взял компанию. А компания называется Techvision. Я её взял не просто так. Вот эта компания, эта компания занимается продажей реальных товаров. То есть они импортируют дизельные электростанции из Китая, продают их здесь у нас в России. Почему я их взял? Всё очень просто. Я знаю собственника. Поэтому, Миша, тебе привет. Если вдруг ты захочешь купить тот сайт, который мы сделаем сегодня, обращайся в наше агентство Реактор. Там тебе помогут, направят везде. Если очень кратко, друзья, посмотрите, я взял их сайт, его можно, наверное, уже закрыть. Я взял их сайт, их ссылку на их YouTube взял, попросил у Genspark собрать информацию на основе их сайта, на основе их товаров конкурентов локальных, а которые есть. Он мне создал файл с конкурентами и попросил собрать документ с информацией о компании. Загрузил всё это в ноутбук LM и пошёл в Gemini. В Gemini я подключил ноутбук LM. То есть смотрите, что я сделал. Нажал сюда, здесь выбрал ноутбук LM и там дальше выбрал свой а свой блокнот. То есть когда мы заходим в ноутбук LM, нажимаем создать блокнот и загружаем сюда все файлы. Это здесь слева находятся материалы, с которыми ноутбук LM работает. Тут мы непосредственно проводим работу, а здесь, вот в этом правом окне, он показывает нам материалы, которые он уже для нас подготовил.
А, итак, смотрите, у меня есть четыре файла по выявлению сегментов целевой аудитории, уточнения этих сегментов, выявления их болей и желаний, хотелок, формированию УТП, формированию офера и, собственно, а, докручиванию этого офера. Четыре документа. Я последовательно их сгрузил вместе с информацией о нас. То есть я ему написал: "Я провожу сбор и сегментирования целевой аудитории, работая с этим файлом, хочу, чтобы ты провёл исследование и самостоятельно выявил сегменты для компании Технозиона. Разделил её на сегменты по моему файлу. То есть вон, вот он этот файл. Не переживайте, эти MD-файлы я вам отправлю. Они будут у вас, а, будут у вас в ссылке под роликом. Дальше он провёл мне целое исследование, и он реально выделил крутые сегменты целевой аудитории. Затем я отправил ему следующий файл и сказал, чтобы он уточнил мне страхи и желания этой целевой аудитории. Вместе со страхами и желаниями он должен был сделать а некоторые обещания, то есть предварительный вариант офера. И вот здесь он сделал такие предварительные варианты. Где-то здесь есть табличка, вот она, общая табличка обещаний бренда Техно. Он их сформулировал, и они реально классные. То есть отгрузим за 5 минут, доставим сегодня. Энергия для вашего объекта без простоев и бюрократии. Инжиниринг мощности. Проектируем, поставляем обслуживание системы до 2 МВт с гарантией минимального расхода топлива. Ну и тому подобное. Мне это дальше нужно было усилить. Я отдал ему файл по упаковке торгового, сильного торгового предложения, и он, собственно, мне сформировал те самые для каждого сегмента сильные торговые предложения. Сократите простой спецтехники на объекте на 15% за счёт бесперебойного питания ДГУ Techvision с гарантированной отгрузкой со склада за 5 минут и доставкой на ваш объект в день заказа. Какие крутые оферы вы видели? Да, здесь ещё таких много. И мы понимаем, что это не те оферы, которые нам обычно даёт нейросеть. Это, ну, оферы как от маркетологов. И как раз-таки достойная база по компании и дополнительно методички, которые помогают нейронке правильно формулировать, а, правильно формулировать нам оферы, они как раз-таки в совокупности и дают нам такой результат. Это опять-таки к слову про подготовку.
Ну и дальше м так вот мы должны сделать обоснование. То есть смотрите, когда мы в офере говорим про то, что мы крутые, мы должны как-то это подтвердить. И вот здесь я как раз-таки говорю, чтобы он сделал обоснование нашему оферу. А, то есть каждый, каждый наш выпендрёж, каждая наша сильная сторона, мы должны подтвердить, за счёт чего она у нас действительно сильная. То есть почему мы говорим, что мы такие крутые, у нас есть обоснование для этого или мы просто болтуны. И вот здесь, собственно, он нам это и расшивает, чтобы мы могли это грамотно донести на сайте. А вот он всё это нам расшил полностью. И, друзья, что я сделал? Нажал скопировать ответ на каждый ответ, который он мне отдал. Зашёл в ноутбук LM добавить источники, скопированный текст, вставил сюда текст. И вот посмотрим, что у меня получилось. То есть у меня были изначальные файлы: анализ конкурентов, а дальше у нас ссылка на YouTube, ссылка на сайт и информация о компании. Это было по умолчанию. Анализ ЦА, желания, страхи, обоснование торгового предложения и сильное торговое предложение было сформулировано Gemini, то есть он провёл за меня большое количество исследований. Раньше, кстати, на них у меня уходило 3-4 дня, неделя, особенно если сформулировать всё это для компании Технозион. Мы проводили подобные исследования, и это заняло у нас 10 дней. То есть со всеми каздевами и всем остальным. Как видите, здесь это у меня в течение нескольких часов получилось.
И посмотрим на ту презентацию, которую нам сделал ноутбук LM. Для, как вы знаете, тест-драйв. Я решил проверить, насколько хорошо он понимает компанию, насколько хорошо он сможет сделать какой-то коммерческий, вообще какой-то материал. И смотрите, какой промт. Создай презентацию о компании Techvision и их продукте. Промт простейший. Так, не сюда. И вот посмотрите, какая презентация у нас получилась. Здесь нету воды, здесь нету каких-то, знаете, вот этих GPTшных формулировок. Это не просто классная компания, это очень серьёзная компания. Нет, вот подобного нету. Она нам даже сделала вот красивую инфографику. Взяла контейнер, туда начертила внутри дизельный генератор. Здесь сделала сделала такой большой чертёж, получается, как это, декомпозиция такая нашего генератора. И вот посмотрите, информация а из сайта есть 47 пунктов для проверки перед отгрузкой. У нас есть АВР в подарок, автозапуск, гарантия до 2 лет. Ну, прямо здорово. То есть и вот это всё. Нейронка сделала сама. Ну да, понятно, используя наши материалы, но она сделала это сама. Пользуясь тем, что мы в неё сгрузили, то информация, она исключила отсюда всю воду. Мы даже не просили убрать воду. Посмотрите, как карта красивая была сгенерирована. Мы не просили её убрать в воду, но она это всё сделала. И вот она даже, а, индустриальная адаптация, решение для ключевых отраслей. Взяла все отрасли, ну, то есть те направления, которые нам нужны, сегменты целевой аудитории, и под них здесь просто всё сама расписала. И, кстати, да, контакты все актуальные, то есть она взяла их с сайта, не нужно ничего доправлять, исправлять и тому подобное.
Итак, друзья, мы убедились в том, что наш ноутбук LM и Gemini, они понимают, о чём компания, понимают, насколько она крутая и классная. И она, а, нейронка, ноутбук и Gemini, они вместе справились с тем, чтобы сделать нам очень крутую презентацию. А, кстати, презентации такие мы раньше тоже делали очень долго, ну, по сравнению с тем, насколько быстро это сейчас происходит. Так что вы можете сгрузить всю информацию в ноутбук LM по вашему бизнесу и генерить вот такие презентации под каждого клиента или под каждый продукт, как вы захотите. Вообще такой бесплатный лайфхак. Мы видим, что ноутбук LM смог сделать нам грамотную, качественную презентацию, сделанную не по каким-то шаблонам некрасивым, а которая была сделана на базе реальной информации, реальных, а, болей и желаний наших клиентов. Поэтому у нас нет причин думать, что теперь модель не справится с тем, чтобы создать нам целый сайт.
Друзья, прежде чем начать готовить сайт на Gemini, я хочу с вами поделиться радостной новостью. Наш практикум прошло уже более 2.500 человек. И у нас невероятное количество кейсов уже возникло. Поэтому это будет замечательным поводом позвать и вас на наш практикум. А в течение 6 дней мы с Сергеем вам рассказываем, показываем, как пользоваться нейросетями, как создавать ей агентов, как их продавать, где искать на них заказы, как их внедрять к себе. Мы в первые дни научимся вместе с вами работать на вот таких вот моделях и таких системах, как я сейчас показываю. Это будут интерфейсы. Дальше мы перейдём с вами, а, в агентов и научимся создавать агентов в Telegram, ВКонтакте. Эти агенты начинают свою стоимость от 30.000 руб. И у нас большое количество кейсов, где студенты прямо на практикуме закрывали клиентов на подобных агентов. То есть это агент полноценный с базой, с памятью. Он умеет общаться в нескольких мессенджерах. Ещё раз. Стоимость практикума, где вы научитесь это делать, 99 руб. А почему я и так уверен, что вы научитесь? Мы проверяем домашние задания. Вы на каждый день присылаете нам домашние задания, где мы проверяем. Эй, что исключает возможность совершить какую-то ошибку. Поэтому, друзья, всех вас ждём на практикуме. Будет как минимум интересно. Ну и вы сможете понять, как внедрить к себе и агентов, как внедрить их к себе в бизнес, себе в жизнь, как, возможно, даже сменить профессию. Друзья, всех ждём. А сейчас пойдёмте создавать сайт на Gemini.
Итак, друзья, давайте создавать сайт. Смотрите, что нам нужно сделать для того, чтобы его создать. Во-первых, нам нужно зайти в новый чат и здесь подключить канвас. И сразу же мы не будем загружать данные из нашего ноутбука LM в Gemini, потому что, ну, я уверен, что как первую версию он нам сделает сайт, ну, скорее всего, не такой по стилю, как я хочу. И для того, чтобы создать нужный нам сайт с нужным нам стилем, мы сначала создадим первую страницу. Но первую страницу мы тоже не будем прямо создавать с нуля. Смотрите, во-первых, я хочу написать ему вот такой промт. Во-вторых, промт чуть-чуть позже прочитаю. Во-вторых, я на сайте Superho. Это сайт, по сути, с первыми экранами разных сайтов, типа, типа красивый, типа классный. Здесь можете найти себе вдохновение или референс, как вам угодно. Я беру вот эту вот картинку, она мне очень понравилась. Я хочу, чтобы у меня мой сайт был в таком же стиле. Может быть, это не сильно подходит под спецтехнику, под дизельные электростанции, но ничего страшного. Вот я хочу, берём вот этот скриншот. И здесь я вставил промт. Я хочу, чтобы ты создал мне сайт. Я нашёл красивый референс для первого блока. Сейчас ты должен изучить скриншот, полностью проанализировать стиль и создать этот первый экран. А при всей разработке страница нет блока можно использовать только даже не так экрана. Экрана можно использовать только HTML, CSS и JS без сторонних фреймворков. То есть я не хочу, чтобы он подключал мне там какие-нибудь React и тому подобное, не усложнял мой сайт. Сделал простой, чистый HTML. И сначала делаем только первый блок. Запускаем и смотрим, как он будет работать. Единственное, что я не сделал, сразу же, сразу же моя ошибка. Ай-ай-ай. Меняем модель на Pro. Быстрая версия нам не очень здесь поможет. Ну как, она выдаст результат, но лучше всего делать на Pro. И, кстати, хочу обратить ваше внимание, я работаю в бесплатном Gemini, бесплатном ноутбук LM, то есть я не платил никаких подписок. Сейчас мы всё делаем с вами полностью в бесплатном режиме.
И вот посмотрите, что нам выдал наш товарищ Gemini. Смотрите, в общем, не совсем это похоже на, ну, как похоже чем-то. Во-первых, у нас о'кей, вот эта штука двигается у нас, а картинка у нас другая. И я не совсем понимаю, но как будто бы, да, как будто бы здесь есть размытие. То есть я сильно хотел вот этот эффект размытия, чтобы у нас был. А давайте скажем, мы сделаем следующее. Целый заголовок не должен двигаться за мышкой, а блоки блоки внизу внизу должны быть, а быть больше похожими на стеклянные. Вот прямо такие правки ему даём. То есть вот правки, как будто бы мы стандартный, неприятный заказчик сайтов, когда говорим всё своими какими-то наитиями, своим своим мнением. То то, как мы считаем, что так должно быть. То есть аргументируем мнением, а не какими-то конкретными фактами. Просто говорим, что, ну, они должны быть больше похожи на стеклянные без каких-то точных указаний, насколько, какими именно. Пусть сам соображает, какими они они должны быть. И вот сейчас он, а, меняет нашу HTML-страницу. Enchanting the esthetic, то есть он сейчас улучшает эстетику нашего кода. И я так понимаю, пока что это делается в коде, поэтому предпросмотра пока нет. Ну, дождёмся, посмотрим. И так, замышкой у нас ничего, больше не бегает. Ну, кстати, да, он сделал, он сделал так, что теперь переходы чуть-чуть иначе видны. О'кей. О'кей. Всё хорошо. Мне нравится.
Теперь мы хотим сделать второй блок. Давайте сделаем второй, а потом дальше пойдём делать сайты. Вот смотрите. А у меня есть вопросы. Мне нравятся очень сильно вот эти карточки. Прямо очень сильно нравятся. Они мне прямо какими-то супервкусными кажутся. И вот эти мне тоже очень сильно нравятся. Тоже красиво, тоже классно. Всё здорово. А давайте напишите, наверное, в комментариях, какие бы выбрали вы. Я всё-таки оставлю свой выбор на вот этих карточках. Хочу просто, чтобы он сделал мне карточки. Я хочу нестандартные карточки, какую-то нестандартную сетку. Для этого мы делаем всё то же самое. Берём, копируем. Мм, так, копируем и прямо вот вставляем сюда изображение. Говорим, а вот референс для второго блока. Там должны быть карточки с выгодами сверстай из подобных блоков, как на скриншоте, второй блок с карточками на наш сайт. И всё, он сейчас пойдёт фигачить, пойдёт заниматься. Ну, давайте последим за тем, что он сделает. А, сетка бента. Так, главное. Угугу. Так, всё, здорово. Он мне сейчас это всё делает, и он нам сделает нестандартную сетку. Ну, посмотрим за тем, как он будет трудиться. Карточками у него тоже всё получилось. Он здесь сделал какой-то такой себе стиль. И вот сейчас самое интересное. Давайте снова перейдём на сайт Технозион, посмотрим, как у них здесь всё. Значит, у нас есть белый белый фон, у нас есть логотип чёрно-красный. Так, и что у нас ещё есть? По сути, всё, сайт сделан из кучи разных цветов. Здесь вообще градиенты у нас почему-то появились с вот этим вот блайндэффектом. О'кей. То есть у нас какого-то стиля конкретного нет, поэтому у нас есть белое, какой-то красный с оранжевым. Хорошо.
Давайте теперь напишем ему следующее. Ноутбук LM. Выбираем. Выбираем наш блокнот Techvision. Добавляем. И здесь ему пишем: "Я хочу, чтоб ты создал сайт, аэ, для моей, то, назовём так, моей компании Techvision. Ты должен пользовать как формат формат существующих двух блоков для создания сайта, а также для его продолжения. М давайте только для начала не будем сразу писать сайт. Перед тем, как приступить, покажи мне план. Ну и давайте добавим ещё что-то. Это должен быть лендинг. Pтехника здесь основной белый акценты красным элементы жёлтым хотя нафиг жёлтый. Шрифты чёрные. Шрифты чёрные. Цвета карточек сделаем так. Голубой. Нет, красный. Жёлтый. Зелёный. Ну давайте ещё оранжевый. Оранжевый. Всё замечательно. Так, теперь он сделает, он сначала сейчас сделает стиль, а точнее план, а потом он приступит к разработке. О'кей. Всё, покажи мне план работ. Вот так вот сделаем. И всё. Он пошёл трудиться над планом работ. Кстати, я ещё обратил внимание, что у нас здесь режим на быструю подключился, поэтому мы с вами как раз-таки потом его переключим обратно. Угу. Угу. Нет, мне совсем не нравится. Нет, мне совсем не нравится. Оу, оу, оу, оу, блин, ни фига, как он начал уже. Так-то красиво, [смех] блин. Ладно, давай, пускай продолжает. Всё, пускай продолжает. Аэ, мне просто не понравился его план. Давайте. Плок решения. Сервис, доставка, доверие. Хорошо, пускай он сделает. Сейчас с этими четырьмя блоками мы чуть-чуть добьём план. И давайте как раз подумаем над тем, что у нас должно быть. А мы хотим сделать сайт. Сайт у нас должен сначала показать показать Hero section, так называемую, дальше какой-то офер и на Hero section нам должно быть супер интересно, чтобы продолжать дальше. А мы нам супер интересно, мы продолжаем дальше. Угу. Он тут решил вообще сделать прямо. Нам супер интересно. Мы продолжаем дальше. Э должны увидеть какие-то вот здесь такие Почему выбирают технозион? Здесь какие-то плюшки и приколюшки у нас должны быть. Затем у нас должны быть товары, после чего условия по ещё какие-то выгоды. То есть воспользуемся какой-нибудь схемой бутерброд. Выгода, цена ещё выгода. Так вот, здесь основные категории. Он сделал выгоды. Дальше обязательная информация по доставке и пусконаладке. Дальше анас потом контакты. Да, сделаем вот так. А и теперь пропишем ему. Я хочу такую структуру сайта. И вот сейчас погоним. Даже, скорее всего, будем что-то будем что-то с вами менять, выбирать hero экран. Так. И здесь на белом фоне справа должна быть д, ну, дизельгенераторная установка. Так, дальше. А, второй экран вот так оставим. Внутри карточек должна быть нет должны быть иконки в одном стиле. Вот так. Пускай дальше. Так, каталог из популярных ДГУ. Дальше, мм, давайте сделаем калькулятор расчёта мощности, исходя из потребления. Калькулятор. То есть добавим интерактивчик. Пятый блок. Пятый блок. Пятый блок у нас будет доставка. Доставка очень подробно с выгодами. Мм дальше шестое у нас будет пусконаладка и сервис. Не, вот так вот. Сервисная информация, сервисное обслуживание. Так, и здесь ещё сделаем здесь сделаем акцию. Акция. Так, дальше. А кейсы? Нет, кстати, кейсы сделаем. Давайте по логике добавим их вот сюда. У нас будет 5ше кейсы 7. Вместо кейсов у нас Вместо кейсов у нас будут, ну, пускай будет, э, о компании. Это у нас девятый получается. [откашливается] И десятый запускаем контакты. И ещё одиннадцатый сделаем дилером. Почему шиллером? Дилером. а-а информация для того, чтоб стать дилером Технозеон. Всё, погнали. Ну, посмотрим, как он сейчас будет с нами трудиться. Ну, давайте смотреть, что здесь есть. Энергия без компромиссов. Изображения нету. Изображения он сказал, что должно быть. Ага. Так. Завод седьмого года. О, гарантия 5 лет. Я бы здесь добавил расширенная гарантия. Так, популярные модели. Куда-то он меня перевёл. А, никуда. Понятно. Обновили страничку. Здорово. Так, калькулятор расчёта мощности, освещение, кондиционеры, прочее оборудование. Ну, пускай будет вот так. Так. И калькулятор не работает. Угу. Так, здесь, я так понимаю, это у нас как-то немного едет. Так, успеть забронировать. Нам доверяют лидеры. А здесь, кстати, изображение вставил. И тут изображение есть. Блин, посмотрите, какой крутой сайт. Мне дизайн очень нравится. Миша, уже хочешь себе этот сайт? [смех] Станьте партнёром технозн. Блин, огонь. Вообще мне очень нравится сайт. Классный. Единственное, давайте давайте его немножко допилим. Во-первых, а, проверь все изображения. Проверь все изображения. Часть не отображается, как будто не были загружены, а ссылки к ним указаны. Типа того. Так, дальше у нас популярные модели. Ну, здесь та же самая проблема. Мне калькулятор не нравится совсем. Вот так вот выберем. А, ладно, это это потом тогда добьём. А сейчас он нам попросит прямо вот здесь в моменте что-то сделать, но я хочу, чтобы он разобрался с изображениями для начала. Так, вот это убираем. Так, бесплатная доставка и пусконаладка. Здесь тоже нам что-то нужно будет. Ну, всё, получается, у нас сейчас проблемы только с изображениями. Защита проектов Сирм. Ну ладно. А, всё, понял. Понял, что это такое. Круто. Всё, погнали. Пускай он делает сейчас нам все изображения. И у нас снова сайт стал недоступен. Внешние ссылки на которые стали недоступные. подготовил обновлённую, который заменил биты на ваши локальные файлы, которые вы загрузили, а для остальных линк добавил надёжные заглушки иконки. Нет, блин, мне надо сгенерировать, получается, изображение. А-а, надо, чтобы он сам это сделал. Блин, что ты натворил? Нет, видели, какой классный сайт онм сделал. Верни назад. Не надо. Надо было этого делать, как было. всю вёрстку и сетку сген сгенерируй мне все изображения и создай добавь их. Добавь их сайту и укажи ссылки. Блин, вот надеюсь, он мне старый макет, конечно, вернёт, потому что вот это то, что он сейчас сделал, это страшно. Это это некрасиво выглядит. Мне вообще не нравится. Ну как некрасиво, это симпатично, но это не то. Там было прямо круто в полном объёме. Так, давай возвращай. Сгенерировал новые изображение. Давай. Мне очень интересно посмотреть, что он там нагенерировал, потому что, друзья, вот сколько бы сейчас этого уже не длился наш с вами скринкаст, я думаю, что где-то минут 30. Я немного в шоке. У меня где-то 40 минут ушло на генерацию материалов. И ещё вот сколько, 30 минут мы с вами сайт создаём. А, жесть какая. И вот он он сделал сколько версий нам супер классных. Вот он вот вот здесь вот вот эта версия классная. Всё, её нужно зафиксировать. А всё, нужно сейчас ему об этом сказать, что её нужно зафиксировать и всё. Но, друзья, о чём я говорю? Мы с вами сделали сайт. Ну да, пускай изображений не хватает. Можем сделать изображение либо здесь, либо отдельно их сгенерировать. Но мы сейчас добьёмся от него, что он нам сделает все картинки, и всё будет выглядеть очень круто. Ещё добьём с вами калькулятора. Вот посмотрите, вот такой сайт за сколько? За полчаса, суммарно, за 2 часа вместе с исследованием аудитории. Крутой, обалденный сайт, стилёвый, кстати, достаточно. И не по нему не видно, что это прямо вот такой нейросайт, который сделан какой-то непонятной моделью. Он прямо по логике сделан. Поэтому давайте ему сейчас укажем на то, что вот в этой версии а нужно добавить изображение. Так, вот здесь изменения сохранены. Обновить код, предпросмотр. Вот как-то так мы ему говорим в той версии, что у меня сейчас открыто. Не меняй структуру и шаблон сайта. Найди все изображения, которых не хватает. Пойми, что там должно быть сгенерировано, и создай эти картинки отдельно. Вложи в проект и укажи ссылки на файлы. А, всё, вот так мы должны оставить. И пойдёмте смотреть, как он справится с задачей. Если не справится, пойдём через окольный путь, через самостоятельную генерацию этих изображений. Говорит, что справился. Давайте посмотрим. Сейчас он нам А либо он сейчас сгенерирует, либо он обновляет сайт. Нет, это он взял старую версию. Она плохая. Нет, ладно, не будем мы работать с вот этой версией. Возьмём вот эту. Так, кстати, здесь у нас, по-моему, чего-то хватило уже. Нет, тут изображение не появилось. Ну да, здесь как не было, так и нет изображения. Давайте пойдём по пути по пути нейросетей. А, возьмём сейчас сделаем скриншот. Вот так вот. И пойдём создадим новый чат в Gemini и в нём создадим изображение. А, ну давайте создание изображений здесь добавим. Опишите изображение. Вот сюда мы должны вставить. А нужно сделать А давайте ещё вот так сделаем. Добавим ему из ноутбука LM всю информацию, чтобы он не думал о том, а, нужно сделать изображение ДГУ для этого блока на место, где сейчас нет изображения. У итоговой картинки должен быть белый фон, чтоб она без чётко вписалась в сайт или вообще прозрачная, но ладно. Нет, ладно, тогда оставим белый, потому что я не уверен, что он сейчас нам хорошо сделает изображение с прозрачностью. Проще потом через какой-нибудь ацетон просто убрать фон и всё. И смотрите, сейчас мы должны будем что сделать? Скриншот каждой отдельной каждого отдельного блока, где нам не хватает не хватает изображения, и он должен будет нам это изображение сгенерировать. Мы сейчас вместе с вами сгенерируем первую картинку. Дальше я самостоятельно сгенерирую все остальные, чтобы вы не тратили на это время. Итак, мы с вами его уже достаточно долго смотрели, как я печатал. А, и дальше мы всё это вставим вместе с вами в наш сайт. Так. Вписывается. Вписывается. Мне нравится. Всё о'кей. А, и пойдём дальше. Пойдём дальше. Теперь картинка для этого товара, для этой ДГУ. Вот так. И всё. И дальше он нам будет генерить картинки. Под каждое пустое место нам получается нужно ещё 1 2 3 4 5 6 шесть картинок. О'кей, всё, пойдём генерировать шесть картинок.
Итак, я сгенерировал все изображения, которые нам не хватает. Итак, у нас их семь штук аж. Ну, собственно, давайте посмотрим, что нам здесь сделает. Я их загрузил. И смотрите, что я написал. Я создал изображение, которое нужно вставить на этот сайт. И дальше просто указал, в каких блоках какие изображения под номером нужно ставить. И единственное, я их пронумеровал. Вот видите, они у меня 1 4 3. Ну, чтобы, собственно, он понял, какие куда. Я их пронумеровал и под каждым номером указал, куда нужно их вставить. Отправляем в работу. А мы видим, что он продолжил творить фигню. То есть он продолжил работать в новом шаблоне, который мне не понравился, который мы сделали нечаянно по ошибке. Поэтому, мои друзья, смотрите, что я сделал. Я загрузил наш с вами практически доделанный landing page. Взял вот так скопировал весь его код, загрузил в файл. И сейчас я просто открываю бесплатный курсор. Как видите, здесь free план стоит. И сейчас мы с вами пойдём в загрузки, откроем проект, откроем этот сайт и быстренько-быстренько добьём его через курсор. Тем более, что мы уже делали не одно видео по курсору. Я думаю, вы уже понимаете, что это такое. Открываем замечательный файл и говорим: "А так что мы ему говорим? Вот hero Screen у нас есть". А, хотя, давайте сделаем так. А, проверь, биты или недействующие. и действующие ссылки на изображение на этом сайте и говорим ему, даём ему ссылку на наш сайт, то есть, ну, не ссылку, а наш файл вот здесь вот индекс мы просто указываем. Всё, он пошёл трудиться. Как видите, как мы быстро перешли из Gemini в курсор. Дело в том, что в Gemini мы бы смогли это сделать. Оставь, если бы у меня остались токены. Но поскольку достаточно много правок у меня было, я очень долго собирал материалы, ну не токены, а квоту, у меня закончилась квота. Он мне говорит, что даст через ещё 2 с половиной часа. Я не хочу ждать 2 с половиной часа для того, чтобы доделать сайт. То есть либо мы делаем всё исключительно на Gemini, либо мы проявляем себя как настоящие автоматизаторы, люди, которые знают, как работать с разными нейронками. Если вдруг у нас отваливается что-то одно, мы не теряем бдительности, не переживаем ни о чём, просто идём на наш идём в какое-нибудь другое приложение или в другую нейронку и там всё делаем.
Так, значит, вот что у нас здесь есть. И сейчас говорим ему: "А, сделай скриншот страницы и визуально оцени, где именно не хватает изображений". Ну, то есть сейчас заставляем его поработать. Вполне возможно, что он упрётся в то, что у него нет возможности делать скриншот, поэтому скажем ему, что сделай скриншот. Ну, в общем, сейчас уже начинается какая-то работа по курсору. А, но не переживайте, обычно он не должен такого спрашивать. Он сам в целом умеет делать скриншоты. У него новая версия сейчас уже вышла. И в этой новой версии, я вам скажу, курсор прямо сильно преисполнился. Как-то так у нас видео с Gemini в курсор быстренько переехало. О, открывает сайт. Ну и всё, теперь мы говорим на одном языке с нашим курсором. И у меня есть изображения. И, кстати, не все изображения у меня, а, нужно давать курсору. Давайте сейчас Ой, ойой. Выберем вот так вот. Сколько здесь? Четыре картинки. А, они просто с белым фоном. Я их хочу вообще грохнуть. Так, переместить. В удалённые. Всё ок. А вот эти я хочу выгрузить на верхний уровень. Переместить. Да, всё, теперь у меня эта папка пустая. Всё, здорово. Теперь мы можем говорить ему. О'кей, а давайте пойдём в Gemini. И прямо из Gemini и заберём из Gemini прямо заберём весь вот этот промт. И здесь говорим: "Я сделал изображение на недостающие позиции, а порядковый номер равен названию файла". Ну так на всякий пожарный мы это вкидываем. Э, всё. Ну и здесь, кстати, поскольку мы оперируем слоями не первый блок, а он сам говорит его хира хироблок называет, так бесплатно доставка и пускнуладка городская. Всё. Вот теперь вот так ему отправляем. Он сейчас должен будет исправить исправить наш сайт, и мы сможем его выложить. Кстати, можем можем это и сделать вместе все.
Ну что, а мы справились с нашей задачей. Давайте, я уже открыл сайт, посмотрим, как он у нас выглядит в итоговом виде. Итак, энергия без компромиссов. Отгрузим ДГУ со склада за 5 минут. Прекрасно. Почему выбирают нас? Здесь всё есть. Тут красивые изображения. Наш калькулятор. Тут у нас Ага, я понял, в чём прикол. Она у нас почему-то, видите, прозрачность вот так у нас нарисовалась. Непрозрачно, но ладно, с этим можно жить. Это легко поправить. Так, здесь у нас наши кейсы. Логистика, которая можно доверять. Замечательно. 0 руб. стоимость доставки по Краснодару. Здорово. Сервисный центр. Команды инженеров и практиков. Здорово. С арматурой почему-то. Ну ладно. Станьте партнёром. Отлично. Шикарный сайт. Мне очень нравится. Он точно не похож на сайт, сделанный нейросетью, как как обычно они на генерят. В одном из видосов мы за один пром делали уже сайт. И можете сравнить сайт для риэлтора и сайт Технозиона, насколько сильно они друг от друга отличаются. И я даже рад то, что у нас возникли какие-то трудности, потому что я показал, как их решать. И даже если мы не можем победить картинки, переходим в другое приложение и побеждаем друзья.
Продающий [фыркает] сайт с AI наставником внутри собран с нуля без программирования за несколько промтов. Структура, контент, встроенный консультант. Всё это теперь не требует ни дизайнера, ни разработчика. Один раз настроил, и сайт сам отвечает на вопросы ваших клиентов. Друзья, а я напоминаю, если вы хотите начать работать с AI агентами профессионально, приходите на наш с Сергеем Практикум. Там мы вам по шагам покажем, как с ними работать и где брать заказы. А на сегодня у меня всё. Ставь лайк и подписывайся, чтобы не пропустить новые крутые связки. Увидимся в следующем ролике. Пока. Yeah.