Мы делаем сайты с 2011 года и запустили больше 800 проектов. А наш собственный сайт всё это время жил по классике жанра «сапожник без сапог». Старый vogood.ru на 1С-Битрикс честно отслужил своё: тексты устарели, каждая правка превращалась в маленький квест, а о том, как мы работаем сейчас — с помощью ИИ, — он молчал как партизан.
Осенью 2026 года мы сказали себе: всё, хватит. И сделали новый сайт ровно так, как предлагаем клиентам, — наша команда с помощью ИИ. Заодно проверили каждый этап на собственной шкуре: если где-то неудобно нам, клиенту будет неудобно тоже.
Как шла работа: от брифа до дизайн-системы
Сразу развеем главный миф: ИИ не придумывает сайт за вас. Он не знает ваш бизнес, ваших клиентов и то, почему вас выбирают. Зато он молниеносно делает то, на что раньше уходили недели: анализ, черновики, вёрстку, код. Думаем и решаем мы — поэтому прошли все этапы, как с любым клиентом, по нашим внутренним инструкциям.
Бриф
С брифа начинается всё. Мы честно ответили себе на неудобные вопросы: кто приходит на сайт, зачем и что должно убедить его оставить заявку. Зафиксировали главное:
- четыре направления: разработка сайтов, продвижение в Яндексе и нейросетях, ИИ-ассистенты и автоматизация, отдел продаж и CRM;
- факты, которыми можно гордиться без преувеличений: с 2011 года, 800+ проектов, 200+ проектов в ТОП-10 Яндекса;
- работаем по всей России и за рубежом — значит, никакой привязки к одному городу в текстах;
- никаких «мы лучшие на рынке» — только цифры, кейсы и отзывы.
Отдельно разобрали конкурентов из рейтингов: что они обещают на первом экране, как продают пакеты, как собирают заявки. Это помогло не изобретать велосипед там, где рынок уже договорился о стандартах, и выделиться там, где все одинаковые.
SEO-структура
Самый частый способ угробить старый сайт при редизайне — поменять все адреса страниц. Поисковик видит сотни пропавших страниц, и позиции, которые копились годами, уходят в ноль.
Поэтому структуру нового сайта мы строили вокруг того, что уже работает. Выгрузили все 239 страниц старого сайта, посмотрели, какие из них приводят людей из поиска, и сохранили их адреса. Там, где страницы объединили или убрали, настроили перенаправления — их получилось около пятидесяти.
Чертёж интерфейса и прототип
Прежде чем рисовать красиво, мы нарисовали «скелет»: какие блоки на каких страницах и в каком порядке, что видит человек на первом экране, куда ведёт каждая кнопка, что происходит после отправки формы.
Потом по чертежу собрали живой прототип — кликабельный сайт, который можно открыть в браузере и полистать. И здесь честное признание: первые три версии главной мы забраковали сами. Утвердили только четвёртую.
Переделать прототип с помощью ИИ — это часы, а не недели. Поэтому можно позволить себе забраковать три версии подряд.
Дизайн-система
Чтобы 215 страниц выглядели как один сайт, а не как лоскутное одеяло, мы записали правила оформления:
- пять фирменных цветов, и у каждого направления свой: фиолетовый у сайтов, оранжевый у продвижения, бирюзовый у ИИ, розовый у отдела продаж;
- шрифты Montserrat для заголовков и Golos Text для текста;
- единые отступы, скругления и кнопки «по смыслу»: градиентная — заявка, жёлтая — проверка сайта, Telegram — отдельным цветом;
- светлая и тёмная темы с первого дня.
Дальше эти правила работают сами: новая страница, собранная из готовых блоков, сразу выглядит «своей».
Скучно, но очень нужно: документы по закону
Политику конфиденциальности никто не читает. Кроме проверяющих. А они читают внимательно: с 2025 года штрафы за нарушения с персональными данными выросли в разы. Сайт с формой заявки и без нужных документов — это как машина без страховки: ездить можно, но до первого инспектора.
Поэтому юридическую часть мы делали не «на потом», а вместе с дизайном:
- три документа по 152-ФЗ: политика конфиденциальности с таблицей cookie, политика обработки персональных данных и согласие на обработку — по проверенным шаблонам и без самодеятельности в формулировках;
- две отдельные галочки согласия в каждой форме. Без них заявка не уйдёт, и это проверяет сам сайт, а не только браузер;
- баннер cookie с честным выбором: «Принять все», «Только обязательные», «Настроить». Яндекс Метрика включается только после согласия — да, мы теряем часть статистики, зато спим спокойно;
- данные хранятся в России, на хостинге Beget.
Самое интересное случилось на отраслевых страницах. У клиник, госучреждений, частных школ и баз отдыха свои требования к сайту: лицензии, версия для слабовидящих, номер в реестре средств размещения, цены в рублях. Большинство владельцев узнают об этом из предписания. Мы сверили каждый пункт с текстами законов и постановлений в октябре 2026 года и превратили их в интерактивные чек-листы: отмечаешь, что уже есть, и сразу видишь, чего не хватает.
SEO: чтобы нас находили и Яндекс, и Алиса
Новый сайт должен был сделать две вещи сразу: не потерять то, что старый заработал за годы, и быть готовым к тому, как люди ищут сейчас. А сейчас они всё чаще не вводят запрос в поиске, а спрашивают Алису или ГигаЧат. И если нейросеть про вас не знает — вас для неё не существует.
Ни одной потерянной страницы. Мы проверили все 241 старый адрес — да, по одному. Страницы, которые были в поиске, открываются по тем же адресам. Те, что объединили или убрали, ведут на ближайшую по смыслу новую страницу одним переходом, без цепочек и тупиков.
Весь контент переехал с нами. 129 статей и 37 кейсов. Тексты мы нарочно не переписывали — поисковик их уже знает и любит. Зато привели в порядок оформление: заголовки, списки, выделения, оглавление. И попутно починили 28 заголовков, набранных в стиле «Каждое Слово С Большой Буквы».
Под капотом
- карта сайта для поисковиков обновляется сама, как только появляется новая статья или кейс;
- у каждой страницы есть микроразметка: организация, «хлебные крошки», услуги с ценами, вопросы и ответы, статьи с датами — поисковику и нейросети не нужно гадать, что на странице;
- файл llms.txt — шпаргалка для нейросетей с кратким оглавлением сайта;
- страница «Факты о компании»: год основания, реквизиты, цены, рейтинги — в одном месте и без воды;
- быстрая загрузка: картинки в формате WebP, шрифты лежат на самом сайте, никаких лишних внешних скриптов;
- один адрес сайта: с www, без https, старый тестовый адрес — всё ведёт на https://vogood.ru.
SEO вшито в каждую новую страницу. Когда мы добавляем статью, кейс или услугу через бота, сайт сам делает заголовок, описание для поиска, разметку и строчку в карте сайта. А если заголовок вышел слишком длинным для поисковой выдачи, бот тактично сделает замечание. Практически карманный SEO-специалист, только без зарплаты.
Скорость: было и стало
Скорость — это не только удобство. Яндекс учитывает её в ранжировании, а посетитель с телефона просто закрывает сайт, который грузится дольше нескольких секунд. Мы замерили главную страницу старого и нового сайта одним и тем же способом.
из 100 по Google Lighthouse
из 100 по Google Lighthouse
секунд до появления первого экрана
секунд до конца загрузки страницы
мегабайт скачивает посетитель
файлов и сторонних скриптов
Замеры 27 октября 2026 года, главная страница, медиана трёх запусков. Оценки, главный блок, вес и запросы — Google Lighthouse 12, тот же движок, что у PageSpeed Insights, с имитацией телефона и мобильного интернета. Полная загрузка — Chrome без кэша на обычном интернете. Старый сайт сейчас открыт на bitrix.vogood.ru: это тот же сайт на 1С-Битрикс и тот же хостинг.
Откуда такая разница? Старый сайт тянул больше двухсот файлов: скрипты CMS, виджеты обратного звонка и чатов, счётчики и шрифты с двух десятков чужих серверов. Новый загружает 14 файлов — и все со своего сервера. Картинки в WebP, никаких тяжёлых библиотек, а Метрика подключается, только когда посетитель согласился на cookie.
Чек-лист приёмки и запуск
Принимать свой сайт строже, чем клиентский, — дело чести. Мы прошлись по тому же чек-листу, по которому сдаём проекты клиентам, и нашли, конечно, кое-что:
- если в браузере не загрузился скрипт, часть контента оставалась невидимой — теперь сайт показывает всё в любом случае;
- на телефоне длинные слова в цифрах первого экрана вылезали за край;
- старые статьи встречали нас заголовками в стиле «Все Слова С Заглавной».
Запуск состоялся 27 октября. Не в пятницу вечером, как любят киношные стартапы, а во вторник утром, когда все на связи. План был расписан по шагам, с проверкой после каждого.
Старый сайт мы не удалили: он живёт рядом, закрытый от поиска. Если бы что-то пошло не так, вернуть его можно было за 5–10 минут. Не понадобилось. После переключения проверили все адреса, формы и аналитику и отправили тестовую заявку — она пришла и на почту, и в Telegram.
На чём сделан сайт и как им управлять
Без «движка». У сайта нет CMS вроде 1С-Битрикс или WordPress. Страницы собираются из готовых блоков, программная часть написана на PHP, а данные хранятся в компактной базе SQLite. Нет движка — нет плагинов, которые надо бесконечно обновлять, нет лицензии, которую надо продлевать, и нет типовых дыр, которые боты ищут по всему интернету.
Где живёт. Сайт размещён на российском хостинге Beget. Весь код лежит в закрытом репозитории на GitHub: каждое изменение сохраняется с историей и через 2–3 минуты само оказывается на сайте. Никакого «залей файлик на сервер и молись».
Админка — в Telegram. Привычную админ-панель с логином и паролем мы решили не делать. Вместо неё — Telegram-бот, которым могут пользоваться только те люди, которым мы выдадим доступ. Всем остальным бот вежливо, но твёрдо отказывает.
Новая заявка прилетает сразу после отправки формы. Статусы, комментарии, напоминание через два часа, если заявку никто не взял, и сводка по понедельникам.
Поменять цену — пара сообщений. Новая цена сразу появляется везде: на странице услуги, в каталоге, в карточках.
Статью можно прислать текстом или файлом Word с картинками. Кейсы и услуги бот собирает по шагам и присылает предпросмотр.
Каждое изменение записывается, и любую правку можно откатить одной кнопкой. Счастливый конец для любой опечатки.
Как мы делали бота. Сначала написали подробное техзадание: какие кнопки, какие шаги, что бот отвечает в каждой ситуации и чего ему делать нельзя. Потом собирали по частям и проверяли каждую на тестовом сайте: сначала заявки, потом цены, потом статьи, кейсы, услуги и отрасли. Перед выкладкой каждый сценарий проходит автоматическую проверку: бот «понарошку» публикует материал, а мы смотрим, всё ли встало на свои места.
Безопасность: а если взломают? А если сами сломаем?
Хороший сайт не тот, который никогда не ломается. Таких не бывает. Хороший — тот, у которого на каждый «а если…» есть готовый ответ. Детали защиты мы, сами понимаете, не раскрываем, но о принципах расскажем.
- нет движка и плагинов — нет и самой частой причины взломов;
- управлять сайтом можно только из Telegram-аккаунтов, которым мы выдали доступ. Нет пароля — нечего подбирать;
- браузеру разрешено выполнять только наши собственные скрипты и Яндекс Метрику. Чужой код, даже если его как-то подсунут на страницу, просто не запустится;
- служебные файлы, база и ключи спрятаны и из интернета недоступны;
- доступы выданы по принципу «ровно столько, сколько нужно»: даже автоматика, которая выкладывает код, не может прочитать базу с заявками.
Если что-то сломалось
| Что случилось | Что делаем | Сколько времени |
|---|---|---|
| Неудачная правка через бота | Откатываем её кнопкой в журнале | Секунды |
| Сломали код | Возвращаем любую прошлую версию из GitHub — там вся история | Пара минут |
| Пострадала база | Берём вчерашнюю копию: сайт делает её сам каждый день и хранит за две недели | Минуты |
| Худший случай: взломали хостинг | Поднимаем сайт на чистом месте из GitHub и свежей копии базы | Часы, а не дни |
Для сравнения: после взлома сайта на CMS обычно приходится искать и вычищать заражённые файлы по всему сайту и гадать, всё ли нашли.
- сбой у хостинга — сайт недоступен, пока хостинг его не починит;
- перебои с Telegram. Заявки при этом не теряются: они сохраняются на сайте и приходят на почту, а в Telegram сайт досылает их, как только связь вернётся;
- совсем новый тип страниц (не статья, не кейс, не услуга) через бота не создать — это уже задача для разработчика.
Спам без капчи
Вы тоже выбирали светофоры на картинках и сомневались, считается ли краешек столба? Мы тоже. И каждая такая головоломка — минус заявка. Поэтому капчи на сайте нет вообще, а спам отсекается тихо и незаметно:
- в форме есть ловушка, которую видят только боты. Заполнил — сам себя выдал;
- сайт замечает, если форму «заполнили» быстрее, чем это физически возможно для человека;
- есть лимит на число заявок с одного адреса и в целом за короткое время;
- заявку принимают только с нашего же сайта.
Живой человек ничего из этого не замечает: заполнил форму, нажал кнопку — заявка ушла. Без светофоров.
Зачем вообще делать сайт с помощью ИИ
Правки и переделки. А вот тут самое вкусное. На классическом сайте фраза «давайте переделаем этот блок» означает задачу программисту, очередь и счёт. И часто ответ «движок так не умеет». Здесь мелкие правки мы делаем сами через бота, а крупные — новый раздел, переделка блока на всех страницах, новая фишка — занимают часы. Пока шла работа, мы десятки раз меняли отступы, анимации и порядок блоков сразу на всех страницах одного типа — и ни разу не услышали это страшное «не умеет».
Удобство. Telegram есть у всех, проходить курсы по новой админке не нужно. Поменять цену можно с телефона, стоя в пробке. (Мы не призываем, но такое бывает.)
Сколько стоит владеть таким сайтом
| Статья расходов | В год |
|---|---|
| Хостинг и домен | около 5 000 ₽ |
| Лицензия CMS | 0 ₽ — её просто нет |
Для сравнения: лицензию 1С-Битрикс нужно продлевать каждый год, иначе сайт перестаёт получать обновления безопасности. А если заниматься сайтом самому не хочется — есть техподдержка от 36 000 ₽ в месяц: следим за безопасностью, обновляем документы при изменении законов, вносим правки.
Компьютер, планшет, телефон — и тёмная сторона
Адаптивную вёрстку мы не «подгоняли» в последний день, а проверяли на каждом этапе: компьютер, планшет, телефон. На телефоне у сайта своя нижняя панель с двумя главными кнопками — «Проверить сайт» и «Обсудить проект». Меню раскрывается разделами, таблицы цен превращаются в карточки, а форму удобно заполнять одним пальцем.
Потяните ползунок: слева светлая тема, справа тёмная.
Наведите курсор на меч в шапке — придёт «входящее сообщение». На каждой стороне Силы своё:
Фишки, которые стоит потрогать самому
- живой градиент на первом экране: переливается сам по себе и тянется за курсором;
- «текучие» кнопки, которые словно перетекают вслед за мышкой;
- иллюстрации направлений, которые оживают при наведении;
- переключатель темы — световой меч: синий на светлой стороне, красный на тёмной. Со звуком и голографическим сообщением. Да, мы проверили: нажать один раз невозможно;
- если в настройках телефона или компьютера включено «уменьшить движение», анимации и звук вежливо выключаются.
Идеала не существует (и это отлично)
Сайт запущен, но работа над ним только начинается. Идеала не бывает, а мне всегда будет хотеться что-нибудь переделать. Для примера: пока мы писали эту статью, я успела превратить переключатель светлой и тёмной темы в световой меч и поменять иконку сайта во вкладке браузера. А что придёт в голову завтра — не знаю даже я.
Но кроме «творческих» правок есть и по-настоящему важные: тексты, смысловые конструкции страниц, порядок блоков. И в этом главная сила подхода: всё это можно менять на ходу, не останавливая сайт и не теряя заявок. Ближайшие недели мы будем наблюдать:
- что показывает Яндекс Метрика: откуда приходят люди и на каком шаге уходят;
- куда кликают, а какие кнопки старательно обходят стороной;
- какие страницы приводят к заявке, а какие просто читают;
- что говорят клиенты, которые пришли с нового сайта.
Получим обратную связь — внесём правки, чтобы заявок стало больше. И расскажем об этом здесь же, уже с цифрами. Заходите в гости через пару недель: скорее всего, что-то уже будет по-другому.
