Как я превратил разрозненные материалы НКО в готовый сайт с помощью ИИ

Сейчас про ИИ часто говорят примерно так: написал хороший промпт — и через несколько минут получил готовый сайт.

С реальным заказчиком всё оказалось интереснее.

Недавно я закончил сайт для НКО «Центр Семья». На старте у меня был не готовый прототип с текстами для каждого блока, а большой объём информации из разных источников.

В итоге на проект ушло около 20 часов работы, а ИИ использовался практически на всех этапах работы с информацией и визуалами.

Расскажу, что именно получилось ускорить, а что по-прежнему пришлось делать самому.

Заказчику был нужен полноценный сайт организации.

Материалов было много: информация о деятельности Центра, направлениях работы, специалистах, проектах, документы, фотографии.

Часть передал заказчик, часть информации я собирал из VK организации, часть находилась на Яндекс Диске по предоставленной заказчиком ссылке.

Поэтому начинать работу с дизайна было бессмысленно.

Сначала нужно было ответить на более важный вопрос:

как превратить весь этот массив информации в сайт, в котором сможет разобраться обычный посетитель?

Для анализа материалов я использовал ChatGPT.

Но задача звучала не как:

«Придумай мне сайт для НКО».

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

В результате появилась первая версия главной страницы — 9 смысловых блоков.

После этого структура ушла заказчику на согласование.

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

Заказчик смотрит на структуру со своей стороны. Разработчик — со своей. Что-то оказывается лишним, чего-то не хватает.

Мы внесли изменения, упростили отдельные элементы.

А по мере погружения в деятельность организации стало понятно, что первоначальной структуры вообще недостаточно — понадобились дополнительные страницы.

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

Структурой применение ИИ не ограничилось.

У меня были исходные материалы заказчика, но просто скопировать их на сайт было нельзя.

Я использовал ChatGPT, чтобы перерабатывать и структурировать информацию под конкретные страницы и блоки.

После этого уже сам смотрел на результат в контексте всей страницы и собирал из него сайт.

Изображения для проекта также создавались с помощью ИИ.

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

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

Наверное, это самый интересный вопрос.

Со стороны иногда создаётся ощущение:

ИИ → кнопка → готовый сайт → счёт клиенту.

В реальном проекте между этими точками оказалось довольно много работы.

Я общался с заказчиком, собирал и анализировал материалы, проектировал структуру, согласовывал её и переделывал после обратной связи.

Затем полностью реализовал сайт на Tilda: собирал страницы, работал с визуальной частью, адаптировал сайт, настраивал формы и необходимые элементы.

Отдельно занимался доменом: подобрал его, зарегистрировал, оплатил и подключил к сайту.

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

Это ещё одна сторона реальных проектов, которую редко показывают в красивом портфолио.

На старте объём работы казался меньше.

В процессе менялась структура, потребовались дополнительные страницы, увеличился фактический объём разработки.

Стоимость проекта я при этом оставил первоначально согласованной — 30 000 ₽.

Не уверен, что это стоит превращать в универсальную модель работы с заказчиками :)

Но в этом проекте получилось именно так.

Фактические трудозатраты я оцениваю примерно в 20 часов.

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

Но порядок именно такой.

По моей оценке, без применения ИИ такой объём работы потребовал бы у меня как минимум вдвое больше времени.

И дело даже не столько в самой сборке сайта.

Очень много времени в подобных проектах съедает цепочка:

прочитать → понять → отсортировать → структурировать → переписать → найти или создать визуал → собрать → проверить → переделать.

ИИ существенно ускоряет несколько первых этапов этой цепочки и производство визуального контента.

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

«ИИ позволяет делать сайты в два раза быстрее».

У меня нет данных, позволяющих утверждать это для всех проектов и разработчиков.

Корректнее сказать:

в этом конкретном проекте я оцениваю свои трудозатраты без ИИ как минимум вдвое выше.

Организация получила полноценный работающий сайт на собственном домене.

На нём собрана информация о Центре, направлениях помощи, специалистах, проектах, документах и способах связи.

Проект завершён, акт выполненных работ подписан, оплата получена полностью.

После сдачи заказчик сказал о результате:

«Всё классно, симпатично и информативно».

После запуска я также оставил 3 месяца бесплатного сопровождения сайта. Далее возможно абонентское сопровождение.

Для меня самое интересное в этой работе оказалось даже не в генерации изображений.

ИИ особенно полезен в проектах, где между фразой клиента:

«Нам нужен сайт»

и готовым сайтом находится огромное количество неструктурированной информации.

Раньше значительная часть времени специалиста уходила на ручную обработку этого массива.

Теперь некоторые этапы можно существенно ускорить.

Но остаётся другая работа:

понять бизнес-задачу → спроектировать решение → согласовать его с человеком → реализовать → проверить → довести до запуска.

Поэтому мне всё меньше нравится формулировка «я делаю сайты».

Мне ближе:

решаю бизнес-задачи с помощью сайтов, автоматизации и инструментов искусственного интеллекта.

В этой модели ИИ не заменяет специалиста.

Он становится его рабочим инструментом.

Проект: сайт НКО «Центр Семья»
Платформа: Tilda
Трудозатраты: около 20 часов
Стоимость: 30 000 ₽

Статус: сайт запущен

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

Сначала стоит разобраться в задаче и спроектировать решение.