22 страницы за один рабочий день: как сделать редизайн сайта с ИИ без дизайнера
Редизайн сайта часто откладывают на месяцы: нужно подготовить техническое задание, найти дизайнера, согласовать макеты, пережить несколько циклов правок и только потом переходить к вёрстке. Для небольшой IT-компании такой проект легко превращается в задачу без дедлайна. В этом случае сайт обновили с помощью ИИ: 22 страницы перевели в новый визуальный стиль, подготовили пять новых кейсов, а чистое время работы составило примерно один рабочий день.
Календарно процесс занял около четырёх недель, поскольку маркетолог занималась редизайном между другими задачами. Компания насчитывает около 60 специалистов, работает на российском рынке в сфере аутстаффинга, а отдельного бюджета на дизайнера и вёрстку не было. Сайт не используется как полноценный канал продаж, но служит витриной экспертизы, площадкой для кейсов и источником информации для клиентов и соискателей.
Сначала — ограничения, затем код
Работу начали с одной страницы об аутстаффинге разработчиков. До первой генерации зафиксировали три правила: сохранить фирменный стиль с чёрным фоном, зелёным цветом #80d207 и шрифтами Oswald и Roboto; не менять меню и подвал; не переписывать тексты. Менялась только подача материала.
Такой подход позволил превратить удачную страницу в шаблон для остальных. Тексты загружались из CMS без изменений, а визуальная структура собиралась по единому образцу. Это оказалось важнее попытки сразу переделать весь сайт: чем жёстче рамки, тем меньше времени уходило на исправление инициативных изменений, которых никто не просил.
Три версии вместо долгого поиска идеала
Первая версия страницы выглядела аккуратно, но слишком нейтрально. Вторая была современнее, однако всё ещё не имела собственного характера. После демонстрации ИИ подборки веб-трендов появилась третья концепция: крупные кинетические заголовки, «стеклянные» карточки, световое пятно за курсором и умеренная анимация при прокрутке. Именно этот вариант стал основой для остальных страниц.
Вместо попытки подробно описать идеальный результат проще было сравнить несколько готовых вариантов. При работе с подрядчиком каждый новый макет требует времени и денег, а при использовании ИИ несколько итераций обходятся значительно дешевле. Это позволяет не принимать первый приемлемый вариант, а действительно выбирать.
Основная работа — короткие и точные правки
Процесс состоял не из одного запроса «сделай сайт», а из множества небольших корректировок: убрать лишние цвета, вернуть случайно изменённый блок, выровнять карточки, исправить наложение букв в заголовке или опустить элемент, который закрывал изображение. ИИ быстро вносил такие изменения, поэтому на каждую итерацию уходили минуты, а не дни переписки.
В процессе удалось обнаружить несколько проблем, не связанных напрямую с дизайном. Интерактивный чек-лист на одной из страниц не содержал обещанного результата, поэтому его заменили на памятку, которую можно сохранить в PDF или скопировать. На странице карьеры выяснилось, что ссылка на реестр аккредитации Минцифры не позволяет корректно найти компанию: решение сделали через кнопку, копирующую ИНН перед переходом к поиску.
ИИ также проверил рекомендации по наполнению страницы аутстаффинга и сопоставил их с уже опубликованным содержанием. Так обнаружилось противоречие в сроках подбора специалистов: в разных местах фигурировали формулировки «1–3 дня» и «несколько дней», хотя фактически подбор занимал один день. Такой аудит важен именно для давно работающего сайта, который его владельцы со временем перестают читать внимательно.
Кейсы из технических заданий
Отдельной задачей стала подготовка кейсов для страницы о системах контроля доступа. В распоряжении были технические задания объёмом 55 и 41 страницу, причём часть документов существовала только в виде сканов с печатями. ИИ распознал содержимое страниц и собрал из него черновики кейсов.
Но перед публикацией материалы пришлось проверять вручную. Два предполагаемых кейса оказались разными поколениями одного продукта, поэтому их объединили. Отдельно сверили роль компании в каждом проекте: где-то она выполняла всю работу, а где-то занималась только проектированием. Также из текстов убрали названия клиентов и детали, по которым их можно было бы идентифицировать.
Что можно делегировать ИИ, а что нельзя
Нейросети передали механическую часть работы: написание примерно 6 000 строк кода, вёрстку, проверку страниц в браузере на разных ширинах экрана, чтение сканов, подготовку черновиков и поиск противоречий в текстах. После правок ИИ самостоятельно проверил страницы от мобильного экрана до большого монитора и сделал более 120 скриншотов.
При этом финальные решения остались за человеком. ИИ может предложить несколько аккуратных вариантов, но не определяет, какой из них соответствует характеру компании. Он также не знает, какие факты разрешено публиковать, действует ли NDA, можно ли использовать логотип клиента и подтверждены ли цифры в кейсе. Даже нужные метрики по-прежнему приходится запрашивать у менеджеров проектов.
В результате новый стиль применили к 22 страницам, а из внутренних документов извлекли пять кейсов. Сайт стал ближе к первоначальному замыслу: более читаемым и структурированным, без ребрендинга и переписывания текстов. Кроме того, появился процесс, который можно продолжать небольшими частями без отдельного бюджета.
Как повторить такой подход
- Задать рамки. До начала работы определить, что не меняется: фирменный стиль, навигация и тексты.
- Начать с одной страницы. Сначала выбрать удачную концепцию, а затем превратить её в шаблон для остальных разделов.
- Просить несколько вариантов. Сравнение готовых решений часто эффективнее попытки сформулировать идеальный дизайн в одном запросе.
- Давать короткие правки. Чем точнее замечание, тем меньше риск, что ИИ изменит соседние элементы без необходимости.
- Проверять адаптивность после каждой итерации. Отдельно смотреть мобильную, планшетную и десктопную версии.
- Проводить контентный аудит. Просить ИИ находить противоречия, но самостоятельно проверять роли участников, цифры, NDA и права на публикацию.
Такой метод не заменяет дизайнера, если компании требуется новая айдентика или полноценный ребрендинг. В рамках уже существующего стиля ИИ работает заметно эффективнее: он становится быстрым инструментом для вёрстки, проверки и итераций, но не источником вкуса и редакционной ответственности.
Главный результат проекта — не только 22 обновлённые страницы и пять новых кейсов. Редизайн перестал быть большой задачей, для которой нужно заранее выделять отдельные часы дизайнера. Его можно выполнять постепенно, не отрываясь от основной работы. При этом проверку сайта на противоречия стоило провести ещё до начала редизайна: она принесла пользу не меньшую, чем визуальные изменения.
