Перейти до вмісту
Silka

Авіаційні дані2026EN

CrashAtlas

18 243 аварії з 1919 по 2026 рік, нанесені там, де вони сталися, — щоб століття авіаційної історії можна було читати географічно, а не списком.

Відкрити живий сайт
  • Дата-платформа
  • Вебзастосунок
  • Бекенд
  • SEO
  • Підписки
Головна сторінка CrashAtlas із картою авіаційних аварій
Галузь
Авіаційні дані
Тривалість
Триває
Команда
1 дизайнер · 2 інженери
Платформи
Інтерактивна карта · Сторінки архіву · Преміум-тариф · Редакційний розділ

01

Задача

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

Карта і є продуктом, а карта з вісімнадцятьма тисячами маркерів — це водночас проблема продуктивності, доступності та SEO: пошукові системи не читають canvas.

Записів
18 243 аварії, 1919–2026
Зафіксовано загиблих
127 254
Покриття
108 років

02

Рішення

Конвеєр нормалізації зводить різнорідні відкриті джерела до одного формату запису — дата, оператор, тип борта, місце, причина, кількість загиблих — де геокодування й дедуплікація є окремими, перевірюваними кроками.

Карта кластеризує дані на сервері за регіонами й віддає лише те, що потрібно поточній області перегляду, тож переміщення залишається плавним на повному масштабі архіву.

Кожен вимір даних — це ще й звичайні сторінки, доступні для індексації: за країною, роком, авіакомпанією, типом літака, причиною. Карта — це досвід; сторінки — це індекс і запасний варіант, коли карта не завантажилась.

Збір даних
Нормалізація · геокодування · дедуплікація
Карта
Серверна кластеризація, запити за областю перегляду
Індексованість
П’ять програмних вимірів архіву

03

Архітектура

  1. L0
    Відкриті джерелаРізнорідні
  2. L1
    Збір данихНормалізація + геокодування
  3. L2
    PostgreSQLКанонічні записи
  4. L3
    API кластерівЗапити за областю
    Сторінки архівуISR за вимірами
  5. L4
    Інтерактивна картаКлієнт
    Перегляд і пошукКлієнт
    ПреміумПідписки
Зв’язки (7)
  • Відкриті джерела Збір даних
  • Збір даних PostgreSQL
  • PostgreSQL API кластерів
  • PostgreSQL Сторінки архіву · генерація
  • API кластерів Інтерактивна карта
  • Сторінки архіву Перегляд і пошук
  • Перегляд і пошук Преміум · закриті записи
Конвеєр збору наповнює нормалізоване сховище; карта читає кластерне API, архів — статично згенеровані сторінки.

04

UX

Сайтом користуються дві аудиторії: ті, хто шукає конкретну історичну аварію, і ті, хто досліджує закономірності. Карта обслуговує других, сторінки архіву — перших, і за кожним маркером стоїть постійна сторінка.

Стан завантаження карти — не спінер: він пояснює, що робить карта, і веде просто в архів, тож повільне з’єднання ніколи не стає глухим кутом.

Точки входу
Карта для дослідження · сторінки для пошуку
Деградація
Стан завантаження веде в повний архів

05

UI

Тема задає тон: фактично, стримано, без драматизації. Записи подані як архівні картки з можливістю простежити джерело.

Щільність свідома — список найбільших катастроф, статистика та виміри перегляду вміщаються на перший екран ноутбука.

06

Розробка

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

Бібліотека карти винесена в окремий чанк і вантажиться лише тоді, коли до неї доскролили: початкова вага сторінки не залежить від найважчого компонента на сайті.

Преміум-записи закриті перевіркою підписки на сервері, а не в клієнті — пейволл тут не CSS-клас.

07

Що він вміє

  • Інтерактивна карта аварій

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

  • Архів за країнами

    Де аварії групуються географічно — у вигляді індексованих сторінок.

  • Архів за роками

    Як змінюється картина десятиліття за десятиліттям.

  • Архів за авіакомпаніями та бортами

    Записи операторів і типів літаків; повна історія — у преміумі.

  • Архів за причинами

    Повторювані патерни відмов у всьому масиві.

  • Статистика

    Країни, типи літаків, найважчі роки й сумарні показники.

  • Преміум-тариф

    Підписка на рейтинги й повні записи, з перевіркою на сервері.

  • Виправлення

    Структурований шлях для читача надіслати правку до будь-якого запису.

08

Інтеграції та стек

Інтеграції

  • Геокодування
  • Білінг підписок
  • Аналітика
  • Email
  • Моніторинг статусу

Фронтенд

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • Рендеринг карти

Бекенд

  • Node.js
  • PostgreSQL
  • Конвеєр збору даних
  • ISR

Платформа

  • Підписки
  • CDN
  • Моніторинг

09

Що з цього вийшло

18 243
Записів на карті

1919 – 2026

5
Вимірів архіву

Країна · рік · авіакомпанія · борт · причина

Повний архів
Без карти

Сайт працює й без неї

На сервері
Пейволл

Преміум-записи не потрапляють у клієнт

Довідник, а не звалище даних: той самий архів можна досліджувати картою, гортати сторінками й індексувати як століття записів.

Карта аварій CrashAtlas
Інтерактивна карта
Список записів CrashAtlas
Найбільші катастрофи
Перегляд архіву CrashAtlas
Перегляд архіву
CrashAtlas на мобільному
Мобільна версія

Кожен продукт ми проєктуємо під телефон окремо, а не звужуємо десктопну версію.

Є продукт, який давно час зробити?Розкажіть про нього.

Опишіть, що має змінитися у вашому бізнесі. Ми розберемось, що для цього справді потрібно — навіть якщо потрібно менше, ніж здається.