Про проєкт
Digital State UA — перша державна медіаплатформа, ініційована Міністерством цифрової трансформації України. Проєкт репрезентує цифровий бренд України на глобальному рівні, висвітлює інновації у сферах GovTech, IT та Tech і формує імідж сучасної технологічної держави.
Завдання
Створити платформу, яка стане єдиним вікном для міжнародної аудиторії та презентуватиме реальні кейси цифрової трансформації України.
Розробка
Створили систему управління сайтом, яка об’єднує всі напрями проєкту Digital State UA в одному просторі. Тепер на сайті можна зручно переглядати новини, проєкти, інформацію про партнерів, а також цитування в медіа.
Швидкодія сайту реалізована через концепцію Single Page Application informer icon (SPA) . Браузер завантажує лише ті частини, що змінюються, тоді як незмінні елементи: стилі, шрифти, хедер, футер або навігацію — залишає без повторного завантаження.
Технічне рішення
Для розробки сайту ми використали Remix — сучасний фреймворк, що базується на вебстандартах і забезпечує швидку, стабільну роботу навіть при високому навантаженні. Він дозволяє ефективно керувати маршрутизацією сторінок, динамічним контентом і кешуванням, тож сайт завжди залишається швидким.
Файли, зображення й документи зберігаються у S3-compatible хмарному сховищі, яке можна масштабувати й підключати до будь-якого проєкту через API. Це гарантує гнучкість у розвитку цифрової екосистеми Digital State UA.
Технологічний стек
- Kubernetes
- Laravel
- Node.js
- React
А що всередині?
Published! — медіаплатформа для швидкого запуску новинних та контентних сайтів, яка побудована з акцентом на оптимізацію роботи редактора, щоб зменшити час створення контенту.
Базовий функціонал державного сайту
Інтуїтивна платформа для управління контентом
Автоматичне типографування контенту
Безпека та моніторинг дій
Гнучка систему розподілу прав та доступу до платформи
AI-помічники та агенти
Нативна підтримка мультимовності
Підтримка мультимовності
Мультимовність інтегрована в Published!, тож переклади зручно створювати й оновлювати прямо в адмін-панелі. Кожна сторінка сайту може мати ідентичний переклад або змінений контент, адаптований під потреби ринку. Це дозволяє керувати інформацією, наприклад, публікувати різні новини чи формулювання залежно від аудиторії.
Доступність державного сайту
Сайт спроєктували з урахуванням рекомендацій WCAG 2.2 щодо доступності вебконтенту. Інтерфейс адаптований для людей із порушеннями зору, моторики та користувачів, які взаємодіють із сайтом за допомогою асистивних технологій.
реалізували повноцінну клавіатурну навігацію та зрозумілі стани фокусу;
забезпечили коректну роботу зі скринрідерами та іншими асистивними технологіями;
дотрималися вимог до контрастності тексту, елементів інтерфейсу та їхніх станів;
побудували семантично правильну структуру сторінок, щоб контент залишався зрозумілим незалежно від способу взаємодії із сайтом.
Так ми зробили державний цифровий сервіс доступнішим для якомога ширшого кола користувачів.
Крім цього, додали режим підвищеної концентрації, чорно-білу палітру та підкреслення інтерактивних елементів. А ще сайт коректно масштабується й адаптується під індивідуальні налаштування користувачів.
Запуск сайту для держави?
Розкажіть про задачу — Ми тут щоб допомогти!