Создал лендинг за выходные с помощью 5 ИИ-инструментов 🚀 Время: 5 часов (2 часа на генерации + 3 на доводку) Бюджет: 0 рублей (не считая уже купленных подписок)

Я использовал 3 LLM:

  • ChatGPT — когда не хочется ничего объяснять. Фишка в том, что он уже знает мой бизнес — у меня там куча чатов о проектах, продуктах и услугах, целевой аудитории и тд.

  • Claude — для написания тех. задания и кода. В этом он лучший.

  • Gemini — подключал, когда остальные были заняты. Работаю как Цезарь — выполняю несколько задач одновременно. Claude пишет код, ChatGPT выполняет основную задачу. В это время можно “порешать вопросики” и с другими нейронками (бесплатными).

1️⃣Фирменный стиль

Спросил у Gemini план разработки брендинга для агентства автоматизации. ChatGPT в это время проводил SWOT-анализ.

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

  • Brand Strategy,
  • Verbal Identity,
  • Visual Identity
  • и содержание брендбука — по сути, план для дальнейшей работы. Первым пунктом в этом плане как раз стоит лендинг.

Я хотел понять, не фигню ли мне предлагает чат, и попросил расписать цветовую палитру с точки зрения психологии и брендинга. И на всякий случай продублировал запрос в Gemini.

Результат поразил, нейронки выдали почти одно и то же: "транслирует экспертность и глубину, делает бренд человечным несмотря на технологичность, создаёт ощущение инноваций и скорости". Бьёт в сердечко! Во всяком случае, в моё 😇 2️⃣ Контент

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

3️⃣ Разработка

Самый большой объём работы, конечно же, выпал на долю Lovable. Ему я скормил ТЗ — структуру, тексты, цвета, шрифты. Кажется, в первый раз он даже завис. А я не дождался результата и ушёл спать. На следующий день я увидел, что ничего не сделано, и запустил тот же запрос заново. Со второго раза всё получилось 👌

Первая версия от Lovable, конечно же, не была финальным вариантом, но я решил докручивать уже сам, в Github Copilot.

4️⃣ Анимации

Следующим этапом стали анимации. Анимации были в ТЗ для Lovable, в стиле “сделай красиво”, поэтому и получились они так себе. В итоге я их полностью отключил, и встроил другие.

Самая крутая анимация — для главного экрана, от Claude. Я не сильно заморачивался с запросом — просто попросил сделать мне “анимацию в Canvas для hero-блока сайта агентства ИИ-автоматизации” и добавил в запрос информацию о цветовой палитре. Claude сделал анимацию нейронных связей, которая реагирует на мышку — просто космос 🔥

Я сохранил полученный html, и дал задачу уже для Github Copilot, чтобы он перенёс эту анимацию на готовый лендинг.

5️⃣ Финалочка

Последним штрихом я добавил анимацию в заголовок на главном экране. Это тоже сделал Copilot. Результат смотрите сами, по ссылке 😊:

https://agiency.pro/

Что думаете? Очень жду обратной связи по лендингу. Особенно от маркетологов 😏