Feel_the_war

Створення інтерактивного сайту Feel The War. Feel the War: інтерактивний сайт-хронологія війни в Україні

Feel the War: інтерактивний сайт-хронологія війни в Україні

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

https://feel.solardigital.com.ua/

Ідея

З перших днів вторгнення ми активно допомагали ЗСУ та волонтерам, але хотіли приносити більше користі на інформаційному фронті. Нам прийшла ідея реалізувати створення сайту для документування воєнних подій, який перетворив би розрізнені новини на єдину емоційну розповідь. Так з’явився проєкт Feel the War, покликаний показати світу, як це — бути в епіцентрі трагедії.
Ця розробка веб-платформи про війну стала нашим способом залучити глобальну підтримку. Ми об’єднали факти та візуальні свідчення в англомовний ресурс, щоб кожен іноземець міг відчути реальність подій в Україні. Проєкт слугує не просто архівом, а живим нагадуванням про те, що боротьба за свободу триває щодня.

16590064130.gif

Підготовка

Ми проаналізували величезний обсяг новин і розробили концепцію, в основі якої лежить візуалізація хронології війни онлайн. Ми розділили сторінки сайту за місяцями, щоб відвідувачі могли легко знайти конкретні дати. Наприкінці кожного блоку додано офіційну статистику, яка наочно демонструє масштаб трагедії.
Продуманий UX/UI дизайн для інтерактивної хроніки дозволив перетворити сухі цифри та факти на зрозумілу розповідь. Така структура допомагає користувачу не просто переглядати контент, а глибоко аналізувати події, співставляючи дані та відчуваючи історію кожного етапу оборони України через зручний і емоційний інтерфейс.

Контент

Етап створення контенту включав збір інформації та сторітелінг. Ми відібрали масштабні новини з офіційних джерел і підібрали до них достовірні медіаматеріали. Таким чином, сайт для збереження історичної правди наповнився перевіреними фактами, які ми систематизували для емоційної та логічної розповіді.
Така ретельна робота перетворила ресурс на повноцінний онлайн-проєкт про воєнну історію, де кожна подія підкріплена релевантними доказами. Нашим завданням було послідовно презентувати розповідь про боротьбу України, з чим команда Solar Digital успішно впоралася, створивши глибокий і аргументований контент для міжнародної аудиторії.

Реалізація

Основними кольорами на сайті були обрані червоний, чорний і білий, що дозволило створити строгий і драматичний UX/UI дизайн для історичного онлайн-проєкту. Емоційний аспект подій підкреслюється візуалами та анімаціями, при цьому нам вдалося вдало поєднати текст і медіа у пропорції 50/50.
Професійна розробка інтерфейсу для мультимедійного проєкту велася у Figma, а для реалізації складних переходів і анімацій був обраний сервіс Readymag. Такий технічний стек дозволив передати всю глибину історії, створивши інтуїтивно зрозуміле та візуально потужне середовище, яке утримує увагу користувача на кожному етапі розповіді.

war
war2
war3
war4

Місія

Головною місією проєкту є збір коштів на допомогу країні, тому особливу увагу було приділено сторінці підтримки. Наш інтерактивний портал про війну в Україні мав не лише інформувати, а й давати конкретний інструмент для допомоги. Після грандіозного збору на «Байрактари» від Фонду Притули питань не залишилося — ми інтегрували саме цей фонд.
Продумана онлайн-платформа для історичної пам’яті дозволяє відвідувачу пройти шлях від співпереживання до дії. Ми створили прямий міст між вивченням трагічних подій і можливістю зробити свій внесок у перемогу, перетворюючи кожного читача з пасивного спостерігача на активного учасника підтримки України.

Результат

У нас вийшов унікальний ресурс, який вперше зображає історію з такого ракурсу. Завершене створення інтерактивного сайту хронології війни в Україні дозволило привернути широку увагу: лише за тиждень проєкт зібрав 4400 унікальних відвідувань і отримав активну підтримку серед українських зірок.
Ця веб-платформа для аналізу подій війни показала високу ефективність — понад 400 користувачів перейшли на сторінку Фонду Притули для здійснення донатів. Нам вдалося перетворити суху статистику на живу розповідь, яка знаходить відгук у аудиторії та стимулює міжнародну спільноту до реальної допомоги.

Статистика
5

експертів на проєкті

3

місяці роботи

500+

зібраних медіа матеріалів

5000+

відвідувачів веб-сайту протягом двох тижнів

Нагороди та згадки

Awwwards

Honorable Mention

2022

CSS Light

Featured of the Day

2022

BestCSS

Site of the Day

2022

CSS Reel

Site of the Day

2022

CSS Design Awards

Special Kudos

2022

Design Nominees

Site of the Day

2022

Web Awards UA

3d place

2022

Технології та фреймворки
Подібні проекти
Хочете такий або схожий проект?