От идеи к реальности: как ИИ помогает маркетологам обновлять сайты без программирования

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

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

РДТЕХ предоставляет комплексный ИТ-аутсорсинг в рамках услуги «Ваш внешний ИТ-отдел». Это пять ключевых компонентов: сетевая инфраструктура, серверное ПО, базы данных, IP-телефония и бизнес-приложения. Каждый клиент выбирает свой набор — и стоимость напрямую зависит от комбинации.

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

Нам нужна была система, которая позволила бы клиенту:

• самостоятельно выбрать нужные компоненты;
• получить предварительный расчёт стоимости прямо на сайте;
• ответить на уточняющие вопросы для более точной оценки;
• оставить контактные данные для дальнейшей работы с менеджером.

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

Именно тогда я решил попробовать другой подход.

Я начинал с того, с чего начинают многие: использовал ChatGPT для написания текстов, Gamma — для создания презентаций и визуального оформления идей. Это уже ощутимо ускоряло работу. Но на одном из вебинаров по ИИ-инструментам для бизнеса я услышал о платформах, которые позволяют генерировать полноценный рабочий HTML-код через диалог — просто описывая задачу обычным языком.

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

Но я решил проверить. Попробовал Manus — ИИ-платформу, ориентированную на создание веб-приложений. Принцип простой: вы подробно описываете, что должно делать приложение, ИИ генерирует рабочий код, вы тестируете его в браузере, уточняете требования — и получаете результат.

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

Момент, когда всё встало на место, наступил тогда, когда я понял: задача ИИ — не угадать, что вы имеете в виду, а точно воспроизвести то, что вы описали. Значит, вся ответственность за качество результата — в качестве описания задачи. Это изменило подход.

Процесс разработки был итеративным. Я не писал классическое техническое задание — я вёл диалог с ИИ, постепенно уточняя и дополняя требования.

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

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

В итоге опросник включает следующие элементы:

• Выбор компонентов. Пользователь видит пять блоков с кратким описанием каждой услуги и выбирает нужные через чекбоксы — без переходов на сторонние сервисы или отдельные страницы.
• Динамические вопросы. При выборе каждого компонента автоматически появляется блок с релевантными уточняющими вопросами — только те, что относятся к выбранным услугам.
• Предварительный расчёт стоимости. Система показывает начальную стоимость с учётом скидок за комбинирование услуг — цифры обновляются при указании дополнительных опций.
• Список выбранного. Пользователь в любой момент видит полный состав обозначенных компонентов — всё прозрачно.
• Контактная форма с интеграцией в CRM. Все данные опросника отправляются напрямую в систему управления клиентами на базе 1С-Битрикс для дальнейшей обработки менеджером.

Важный этап: интеграция в сайт. Созданный мной прототип на React нужно было перенести на действующий сайт, работающий на 1С-Битрикс. Здесь в дело вступили коллеги-подрядчики. Они профессионально выполнили портирование кода и адаптировали структуру опросника под возможности редактора сайта, разбив его на отдельные управляемые блоки. Вся техническая интеграция с их стороны заняла всего 3 дня.

Отдельно стоит упомянуть дизайн. Когда я описал фирменный стиль РДТЕХ — тёмно-серый фон, жёлтые акценты, конкретные шрифты — ИИ не просто добавил цвета, а создал интерфейс, органично вписывающийся в общую визуальную концепцию сайта. Не чужеродный виджет, а полноценная часть страницы.

Важный момент: опросник и весь html-код страницы полностью адаптивен. Он одинаково корректно работает на десктопе, планшете и смартфоне — без дополнительных доработок.

По итогу работы картина выглядит так:

1. Скорость. Рабочая версия опросника была создана за 2–3 дня активной работы. Не недели согласований, а дни — с учётом всех итераций и тестирования.
2. Функциональность. Опросник реализует весь задуманный функционал: динамический выбор компонентов, уточняющие вопросы, расчёт стоимости со скидками, передача данных в CRM.
3. Качество. Система протестирована на всех основных устройствах и браузерах, работает без сбоев.
4. Экономия. Не потребовалось привлекать дополнительных разработчиков или перегружать текущую техподдержку сайта.
5. Масштабируемость. Структура кода позволяет легко добавлять новые компоненты, изменять вопросы или пересматривать логику расчёта — снова через диалог с ИИ.
6. Готовность к аналитике. Система собирает данные о выборе пользователей, что со временем даст ценные сведения о реальных потребностях клиентов.

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

Реализация опросника преподала несколько важных уроков — и я хочу поделиться ими с теми, кто только присматривается к ИИ-инструментам.

ИИ — усилитель, а не автопилот

Ни один из инструментов не решает задачу за вас. Они ускоряют путь от идеи до результата — но только если вы сами чётко понимаете, чего хотите. Чем точнее описание задачи, тем ближе результат к ожиданиям. Размытый запрос даёт размытый код.

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

Обучение — это не разовое мероприятие

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

Роль маркетолога расширяется

Раньше я мог придумать идею и передать её разработчикам. Теперь я могу сам довести идею до рабочего прототипа. Это не значит, что разработчики больше не нужны — они нужны, и для сложных задач критически важны. Но для большого класса типовых задач маркетолог сегодня способен двигаться самостоятельно. Это даёт свободу и новую ответственность одновременно.

Путь к шедевру лежит через черновики

Не стоит ждать идеального результата с первой попытки. Рабочий процесс с ИИ — это диалог и итерации. Первая версия почти всегда требует доработки. Готовность уточнять, исправлять, добавлять детали — ключевое условие успеха.

С чего начать, если вы ещё не пробовали

Мои рекомендации просты:

• Возьмите небольшой, конкретный проект — не глобальную переделку сайта, а один ограниченный элемент.
• Потратьте несколько часов на знакомство с инструментами — посмотрите вебинар, пройдите короткий обзор платформ.
• Не бойтесь ошибаться. Итерации — это часть процесса, а не признак неудачи.
• Уделите время качеству формулировок. Хорошо описанная задача — уже половина результата.
• Помните о безопасности: проверяйте, какие данные передаются через ИИ-сервисы, соблюдайте политику компании в отношении конфиденциальной информации.

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

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

Если вы работаете в маркетинге, управлении проектами или развитии бизнеса — попробуйте начать с малого. Выберите одну задачу, которая давно ждёт своей очереди к разработчикам, и проверьте, можете ли вы решить её самостоятельно с помощью ИИ. Вероятно, вас ждёт приятный сюрприз.

РДТЕХ продолжает исследовать возможности ИИ-инструментов в маркетинге и разработке. Если вам интересно обсудить, как подобные подходы могут применяться в вашей компании — свяжитесь с нами.