SleDim Solutions: сайт подрядчика по инфраструктуре дата-центров
Американский подрядчик, который прокладывает оптику, питание и стойки в дата-центрах под задачи ИИ. Продаёт он не метры кабеля, а предсказуемость: 3D-модель зала до монтажа, тестирование сети и обучение команды заказчика.
Инфраструктура дата-центра — работа, которую заказчик не видит: кабель уходит в лоток, стойка закрывается дверью. Продавать её фотографиями монтажа бесполезно — они у всех подрядчиков одинаковые.
Решение при этом принимает не снабженец, а инженер или директор по эксплуатации. Он смотрит, понимаешь ли ты, чем его зал отличается от соседнего, и что произойдёт, если на объекте что-то пойдёт не так.
Значит, сайт обязан звучать инженерно: без маркетинговых прилагательных, по шагам, с внятным описанием того, что и в каком порядке происходит на площадке.
4
услуги, разложенные по шагам работ
5
имён уровня Tesla и Microsoft в одном абзаце
3D
модель зала до начала монтажа
EN
сайт целиком на английском
Первый экран — поле данных, а не серверная стойка
Вместо фотографии машинного зала — уходящая к горизонту сетка светящихся точек. Это образ не оборудования, а самой среды: плотность, порядок, масштаб.
Над ней две строки заголовка — Transforming Your AI DC Experience — и один короткий абзац. Кнопка одна, Get Started. Ни цен, ни перечня услуг на первом экране нет.
Три опоры вместо блока преимуществ
Expertise, Precision, Innovation — по одной строке на каждую. Это тот случай, когда общие слова уместны: они задают тон, а конкретика идёт следующим блоком, в шагах работ.
Карточки лежат прямо на видеофоне — полупрозрачные, с едва заметной рамкой. За счёт этого верх страницы читается как один непрерывный кадр, а не как три отдельные секции подряд.
Услуги разложены по шагам, а не по рубрикам
Step 1 — проектирование инфраструктуры, Step 2 — структурированные кабельные системы, Step 3 — тестирование сети, Step 4 — обучение команды заказчика. Это последовательность работ на объекте, а не меню.
Внутри каждой карточки не текст, а маленький интерфейс: чек-лист проверок, схема «наше решение — ваш стек», диаграмма анализа нагрузки. Инженеру это говорит больше, чем абзац про надёжность.
Step 1 — проектирование зала
Step 2 — структурированные кабельные системы
Step 3 — тестирование сети и целостности
Step 4 — обучение команды заказчика
Имена клиентов вместо стены логотипов
Tesla, Microsoft, Meta, TikTok и xAI перечислены одной строкой внутри абзаца — и там же честно сказано, как именно: через субподряд, партнёрства и предыдущие компании команды.
Это работает сильнее ряда серых логотипов. Формулировка не обещает прямых контрактов, но показывает уровень объектов, на которых люди уже стояли. В инженерном сегменте такую честность считывают сразу.
Неопределённость снимают заранее
На телефоне шаги идут лентой
Первый экран сохраняет видеофон и оба слова заголовка — сетка точек на узком экране читается даже лучше, потому что уходит вертикально вглубь.
Карточки услуг выстраиваются в одну колонку, шаг за шагом, а мини-интерфейсы внутри них не сжимаются в нечитаемую мелочь: у каждого своя строка.
Что получилось
Сайт, который говорит с инженером на его языке: шаги работ вместо рубрик, мини-интерфейсы вместо фотографий монтажа, честная формулировка про клиентов.
Тёмная подача держится на видео, а не на градиентах: сетка данных, машинный зал, жгуты оптики. Ни одного стокового кадра с человеком в каске и планшетом.
Собран на Framer — заказчик получил сайт, который может править сам, без разработчика и релизов.
4
услуги по шагам
5
имён клиентов
5
вопросов в FAQ
EN
язык сайта
Framer
Английская версия
Видео-фоны
Анимации по скроллу
Адаптив
Спрашивают чаще всего
Почему сайт собран на Framer, а не написан кодом?
Потому что заказчику нужен был быстрый запуск и возможность править сайт самому, находясь в другом часовом поясе. Framer даёт и то и другое: анимации по скроллу, видеофоны и адаптив собираются без разработчика, а страницы редактируются мышью. Когда проекту понадобится каталог, личные кабинеты или интеграции, платформа перестанет тянуть — вот тогда имеет смысл писать сайт с нуля, как мы делали для Casa Laya и Bagence.
Почему сайт только на английском?
Потому что заказчик работает на американском рынке и его клиенты — операторы дата-центров в США. Русская версия здесь не нужна, а формулировки в вопросах и заголовках подобраны под те запросы, которые эти люди набирают в поиске: structured cabling, network testing, data center infrastructure.
Почему в кейсе ссылка на версию на Framer?
Сайт передан заказчику, и он развивает его дальше своими силами — это нормальная жизнь проекта. Чтобы кейс оценивали по нашей работе, мы показываем и открываем ту версию, которую собрали сами.
Сколько стоит такой сайт?
Тёмный англоязычный сайт с видеофонами, анимациями по скроллу и блоком услуг считается по объёму: сколько разделов, есть ли готовые тексты и съёмка, нужны ли внутренние страницы под каждую услугу. Напишите — посчитаем по вашей задаче.
Живые сайты, а не картинки в презентации
Команда Reut Art
сегодня
Здравствуйте, я владелец компании
производим входные двери
хотел обратиться за редизайном
Здравствуйте, Евгений!
Конечно, наша команда займется этим
Начнем обсуждение вашего лучшего проекта?
Подписаться на рассылку
Согласен получать письма о новых работах и статьях и на обработку персональных данных
Reut Art
ReutArt © 2026
ИП Реут Артём Юрьевич · ИНН 910402081314 · ОГРНИП 320911200026247