Кейс

Isobar

Isobar запускає власну погодну модель над вітровими станціями, аеродромами, портами й фестивальними полями. Сайт мав показати ідею одним рухом: ти починаєш у небі над регіоном і опиняєшся в одному квадраті 250 метрів.

Проєкт: Isobar — прогноз погоди для конкретної локації
Галузь: Погода / AI-прогнозування
Обсяг робіт: Вебдизайн · Розробка · Анімація
Технології: HTML, CSS, vanilla JS, Canvas 2D
Рік: 2026

Isobar — Погодна компанія, яка прогнозує кожну локацію окремо: сітка 250 м, оновлення кожні 15 хвилин.

Огляд

Від усього неба до одного його квадрата.

Завдання

Більшість прогнозів бачить вітрову станцію чи аеродром як точку в квадраті 9 км. Isobar ділить цей квадрат на 1 296 менших і оновлює їх щочверть години. Сторінка мала відчуватися як наближення, а потім довести це живими цифрами.

Що ми зробили

Перший екран — політ крізь хмари, що прокручується разом зі скролом. Тонкі лінії рейки й горизонту тримають заголовки, а потім відриваються і стискаються навколо однієї клітинки. У небі відкривається піксельна діра, і сторінка падає в чисту блакить, де чотири сценарії пропливають повз лінійку з поділками. Далі сторінка стає тихою: одна картка показує клітинку 250 м на фото локації і криву прогнозу на 12 годин, яку можна прогортати курсором. Частина над порогом тривоги стає червоною, а один рядок каже, коли піде сповіщення. Потім кроки, що малюють лінію під скрол, чотири цифри на тлі хмар, питання, коротка форма і вордмарк на всю ширину.