Портал послуг

Kyiv Services Portal – це офіційний портал-агрегатор міських послуг, створений для мешканців Києва та всіх, хто користується онлайн та офлайн сервісами столиці. Його головна мета – об’єднати в одному місці всі онлайн та офлайн-послуги, зробивши їх зручними й зрозумілими для кожного користувача



Задача

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


Початок проєкту

Проєкт реалізовувався у тісній співпраці з ГІОЦ, Kyiv Digital та міжнародними партнерами. Агенція Public Digital з Великої Британії курувала дизайн-процеси та консультувала нас на основі власного досвіду роботи з сервісами Gov.uk. Окрему роль відіграла команда Bloomberg, яка стала головним консультантом проєкту. Loza Studio взяла на себе ключову частину роботи – UX та UI дизайн, Frontend-розробку на Nuxt.js, Backend розробку та створення адміністративної панелі на React, а також сервіс-дизайн і розробку бізнес-процесів нових цифрових послуг


Планування та розробка

Робота почалася зі стратегічних воркшопів і трьохгодинних зустрічей, що відбувалися двічі-тричі на тиждень з партнерами. Ці сесії стали платформою для обміну досвідом між командами. Public Digital ділилися напрацюваннями Gov.uk, Bloomberg окреслювали стратегічні цілі, а ми адаптовували отриманий досвід і інформацію під задачі, які нам поставила адміністрація міста. Після етапів знайомства та проведення планування стартувала місячна фаза концептуальної роботи, під час якої ми створювали вайрфрейми, макети, прототипи та майндмапи, а також прописували всі можливі тестові сценарії та гіпотези. Кожен крок проходив через регулярні рев’ю від команд-менторів, інтервʼювання та тестування з користувачами, аби забезпечити повну синхронізацію між усіма учасниками та отримати потрібний результат





Дизайн

В основі дизайну ми обрали три ключові принципи: мінімалізм та чистота, чітка інформативна структура блоків на сайті та ідеальна адаптивна візуалізація й дотримання стандартів WCAG

Інтерфейс мав бути зрозумілим і легким, але водночас відповідати бренд-айдентиці Kyiv Digital, дотримуватись стандартів WCAG 2.0 та бути адаптопаним під всі типи користувачів і представників різного віку і статі. Було розроблено понад двадцять дизайн-коцептів візуалізації сайту та дизайн-системи головної сторінки та екранів послуг. Коли фінальні версії було обрано, ми створили високодеталізовані макети всіх екранів в Figma, а також адаптиви для всіх типів мобільних пристроїв

На основі отриманого дизайну ми створили інтерактивний клікабельний прототип всього проєкту. Його протестували реальні користувачі, і відгуки підтвердили зручність рішеннь та UX гіпотез. В цьому процесі ми тісно співрацювали з дизайнерами команди ГІОЦ та відповідали за візуальну та користувацьку частину, а дизайн-команда партнера реалізовувала процеси інтервʼювання та дослідження. Після цих етапів знадобилося внести кілька дрібних допрацювань в досвід і дизайн-стадія завершилась


Розробка та запуск

З технічної точки зору портал побудований на сучасному стеку. Frontend реалізований на Nuxt.js, що забезпечує швидке завантаження, SSR і SEO-оптимізацію. Backend написаний на React із зручною адміністративною панеллю, яка дозволяє керувати контентом та оперативно додавати нові сервіси

Архітектура проєкту була спроєктована з урахуванням високих навантажень, масштабованості й безпеки

Запуск Kyiv Services Portal отримав висвітлення в українських медіа, новинних каналах та журналах по всій країні, як приклад сучасного й зручного рішення для жителів столиці. Сьогодні портал щотижня обслуговує понад двадцять тисяч користувачів і ця кількість стабільно зростає




Результат


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