В прошлой статье я рассказывала, как практически в одиночку (и с помощью ИИ) провела 35+ глубинных интервью. Сегодня расскажу про задачу, которая у маркетинга без бюджета обычно годами лежит в долгом ящике (а у нас, кстати и лежала): редизайн сайта. 22 страницы, пять новых кейсов, один рабочий день чистого времени и ни одного дизайнера не пострадало.

Осторожно: тут снова маркетинг. Код будет, аж около 6 000 строк, но писала его не я. Будет процесс, который можно повторить, и список мест, где без человека всё разваливается.

TL;DR

Три вещи, ради которых стоит читать дальше:

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

2. Главная экономия — не на вёрстке, а на итерациях. Правка «эта строка наезжает на ту» занимает минуту, а не день переписки с подрядчиком. Поэтому правок можно позволить себе в разы больше — пока токены не закончатся:)

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

1. Откуда это взялось

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

Классический путь известен: ТЗ дизайнеру, макеты, правки, ещё правки, вёрстка. Месяц-два и бюджет. Условия задачи, чтобы было понятно, о каких ресурсах речь:

• ИТ-компания на ~60 специалистов, аутстафф, рынок РФ;

• маркетинг — я одна, и редизайн — не единственная моя задача, а одна из;

• бюджет на дизайнера и вёрстку — ноль;

• сроки — «когда сделаешь».

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

2. Шаг 0. Рамка до первой строки кода

Начала я с одной страницы — «Аутстаффинг разработчиков». Задачу поставила по-человечески: сделай приятнее и читаемее, а за образец возьми наши же статьи и кейсы — их читать удобно.

И сразу зафиксировала три правила, которые не меняла до конца:

• Фирменный стиль остаётся. Чёрный фон, зелёный #80d207, шрифты Oswald и Roboto. Ребрендинг мы не делаем.

• Меню и подвал — как есть. Пункты, порядок, выпадающие подразделы. Человек, который привык к сайту, не должен в нём потеряться.

• Тексты не трогаем. Меняем подачу, а не содержание.

Третье правило оказалось самым полезным. Тексты берутся из CMS как есть, оформление собирается по шаблону — и одна удачная страница сразу превращается в десять.

Урок: ограничения ставятся до старта, а не по ходу. ИИ охотно «улучшает» всё, до чего дотянется. Чем чётче рамка, тем меньше времени уходит на «верни, как было».

3. Шаг 1. Три версии одной страницы

Первая версия вышла аккуратной и скучной. Вторая — «осовремененной», но тоже без характера. Третью мы сделали после того, как я показала ИИ подборку веб-трендов 2026 года. Появились крупные кинетические заголовки, «стеклянные» карточки, световое пятно за курсором и аккуратная анимация при прокрутке.

Третью версию я одобрила, поэтому дальше весь сайт делали в её стиле.

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

4. Шаг 2. Как это выглядит на практике: придирки

Большая часть работы — не «сделай мне сайт», а короткие придирчивые правки. Реальные формулировки из переписки:

• «Слишком пёстро — построже»

• «Этот блок я менять не просила, верни»

• «Без лесенки» — когда карточки встали ступенькой

• «Бирюзовый убрать, только корпоративный зелёный»

• «Буквы в заголовке наезжают друг на друга»

• «Вот эту часть опусти ниже, чтобы не загораживала фото»

Некоторые правки оказались интереснее, чем выглядели.

Чек-лист, который обещал результат. В одной статье блога стоял интерактивный чек-лист с галочками и шкалой. Выглядело эффектно. Но такой интерфейс подразумевает, что после галочек будет кнопка «Результат» и какой-то вывод. Вывода не было. Заменили интерактив памяткой, которую можно сохранить в PDF или скопировать.

Аккредитация, которую нельзя проверить. На странице «Карьера» хотелось дать ссылку на нашу аккредитацию в реестре Минцифры. Выяснилось, что реестр на Госуслугах не принимает запрос из ссылки, а поиск по названию компании выдаёт «нет аккредитации». Представьте лицо кандидата, который решил нас проверить. Решение: кнопка, которая копирует ИНН перед переходом: человеку остаётся вставить его в поиск.

Рекомендация, которую стоило проверить. Подрядчики по GEO посоветовали дополнить страницу аутстаффинга банковскими кейсами, отраслями, сроками вывода специалистов, условиями замены. Я попросила ИИ сверить, что из этого уже есть на странице. Оказалось, что почти ничего. Попутно нашлось противоречие, которого мы сами не видели: в одном месте «1–3 дня», в другом «несколько дней», а по факту подбор занимает один день.

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

5. Шаг 3. Кейсы из сканов техзаданий

Отдельная история — кейсы для отраслевой страницы о системах контроля доступа. На руках у меня были техзадания на 55 и 41 страницу, часть — сканы с печатями. ИИ прочитал их по картинкам страниц и собрал черновики кейсов.

Дальше снова понадобилась моя работа:

• Объединили дубль. Два будущих кейса оказались одним продуктом в двух поколениях — собрали их в одну историю.

• Сверили роли. Где мы делали весь проект, а где только проектирование. Писать «разработали», если разрабатывали не мы, мы, естественно, не можем.

• Обезличили клиентов. Убрали названия и детали, по которым узнаётся заказчик.

Урок: ИИ хорошо вытаскивает фактуру из документов, но не знает, что из неё можно публиковать. Эту границу проводит человек.

6. Что я делегировала нейросети — и где проходит граница дозволенного

Что отдала ИИ

Практически всё механическое:

• код и вёрстку — около 6 000 строк, ни одной моей;

• проверку каждой правки: ИИ сам открывал страницу в браузере на ширине от телефона до большого монитора и смотрел, не вылезает ли что-то за край — в процессе сделал больше 120 скриншотов;

• чтение сканов и сборку черновиков кейсов;

• сверку страницы с внешними рекомендациями и поиск противоречий.

Про проверку на экранах — отдельно. Обычно это самая скучная часть работы, и именно она съедает больше всего переписки с исполнителем. Здесь она просто исчезла из моего дня.

Граница

Но, само собой, есть и то, что делегировать нельзя:

• Вкус. ИИ предложит десять аккуратных вариантов, но выбрать тот, который «наш», может только человек.

• Стоп-слова. Без контроля в тексты пролезают «честно скажем» и прочий маркетинговый иишный шум.

• Факты. Цифры в кейсах ИИ вроде бы не придумывает, но и не знает, каких цифр не хватает. Да-да: метрики по-прежнему приходится выпрашивать у менеджеров проектов.

• Политика. NDA, разрешение партнёра на логотип, что можно публиковать о клиенте — это все еще человеческие решения.

7. Цифры

8. Как это попало в прод

Тут, естественно, не обошлось без коллеги из отдела разработки - если захочет, сам расскажет об этом:)

9. Что это дало и чего не дало

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

Дало:

• сайт наконец-то выглядит так, как мы его когда-то задумали (но не хватило свободных ресурсов осуществить): читаемо и по делу, — без ребрендинга и без переписывания текстов;

• пять новых кейсов мы «достали» из документов, которые иначе так и лежали бы в архиве у ПМ-ов;

• найденное противоречие в обещании по срокам подбора — то, что напрямую касается продаж;

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

10. Что делать в понедельник

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

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

Итог

Один рабочий день, 22 страницы, ноль бюджета на дизайн — и при этом главное для меня не скорость.

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

Единственное, что я сделала бы иначе: прогнала бы сайт на противоречия до редизайна, а не по ходу.