Обсудить проект
Бизнес-сайт · Локальное SEO · GEO

Сервисный центр BIOS

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

Проект
sc.bios74.ru ↗
Статус
Работает
Чей проект
Заказ клиента
Год
2026
Что делал
Дизайн · разработка · SEO · аналитика
Стек
Next.jsTypeScriptnginxSEO
Скриншот первого экрана: Сервисный центр BIOS
sc.bios74.ru — скриншотпервый экран

Задача

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

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

Ограничения

  • Семь услуг — семь самостоятельных страниц без дублей текста
  • Node.js на сервере не нужен: только статика
  • Один источник данных для страниц, разметки, карты сайта и llms.txt

Авторская идея

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

Сервисный центр BIOS: внутренний раздел
внутренний раздел — скриншот
Сервисный центр BIOS: мобильная версия
мобильная версия

Почему это так выглядит

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

Решение

Next.js со статическим экспортом: на сервере лежат готовые HTML-файлы, Node в продакшене не нужен. Весь контент и цены живут в одном файле, из него собираются страницы, разметка, карта сайта и сводка для ИИ, поэтому цифры не расходятся между собой.

  • Семь страниц услуг: что сломалось, как идёт ремонт, таблица цен, частые вопросы
  • Schema.org: LocalBusiness с каталогом услуг и ценами, Service, FAQPage, хлебные крошки
  • Ответы на вопросы лежат в HTML, а не подгружаются по клику: их видят и поисковики, и ИИ-краулеры
  • llms.txt и llms-full.txt — сводка сайта для ИИ-поиска, собирается из того же контента
  • Карта и отзывы Яндекса, Яндекс Метрика, IndexNow для быстрого переобхода
  • Страницы заранее сжаты brotli и gzip, шрифты локальные

Результат

Сайт работает в продакшене на sc.bios74.ru. Каждая услуга отдаёт роботу полный текст и цены без JavaScript, контакты на сайте совпадают с карточкой организации в Яндекс Картах. Открыть и проверить можно прямо сейчас.

Похожая задача?

Услуги, в которых применялся этот опыт.