Закрити меню

Місце спротиву — Азовсталь

Гру 08 2025 Published by under

Місце спротиву: цифровий простір пам’яті, створений для Державної архівної служби України

Місце спротиву — Азовсталь

UX UI WebDesign WordPress DigitalMemory
content image
Назва проекту
Місце спротиву — Азовсталь
Дата

Про ініціативу

«Місце спротиву — Азовсталь» — це онлайн-платформа, присвячена героїзму захисників Маріуполя та обороні Азовсталі.

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

content image

Мета сайту 

Команда siteGist мала створити платформу «з нуля», яка:

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

Дизайн, що говорить мовою стриманості

У проєкті ми шукали візуальну мову, що поєднує емпатію, лаконічність та глибину.

Тому дизайн заснований на:

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

Архітектура та UX-рішення

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

Основні UX-рішення включають:

  • зручну систему категоризації для різних типів архіву;
  • адаптивний перегляд документів, фото і відео;
  • інтерфейс, у якому немає нічого зайвого — тільки інформація і сенси;
  • швидку навігацію для глибоких матеріалів;
  • доступність (WCAG 2.0).

Проєкт у деталях — структура сайту

Про проєкт

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

Про проєкт

Матеріали проєкту

Документи, фото та відео відкриваються у зручному перегляді, зберігаючи стриману подачу. Архів зроблено так, щоб користувач міг читати, розглядати, переглядати матеріали без втрати поваги до теми.



Матеріали проєкту

Інфраструктурні об’єкти

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

Інфраструктурні об’єкти

Життєпис Азовсталі

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

Життєпис Азовсталі

Новини

Оновлення, події, презентації, релізи. Розділ підтримує сайт у «живому» стані — показує, як тема пам’яті продовжує розвиватися та залишатися актуальною.

Новини

Доступність (WCAG 2.0)

Ми впровадили сучасні стандарти вебдоступності, щоб пам’ять була доступна кожному.

Сайт підтримує:

  • зміни контрастності;
  • масштаб тексту;
  • навігацію з клавіатури;
  • інклюзивні UX-рішення для різних категорій користувачів.
content image

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

Коментарі Вимкнено до Місце спротиву — Азовсталь

Київ ІнтерАктивний

Тра 06 2025 Published by under

Веб платформа. Інтерактивна мапа Києва XX ст.

Київ Інтерактивний

Історія. Digital Humanities
content image
Назва проекту
Київ ІнтерАктивний
Дата
2019-2020

Технічні завдання проекту

  • Створення платформи “Інтерактивного Києва” – цифрового фундаменту для подальшого ґрунтовного дослідження міста в рамках цифрової історії.
  • Підготовка карти 1916 року та накладання її на сучасну карту Києва.
  • Підготовка та обробка даних для відображення на карті Києва.
  • Розробки інтерактивної мапи, яка містить інформацію про різні місця та об’єкти дореволюційного Києва на основі геоінформаційної системи ArcGIS.
  • Інтеграція story-telling.
  • Обробка та візуалізація даних.

Досягнуті результати

  • Створено онлайн карту на основі ArcGIS з нанесеними маркерами різних типів, натиснувши на які можна переглянути інформацію про це місце чи будівлю, та пов’язані з цим дані.
  • Застосовано та реалізовано формат сторітелінгу для описів історії Києва 1916 року.
  • Панель фільтрів, що допомагає відфільтрувати пошуковий запит за категоріями, темами, сферами життя.
  • Створений сайт адаптивний для мобільних пристроїв.
  • Створений сайт в врахуванням вимог доступності для людей з особливими потребами – рівень “Accessibility” – 93/100 .
image
image
image
image

Інтерактивна карта

Інтерактивна онлайн карта є основним знаряддям роботи з матеріалами проекту Київ Інтерактивний.

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

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

Окремим шаром нанесена стара карта Києва 1916 року.

content image

Коментарі Вимкнено до Київ ІнтерАктивний

HREC – створення сайту

Тра 06 2025 Published by under

дизайн та створення сайту для консорціуму вивчення та освіти про Голодомор канадського інституту студій Університету Альберти

HREC

освіта дослідження історії digital humanities
content image
Назва проекту
HREC
Дата
2020

Завдання проекту

  • Редизайн представлення цифрових копій історичних матеріалів про Голодомор в Україні.
  • Свідчення, публікації, ресурси про Голод в Україні 1932 -33 рр.
  • Налаштувати зручну навігацію матеріалами проекту, пошуку, врахувати стандарти доступності WCAG 2.0.
content image

Досягнуті результати

  • Повністю оновлено структуру та дизайн сайту.
  • Cпрощено доступ до матеріалів чи посилань на джерела інформації.
  • Головна сторінка представляє минулі та сучасні події, присвячені вивченню та висвітленню Голодомору в Україні.
  • Розділ Grands & Opportunities представляє щорічні гранти та підтримку вивчення подій Голодомору науковцями з усього світу.
  • Створено зручну адміністративну систему для наповнення та ведення сайту.
content image

Коментарі Вимкнено до HREC – створення сайту

Next »