Techno Logic · прототипы редизайна · июль 2026
Весь контент действующего сайта t-logic.ru пересобран в новую структуру и показан в пяти визуальных языках. Структура и факты во всех вариантах одни и те же — различается подача.
Это рабочие прототипы для выбора направления, а не финальный сайт.
Направления
Каждый вариант построен вокруг одного signature-элемента — той детали, по которой его запоминают. Всё остальное вокруг него намеренно тихое.
Тёмный премиум-минимализм: hairline-границы, холодное свечение, много воздуха.
Гвоздь: живая однолинейная схема питания. Городская сеть пропадает, ИБП подхватывает нагрузку от батарей, ДГУ выходит на режим, сеть возвращается.
Открыть → 02Сайт как консоль диспетчера: панели, моноширинные данные, статусы, sparkline.
Гвоздь: работающая мнемосхема объекта с матрицей 119 дискретных входов. Температура переходит порог, поднимается предупреждение, реле запускает резерв — это то, что делает их собственный модуль БКСТЛ.
Открыть → 03Единственный светлый вариант. Холодный, промышленный, про производство железа.
Гвоздь: БКСТЛ как продукт-герой — техническая элевация модуля 1U в честных пропорциях, с выносками к характеристикам. Так Intel показывает чипы.
Открыть → 04Почти монохром, геометрия, инженерная ясность. Высокий контраст, строгая сетка.
Гвоздь: интерактивный разрез объекта по слоям. Электропитание — фундамент, без него не работает ни один слой выше.
Открыть → 05Тёмная сталь, широкий формат, атмосфера. Про объекты, которые не имеют права остановиться.
Гвоздь: шкала непрерывности. Источник меняется — сеть, батареи, дизель-генератор — а линия нагрузки не прерывается ни в одной точке.
Открыть →Что за компания
Прежде чем рисовать, мы прочитали сайт целиком — все страницы услуг, решений, проектов и новостей — и собрали контент-бриф.
ООО «Техно Лоджик», с 2015 года, Мытищи. Строит ИТ и инженерные системы: ЦОД, бесперебойное питание, климат, СКС, безопасность, диспетчеризацию. Часто выступает генподрядчиком проектов федерального уровня.
БКСТЛ — модуль контроля и сигнализации собственной разработки: 119 дискретных входов, 4 релейных выхода, Modbus/TCP и SNMP, 1U в стойку 19″. И панели ВРМТЛ. Оба изделия работают на Амурском ГПЗ ПАО «Газпром».
Это главный дифференциатор — и он был закопан.ВТБ, Газпром, РЖД, Аэрофлот, Шереметьево (АО «МАШ»), Россети, Норильсктрансгаз, Автодор, ФСК ЕЭС. Уровень доверия, который продаёт сам себя.
Лежал на пятой странице.Диагностика
Шесть проблем, которые чинит новая структура. Это не вкусовщина — каждая мешает посетителю понять, что компания умеет.
Посетитель не понимает разницы между «Поставкой инженерного оборудования» (услуга) и «Системами бесперебойного электроснабжения» (решение). Это одно и то же, разрезанное надвое.
→ Решения отвечают на «что у вас на объекте», полный цикл — на «что мы с этим делаем».БКСТЛ и ВРМТЛ лежат в списке из девяти решений наравне с «мультимедийными системами».
→ Отдельный крупный блок во всех пяти вариантах.Газпром, ВТБ, РЖД, Аэрофлот — на пятой странице, до которой никто не доходит.
→ Подняты в первый экран.Страница вендоров ничего не объясняет: непонятно, что компания с этими брендами делает.
→ Вендоры привязаны к доменам: ИБП — APC, Schneider Electric, Eaton; климат — Daikin; безопасность — Axis, Болид.«Вполне понятно желание каждого предпринимателя контролировать вход в свой офис» — так на сайте написано про СКУД.
→ Переписано в факты, характеристики и имена заказчиков.Сайт не говорит ни про год основания, ни про гарантию, ни про то, что у их модуля 119 входов.
→ Цифры вынесены в первый экран.Структура
Одинаковая во всех пяти вариантах. Порядок блоков отвечает на вопросы посетителя в том порядке, в котором он их задаёт: кто вы такие → кому вы уже это сделали → что именно вы делаете → чем вы отличаетесь.
Процесс
Порядок работы: сначала разобраться в продукте, потом чинить структуру, и только потом рисовать.
Все 21 страница: услуги, решения, проекты, новости, партнёры, контакты. Из них собран контент-бриф — единый выверенный источник фактов, дословно сохраняющий формулировки и характеристики.
Собственное производство и клиенты федерального уровня — два самых сильных актива компании — на сайте практически не видны. Отсюда выросла новая структура.
Linear, Vercel, Supabase, HashiCorp, Grafana, Equinix, Verne, Intel Foundry — язык инфраструктурных и observability-брендов. Он попадает в реальный бизнес компании: Equinix и Verne — дата-центры, Grafana — мониторинг, Intel Foundry — производство железа.
Каждое — вокруг одного signature-элемента, взятого из инженерной сути компании, а не из декора. Один вариант сделан светлым, чтобы линейка не была монотонной.
Адаптив до 360 px, клавиатурная доступность, уважение к prefers-reduced-motion, отсутствие ошибок в консоли. Найденное чинили: в одном варианте схема питания была инженерно неверной, в другом линия нагрузки рисовалась пунктиром и противоречила собственному тезису.
Референсы
Референсы заказчика. Все пять направлений держатся внутри этого ряда — меняется только то, какую его грань берёт конкретный вариант.
Честность прототипов
Прототип, который врёт, невозможно обсуждать. Поэтому несколько правил соблюдались жёстко.
Все цифры, клиенты, проекты и характеристики взяты с действующего сайта. Ничего не додумано «для красоты».
На сайте их не опубликовано — поэтому в прототипах модуль подан сдержанно, без придуманного паспорта изделия.
В варианте «Телеметрия» значения генерируются в браузере. На самой панели об этом написано прямо.
Заявка валидируется и честно сообщает, что это прототип.
Бренды показаны текстовыми плашками — чужие логотипы в прототип не тянули.
Отдаётся с заголовком noindex, чтобы прототипы не попали в поиск по бренду.