Щоб підготувати план веб-сайту і орієнтовний бюджет

Введіть свої контакти

Я погоджуюсь із політикою обробки персональних даних

Конфіскаційний трекер російських активів

 

Вступ

Проєкт Confiscation – це інтерактивна платформа, яка відстежує заморожені та конфісковані активи росії та її колаборантів. На головній сторінці одразу подані ключові цифри: втрати України через війну, обсяг заморожених активів та сума вже конфіскованого майна; під цими даними розміщено тезу про те, що команда трекера «моніторить конфіскацію активів країни‑агресора та ділиться цим з вами». Дизайн головної сторінки створює ефект інфографіки: навігація проста, контрастні шрифти та інтерфейс адаптовано до української та англійської мов.


Завдання

  • Створити аналітичну платформу з різними типами контенту: інтерактивною мапою, новинами, аналітикою та рейтингом країн.

  • Забезпечити асинхронне завантаження даних (карти, новин, аналітики) без перезавантаження сторінки.

  • Реалізувати адаптивний дизайн: відображення даних у вигляді графіків і карт на різних пристроях.

  • Побудувати удобну адміністративну панель для наповнення сайту, зокрема керування країнами, рейтингом, новинами й аналітичними матеріалами.

  • Інтегрувати пошук і фільтри за роками, країнами, тегами та типами матеріалів.


Ключові модулі

 

Динамічна інфографіка на головній

На стартовому екрані відображається три ключові показники:

  1. Втрати України – сума завданої шкоди (у валюті),

  2. Заморожені активи росії та партнерів,

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


 

Інтерактивна мапа світу (повністю на нативному JS)

Серце сайту — інтерактивна мапа, створена без будь-яких бібліотек (ні Leaflet, ні D3). Уся логіка та графіка реалізовані вручну за допомогою Canvas / SVG-маніпуляцій у чистому JavaScript.

Можливості карти:

  • Переміщення та масштабування світу через drag & zoom.

  • Підсвічування країн відповідно до їх статусу:
    🔵 ініціатива в процесі, 🟡 заморожено, 🟠 розробляється механізм, 🔴 конфісковано.

  • Клік по країні відкриває поп-ап із деталями: короткий опис, сума активів, посилання на повну сторінку.

  • Кожна країна має власну URL-адресу (/country/<code>), тож її можна ділитися напряму.

  • Анімація підсвічування та плавна навігація створюють ефект живої глобальної карти санкцій.

Карта не використовує готові бібліотеки, а базується на власних геоданих (GeoJSON-моделі, оптимізовані для мінімальної ваги).


 

Рейтинг країн

Нижче карти є таблиця «Рейтинг країн», яка розділена на вкладки «Державні активи» та «Приватні активи». У таблиці перераховані країни з сумами конфіскованих або заморожених активів; користувач може розгорнути рейтинг і побачити більше записів. Це дає змогу швидко порівнювати активність різних держав у питаннях конфіскації.


 

Новини

Розділ новин побудований у форматі блогу; стрічка підвантажується асинхронно. Для зручності читачів додані фільтри за роками та країнами (два випадаючі меню під заголовком «Новини»).
Кожна новина має картинку, заголовок, короткий опис, позначку країни та дату публікації. Під час прокрутки сторінки нові публікації завантажуються без перезавантаження (інфініт‑скролл). Це дозволяє читати контент без відриву, а AJAX‑фільтри миттєво оновлюють стрічку.


 

Аналітика

На сайті є окремий розділ «Аналітики» з великою кількістю досліджень. На сторінці доступні фільтри «За роком» та «За тегом».
Кожен матеріал виглядає як міні‑дослідження з обкладинкою, заголовком, коротким вступом та датою. Клік переносить на повну статтю з внутрішньою навігацією. Статті можна сортувати та поєднувати з проектами, тому аналітика пов’язана з тематичними напрямами. Завдяки асинхронному завантаженню сторінка швидко обробляє запити.


 

Додаткові модулі

  • Фінансова аналітика: підрахунок сум конфіскованих активів за державними й приватними активами.

  • Мультимовність: сайт доступний українською та англійською (перемикач мов у шапці).

  • Адмін-панель: кастомізований інтерфейс для менеджерів сайту з можливістю керувати країнами, рейтингом, записами новин та аналітикою.

  • Візуальна узгодженість: стильні кольори та шрифти, унікальна анімація при завантаженні індикаторів.


 

Висновок

Confiscation.com.ua – це не просто інформаційний сайт, а комплексна платформа, що поєднує інтерактивну карту, аналітичні дослідження та новини у сфері санкцій. Асинхронні стрічки, гнучкі фільтри та інтелектуальний пошук забезпечують користувачеві швидкий доступ до даних про заморожені та конфісковані активи. Завдяки зручному адмініструванню команда може оперативно оновлювати дані, а гнучка архітектура на Django та чистому JavaScript гарантує високі показники швидкодії і надійності.


Посилання на сайт 🔗

Привіт! Це ми

Команда Porada

Популярні питання

Faq

Як чітко обрати й узгодити бажаний формат свого сайту?

Часто недосвідчені розробники прагнуть роздобути клієнта будь-якою ціною і замислюються про створення сайту вже постфактум. В результаті і студія, і ви в процесі роботи отримуєте безліч проблем, яких можна було б уникнути, якщо обговорити план дій спочатку. До таких проблем, наприклад, належать: зриви термінів розробки; позапланове збільшення бюджету; невідповідність кінцевого продукту вашим першочерговим очікуванням.
Професійні розробники одразу повинні описати основні етапи розробки сайту, скласти технічне завдання (ТЗ) і спроектувати карту проєкту (прототип)

Якщо ви ще не прийшли до розуміння, який саме тип сайту потрібен для вашого проєкту, то остерігайтесь ситуації, коли студія намагається продати дорожчий сайт, ніж того потребує ваш бізнес. Наприклад, у галузі виготовлення будь-чого на замовлення (скажімо, диванів, дзеркал, дизайну інтер'єрів) не завжди доцільно створювати інтернет-магазин. Буває цілком достатньо розробити сайт-візитку з контактними формами і прикладами робіт.
Буває й навпаки, коли у вас широкий асортимент товарів, не варто очікувати, що клієнти почнуть вам телефонувати, просто побачивши довільні продукти в фотогалереї сайту-візитки. Адже в таких випадках асортимент повинен бути представлений належним чином.

Є дуже простий спосіб визначити формат потрібного сайту. Вбийте в гугл-пошуку назву свого товару/послуги зі словом "купити". Відкрийте перші 5 сайтів і вивчіть їхній формат та структуру. У 80% випадків вам знадобляться аналогічні рішення.

Чи оформляється договір?

Звісно! Ми оформляємо договір перед розробкою.

Чи зможу я впливати на вигляд свого сайту?

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

Чи використовуються шаблони?

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

За потреби ми можемо взяти HTML-шаблон або інший сайт як візуальний орієнтир, але не як готову копію. Це може допомогти швидше погодити стиль, композицію чи загальну логіку сторінок.

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

Як технічно буде розроблено сайт?

Сайт може бути створений на українській платформі Shopcore або як індивідуальний проєкт на Django framework. Shopcore підходить для лендінгів, багатосторінкових сайтів та інтернет-магазинів і дозволяє реалізувати сучасний сайт з адмін-панеллю, гнучкою структурою, каталогом, товарами, SEO-налаштуваннями, аналітикою та можливістю подальшого розвитку.

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

Натисніть кнопку, щоб обговорити ваш проєкт

Прорахувати проєкт