К содержанию
Юрий ТелицинIn English

Все работыКонцепт

Vatt

Учёт и снижение энергопотребления офисных зданий

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

Next.js · React · TypeScript

Vatt: первый экран на компьютере
Vatt: первый экран на телефоне

Задача

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

Дальше по странице

Vatt на компьютере, дальше по странице, кадр 1Vatt на компьютере, дальше по странице, кадр 2Vatt на компьютере, дальше по странице, кадр 3
Vatt на телефоне, дальше по странице, кадр 1Vatt на телефоне, дальше по странице, кадр 2

Как устроен сценарий

  1. Прожить сутки здания

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

  2. Остановить потери

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

  3. Оценить своё здание

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

Ключевые решения

  • Фильм показывает, текст объясняет

    Шесть сцен — обычный текст страницы, который отдаёт сервер. Трёхмерное здание загружается после первой отрисовки, а без WebGL или в режиме экономии трафика его заменяют готовые кадры. История читается одинаково на любом устройстве.

  • Одна модель нагрузки для всех чисел

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

Следующая работаKern 75Запуск небольшой партии алюминиевых клавиатур