Мапа шкіл

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


Про проєкт



До нас звернувся ГІОЦ (Головний ІТ-центр країни) для реалізації проєкту, який слугуватиме основою для всіх інтерактивних мап міста в майбутньому. Це мав бути сайт-вітрина, частина з мапою, побудованою на системі ArcGis та адміністративна панель, через яку модератори будуть заповнювати мапи та додавати обʼєкти на неї



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





Дизайн та розробка



Дизайн проєкту базується на діджитал-айдентиці та дизайн-системі Портала послуг міста Києва, який також створювала наша команда, а також на брендбуці Києва Цифрового. Ми взяли цю основу та створили нову UI-бібліотеку компонентів та стилів, щоб осучаснити наявні компоненти під новий проєкт та адаптувати стилі під мапу, задля кращої консистентності.



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

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

Кожен елемент на мапі має своє вспливаюче вікно, в якому відображається вся інформація про обʼєкт. Також кожен обʼєкт має окрему сторінку, на якій можна побачити весь опис, фото, посилання та контакти (якщо обʼєктом є заклад або організація)





Результат



Меньше чим за місяць задизайнили та розробили MVP-версію порталу з однією категорією (зараз на мапі вже більше чотирьох блоків). Створили вітрину з інформацією про проєкт, збіркою частих питань користувачів та відповідями на них. Розробили інтерактивну мапу з різними типами обʼєктів на них, кожен з яких має превʼю та окрему інформаційну сторінку з детальним описом, зображеннями та посиланнями. Реалізувати адміністративну панель для модераторів та адміністраторів, щоб заповенення контенту, створення нових категорій та обʼєктів було зручним і швидким.

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