Создайте 5 сайтов менее чем за час с помощью ChatGPT-5: как этого добиться и секреты удвоения производительности

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

На самом деле, я просто начал с того, что дал ChatGPT-5 следующую команду : «Создай для меня веб-сайт». И в итоге получил готовый, хотя и довольно типовой, веб-сайт. Он выглядел почти слишком хорошо, чтобы быть правдой. Я решил проверить это более подробно на реальном веб-сайте.

В рамках этого эксперимента я создал несколько веб-сайтов для разных видов бизнеса — от крытых игровых площадок до маркетинговых агентств — с помощью ChatGPT-5. Вот результаты и использованные мной подсказки.

1. Садовый центр Always Spring

Запрос: «Разработайте полноценный, красочный и яркий веб-сайт для «Always Sunny Garden Center». Цель — создать у посетителей ощущение радости и изобилия, а также помочь клиентам легко найти то, что им нужно. Атмосфера компании должна быть дружелюбной, профессиональной, но не пугающей, семейной, наполненной жизнью и красками. Представьте себе «яркий весенний день в саду». Убедитесь, что дизайн лаконичен, кнопки понятны, а цвета создают яркое, привлекательное и гармоничное ощущение. Навигация должна быть интуитивно понятной и выделяться».

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

Создание этого сайта заняло у ChatGPT-5 около пяти минут. Чем подробнее вы опишите свой сайт, тем больше времени потребуется. Вы можете видеть, как он «думает» всё время, пока пишет код. Возможно, вы могли бы заняться чем-то ещё, пока он создаётся, но мне доставляет странное удовольствие наблюдать за его работой.

2. Крытая игровая площадка для малышей «Кувырки и смех»

Запрос: «Разработайте яркий, жизнерадостный и интуитивно понятный веб-сайт для «Tumbles & Giggles», крытой игровой площадки для малышей (от 1 до 5 лет). Сайт должен успокаивать родителей в вопросах безопасности и гигиены, а также вызывать у них восторг от того, как весело проведут время их дети. Целевая аудитория: Родители, бабушки и дедушки, а также лица, осуществляющие уход за маленькими детьми. Они должны иметь возможность быстро найти информацию о ценах, часах работы и безопасности. Общая атмосфера: Веселая, современная, чистая и просторная. Думайте о «радостности и организованности». Избегайте перегруженного или перегруженного дизайна. Используйте много свободного пространства с яркими, ненавязчивыми цветами».

Это был реальный тест, потому что мне было интересно, будет ли ChatGPT-5 отображать изображения детей, и если да, то будут ли они выглядеть достаточно реалистично для корпоративного сайта. Как видно на скриншоте, изображений детей не было. Это не идеальный вариант для семейного бизнеса; улыбающиеся лица, безусловно, способствовали бы продвижению заведения.

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

3. Кафе «Дейли Гринд»

Запрос: «Разработайте веб-сайт для модной, уютной и гостеприимной районной кофейни под названием «The Daily Grind». Веб-сайт должен вызывать у пользователей желание попробовать наш кофе и выпечку и побуждать их посещать это место. Сайт должен быть визуально привлекательным и подчеркивать дух сообщества и возможность насладиться кофе в комфортной обстановке. Он должен привлекать местных жителей, удаленных работников, студентов и людей, ищущих место для встреч. Пользователи должны иметь возможность ознакомиться с меню, найти адрес/часы работы и почувствовать атмосферу кофейни. Общая атмосфера должна быть расслабленной, гостеприимной, модной и располагающей к общению. Изображения должны быть аутентичными и подчеркивать людей, которые наслаждаются временем, проведенным в кофейне».

Первые два сайта были хороши, но чем-то похожи. (Стоит ли говорить, скучноваты?) Визуальное оформление было некачественным. Мне нужно было, чтобы ChatGPT-5 улучшил свои показатели, поэтому я специально упомянул «фотография» в этом требовании, чтобы дать ИИ понять, что нам нужны более качественные визуальные эффекты для этого сайта.

Меня разочаровало, что в первой версии сайта не было ни одного изображения человека. Кроме того, сайт был очень похож на другие. У ChatGPT-5 явно был шаблон. Поэтому я перенаправил ИИ и попросил его добавить изображения.

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

4. Маркетинговый сайт для газировки Tangerine Twist

Запрос: « Создайте высокоэффективный одностраничный маркетинговый веб-сайт (целевую страницу) для Tangerine Twist. Это газированный напиток с натуральным подсластителем, приготовленный из настоящего мандаринового сока. Он органический и очень популярен среди экологически сознательных потребителей поколения Z. Пожалуйста, добавьте 3-5 фотографий молодых людей, наслаждающихся напитком (в забавных оранжевых банках). Тон должен быть живым, креативным и аутентичным».

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

Однако мне понравился процесс презентации продукта, созданный с помощью искусственного интеллекта, и копирайтинг тоже был очень хорош. Мне также понравилась «100-дневная гарантия счастья», упомянутая внизу сайта.

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

Код создан, что дальше?

Хороший вопрос! После того, как вы закончите работу с ChatGPT-5, вы можете запустить сайт в браузере, чтобы убедиться, что он выглядит и работает как надо. Если что-то не так, внесите изменения, но когда всё будет готово, скачайте или скопируйте код локально. Это можно сделать, скопировав код в текстовые файлы на компьютере и дав им соответствующие имена. (Пример: index.html для главной страницы, style.css для стилей, script.js для JavaScript.)

Далее вам нужно выбрать хостинг-провайдера. Это можно сделать с помощью бесплатных и удобных для новичков сайтов, таких как GitHub Pages. В качестве альтернативы можно использовать виртуальный хостинг, например, Bluehost. Облачные сервисы (AWS, Google Cloud, DigitalOcean) хороши, но требуют более сложной настройки.

Конечно, вам нужно будет приобрести доменное имя, а затем подключить домен к своему хостинг-провайдеру, чтобы ваш сайт размещался под нужным вам доменным именем, а не под общим URL-адресом.

Наконец, загрузите файлы на свою хостинговую платформу. Многие сервисы позволяют перетаскивать файлы, отправлять их через Git или использовать их CLI-инструмент. После загрузки ваш сайт станет доступен для просмотра всем.

Суть

Для быстрого создания сайта в сжатые сроки ChatGPT отлично справляется. Для чего-то дополнительного, например, фотографий или реалистичных изображений, придётся запрашивать второй раз; включение их в первый запрос, похоже, неэффективно.

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