GovTech Ocean

Відкрийте всі GovTech-рішення в Україні на одному веб-ресурсі

#гомін для держави
GovTech
брендинг&UX/UI дизайн
розробка вебсайту

GovTech Ocean — це перша в країні аналітична онлайн-платформа, яка дозволяє ознайомитись з усіма українськими GovTech-рішеннями в одному місці. Вона дає змогу побачити повну картину розвитку GovTech-екосистеми України: від національних цифрових сервісів до муніципальних рішень. Цей інструмент створено Global Government Technology Centre Kyiv за підтримки швейцарсько-української програми EGAP, яку впроваджує Фонд Східна Європа.

Головна ціль проєкту: 

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

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

Маяк проєктів

Це інформативно-інтерактивний блок на головній сторінці сайту. Завданням було розмістити всі проєкти України (250 проєктів) в один блок. Роподілити їх за сферами реалізації і за часовою шкалою (2014-2025 роки).

Викликом було спочатку проаналізувати запит клієнта з ідеєю маяка і корала. Далі було завдання запропонувати інший варіант. У результаті нашої спрівпраці з клієнтом, фінальним варіантом обрали ідею з маяком і мостом.

Проєкти GovTech

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

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

Також доступна покрокова форма «Запропонуйте нове рішення GovTech», яка заохочує відвідувачів вносити власні ідеї.

Фільтр проєктів

Функціонал фільтрації дозволяє швидко знайти потрібні ініціативи за різними критеріями. Користувач може відфільтрувати проєкти за:

  • роком запуску (2014–2024),

  • сферою діяльності,

  • власником (знайти за назвою або кодом структури),

  • рівнем охоплення (від глобального до муніципального),

  • потрібним напрямом у технологіях, використаних у проєкті.

Аналітика в режимі реального часу

Блок аналітики візуалізує широкий і динамічний ландшафт цифрових рішень, які рухають публічний сектор України вперед. Тут користувач може ознайомитися з цифрами, графіками та діаграмами, що дозволяють побачити, як розвивається GovTech-екосистема країни.У сі елементи аналітики — інтерактивні: користувач може навести курсор, щоб побачити деталі, порівняти показники або відфільтрувати дані.

Веб-доступність (WCAG)

WCAG (Web Content Accessibility Guidelines) — це міжнародний стандарт доступності контенту. Для проєктів у сфері GovTech, де мова йде про сервіси державного рівня, запровадження WCAG є не лише ознакою якості, а й питанням державної відповідальності та рівних людських можливостей. На платформі Kyiv GGTC ми реалізували функції, які дозволяють кожному користувачеві адаптувати інтерфейс під свої потреби. Зокрема, на сайті можна налаштувати вигляд:

  • розмір тексту для зручного читання;

  • відступи між літерами для людей із дислексією або втомленим зором;

  • колірну схему для коректного контрасту;

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

Як ми співпрацювали?
1
Аналіз і задачі
Ми розпочали з глибокого аналізу потреб клієнта та розуміння головної мети — створити веб-платформу, яка не лише презентує державні технологічні рішення, а й дозволяє досліджувати їх через аналітику, взаємодію та участь.
2
Дизайн та UX/UI-концепція
Завдання полягало в тому, щоб «намалювати» проєкт із нуля. Дизайн має поєднувати державну ідентичність із сучасною цифровою естетикою.
3
Фронтенд та бекенд розробка
Ми реалізували кастомне рішення, щоб максимально точно передати запит клієнта. Архітектура сайту включає аналітичну панель, форму подачі проєктів, а також інтерактивні графіки, що відображають статистичні дані за різними параметрами.
4
Інтеграції та підтримка
Додатково було інтегровано Google Analytics, який відстежує активність користувачів у реальному часі, а також віртуального чат-бота Botstar, що допомагає відвідувачам швидше знаходити потрібну інформацію та взаємодіяти з платформою.

А що по технологіях?

Вебсайт розроблено на базі Laravel та React (Next.js), що дозволяє ефективно поєднати серверну логіку з динамічним інтерфейсом і забезпечити безпеку проєкту. 

А що у результаті?

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

bird
Д
а
в
а
й
т
е
п
о
г
о
в
о
р
и
м
о
п
р
о
в
а
ш
п
р
о
є
к
т
?