Сайт склада Формат сайта: панель оператора

Ярус: сайт склада в Перми в виде панели оператора складской системы

Демо-сайт вымышленного складского оператора «Ярус» в Перми, устроенный как панель складской системы: модули слева, поиск с палитрой команд, плитки статуса, таблицы и вкладки. Внутри калькулятор хранения и 14 статей для владельцев товара.

Открыть проект Обсудить проект

Задача

Половина звонков начинается с одного и того же: сколько стоит хранить сотню паллет и чем аренда отличается от ответственного хранения. Хочется, чтобы сайт отвечал на это сам, считал стоимость, приводил клиентов из поиска и чтобы логист находил на нём нужное так же быстро, как в своей складской программе.

Что сделали

Панель оператора: модули слева, палитра команд по Ctrl+K, плитки статуса
Калькулятор хранения: паллеты или м², температура, срок, операции
14 статей в четырёх рубриках под запросы из подсказок Яндекса и Google
37 страниц по 82-104 КБ, Lighthouse на телефоне 96-100

Сайт устроен как складская система, потому что логисты в ней работают

Клиент склада это логист или владелец товара, который каждый день сидит в WMS. Ему быстрее найти нужное в привычной раскладке, чем листать лендинг. Поэтому «Ярус» выглядит как панель оператора. Слева колонна модулей с буквами рядов: 00 Обзор склада, A Аренда, B Хранение и услуги и дальше до G Контакты. У открытого модуля раскрыты его страницы с адресами ячеек вроде B-01.

Ctrl+K, Cmd+K на Mac, «/» или клик по полю поиска сверху открывают палитру команд: посчитать стоимость, оставить заявку, позвонить, разделы, статьи и частые вопросы. Стрелки выбирают, Enter открывает, Esc закрывает.

Обзор склада: плитки статуса и вкладки

Главная это обзор. Плитки «Склад сейчас» показывают свободные паллетоместа, занятые доки, отсечку отгрузок, приёмку за день и температуру тёплой зоны. Они подписаны как демо-данные, цифры меняются раз в 2,6 секунды, кнопка «Пауза» их останавливает. Отсечка 14:00 считается по настоящему времени в Перми. Ниже вкладки разделов. Стрелки влево и вправо переключают их, адрес меняется на /#ceny, и такую ссылку можно отправить. У внутренних страниц под заголовком липкая строка вкладок по разделам.

Под панелью обычный сайт

Каждая страница отдаётся готовым HTML со своим адресом, title и описанием. Без JavaScript панель становится документом: поле поиска ведёт к карте сайта в подвале, вкладки главной превращаются в ссылки на разделы, которые идут подряд, плитки показывают значения сборки. Скрипт панели один на весь сайт, 3,7 КБ в gzip, и запускается после первой отрисовки. На телефоне колонны нет: модули открываются кнопкой «Модули», поиск стоит во всю ширину, плитки идут по две.

Lighthouse на телефоне на всех 37 страницах после перехода на панель: производительность 96-100, остальные оценки 100.
LCP 1,5-1,8 с, CLS 0, страница весит 82-104 КБ.

14 статей под вопросы из поиска

По узким пермским запросам вроде «аренда склада пермь» подсказок мало, по общим складским вопросам их много. Поэтому основной поисковый трафик такому сайту дают статьи: 14 текстов по 1 300-1 800 слов в четырёх рубриках, темы из подсказок Яндекса и Google. Среди целевых запросов «аренда склада или ответственное хранение разница» и «классы складов таблица». Факты сверены в октябре 2026 года по главам 47 и 48 ГК РФ, 402-ФЗ, ФСБУ 5/2019 и 28/2023 и ГОСТ 33757-2016, в конце каждой статьи источники.

Склад выдуман, нормы настоящие

«Яруса» нет. Компания, корпуса, тарифы и значения плиток придуманы для демо, на каждой странице написано, что заказы не принимаются. Калькулятор и форма работают в браузере и ничего не отправляют. Изометрические схемы склада остались. Как собирается такой проект, написано на страницах сайт для фулфилмента и сайт транспортной компании. Соседний пример: фулфилмент «Рольганг» в Подольске.