Telco Group — IT-инфраструктура и облачные решения

Одностраничный корпоративный сайт компании, которая строит дата-центры, NOC/SOC, системы кибербезопасности и слаботочные системы. Собран на Next.js вокруг панели состояния систем и четырёх групп решений.

Открыть сайт
Обзор
Клиент
Telco Group MMC — IT-инфраструктура, кибербезопасность и облачные решения, Баку (Chinar Park BC)
Роль
Frontend & Full-Stack разработка — информационная архитектура, система компонентов, панель состояния и анимация счётчиков, производительность и деплой.
Стек
Next.js · TypeScript · Tailwind CSS
Дата
февраль 2026
Языки
1 — AZ
Задача

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

Что входит в сайт
  • Панель состояния систем в первом экране: процент аптайма, число заблокированных угроз, активные облачные ноды и время отклика
  • Анимация сменяющегося слова в заголовке — перебирает направления работы компании в одном предложении
  • Четыре пронумерованные группы решений, каждая со своим подсписком: Data Center & Security, Building Management & Security, Electrical & Mechanical, корпоративное IT-обеспечение
  • Более двадцати пяти конкретных названий систем — от серверов и хранилищ до BMS и видеостен
  • Три блока специализированных услуг: сетевая инфраструктура, кибербезопасность, облачные сервисы
  • Блоки статистики, отсчитывающие значения с нуля при появлении на экране
  • Четыре показателя доверия в первом экране: гарантия аптайма, число защищённых серверов, поддержка 24/7, сертификация ISO
  • Раздел логотипов вендоров-партнёров
  • Призыв к консультации и полные контактные данные в конце страницы
Технические решения
01

Надёжность нужно показать, а не написать

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

02

Двадцать пять услуг, четыре группы

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

03

Конкретные названия сохранены

Вместо общих формулировок вроде «сетевые решения» на сайте названы FortiNAC, BMS, IP-телефония, дизельные генераторы, структурированные кабельные системы. Это именно те слова, которые ищет человек, принимающий техническое решение; общие формулировки не находятся в поиске и не создают ощущения экспертизы. Маркетинговый язык здесь вредит.

04

Одна страница, потому что покупателей мало

Компаний, заказывающих дата-центр, немного, и решение принимают несколько человек. Для такой аудитории важнее не многостраничная навигация, а полная презентация в одной прокрутке: проблема, группы решений, техническая глубина, показатели доверия, контакты. Посетитель видит всю аргументацию, ни разу не открыв меню.

05

Статистика отсчитывается с нуля

Цифры анимируются от нуля до целевого значения в момент появления на экране. Это не декоративный эффект: движение притягивает взгляд к числу и фиксирует информацию, которую посетитель иначе пролистал бы. Статично напечатанная цифра остаётся на том же месте незамеченной.

06

Изображения через next/image

Логотипы вендоров и фоновые изображения масштабируются и отдаются в современных форматах через next/image. Даже простая лента логотипов без оптимизации задерживает первую отрисовку на мобильном соединении — а на сайте компании, продающей инфраструктуру, медленная загрузка прямо противоречит её собственному сообщению.

Результат

Сайт работает с февраля 2026 года. Собственный домен компании (telcogroup.az) пока не подключён, поэтому сайт размещён по адресу Vercel — после подключения домена изменится только адрес, содержание и структура останутся прежними.

Расскажите о проекте — обычно отвечаю в тот же день.

Nurlan Qadirov — Baku, Azerbaijan