Проекты - Pixel Battle Arena
E10M1 · PIXEL ARENA

Pixel Battle Arena

Продающий сайт интерактивной светодиодной арены

Запущен, дорабатывается
PLAYER CLASSFrontend & Product Engineer

MISSION BRIEF

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

Конфигуратор считает количество плиток, геометрию поля, площадь и ориентировочную стоимость по размерам помещения или выбранному комплекту.

Интерфейс адаптирован для телефонов и больших экранов, поддерживает клавиатуру, reduced motion, PDF-расчёт и загрузку статей через отдельный сервис.

LOADOUT

JavaScriptViteHTMLCSSjsPDFPythonCeleryResponsive UIAccessibility

SYSTEM MAP

01

Product Showcase

Комплекты, фото, видео и реальные проекты

02

Arena Calculator

Раскладка плиток, размеры и стоимость

03

Lead Flow

Расчёт, контакты и данные конфигурации

04

PDF Export

Оформленная смета со схемой поля

05

Article Service

Подготовка и выдача материалов

BOSS FIGHTS

Корректно считать нестандартное поле без завышения размеров

Размеры округляются по физическому шагу плитки, а алгоритм подбирает целочисленную раскладку и показывает остатки помещения.

Посетитель получает понятную конфигурацию, реальные размеры и проверяемую предварительную стоимость.

Совместить насыщенный B2B-лендинг с быстрым мобильным интерфейсом

Медиа загружаются лениво, сетка калькулятора не создаёт тысячи DOM-элементов, а ключевые действия остаются доступны с клавиатуры.

Калькулятор и каталог удобно использовать на телефоне и на рабочем экране менеджера.

• Работающий калькулятор арены.

• PDF со схемой и расчётом.

• Реальные кейсы и production-домен.

Открыть работающий сервис ↗