Волонтерський проєктVolunteer project · Education · Gamification · 2022
КартаUkraine України.Map. За три місяці.Three months.
Рання весна 2022-го. Маленька волонтерська команда і велика ідея — зробити освітній інструмент, яким цікаво було б вивчати Україну: дітям, вчителям і тим, хто раніше нічого про неї не знав. Early 2022. A small volunteer team and a big idea — build something that made learning about Ukraine actually interesting: for kids, teachers, and people who knew nothing about it yet.
ПроєктProject
Освітня.
Інтерактивна.
Волонтерська.
Educational.
Interactive.
Volunteer.
Ідея виникла у перші тижні повномасштабного вторгнення. Люди по всьому світу хотіли зрозуміти Україну краще — де вона, які є регіони, чим живе кожен з них. Ми хотіли їм допомогти. The idea came in the first weeks of the full-scale invasion. People around the world wanted to understand Ukraine — where it was, what regions it had, what made each of them different. We wanted to help with that.
Я була лід-дизайнером і єдиним дизайнером у команді. Відповідала за весь UX і UI: від стратегії до готового інтерфейсу, від першого брейфу до запуску. I was lead designer and the only designer on the team. Owned the full UX and UI: from strategy to final interface, from first brief to launch.
- 01 Дати можливість вивчати географію, культуру і історію України в цікавий і запам'ятовуваний спосіб — для дітей, вчителів і іноземців. Make it possible to learn Ukrainian geography, culture, and history in a way people would actually remember — for kids, teachers, and foreigners.
- 02 Зробити одночасно освітнім і туристичним: щоб і школяр знайшов щось нове, і іноземець — зрозумів країну. Make it work as both education and travel guide: something a school kid could discover new things in, and a foreigner could use to actually understand the country.
- 03 Запустити швидко — поки це актуально. Волонтерський час не нескінченний. Ship fast — while it still mattered. Volunteer time isn't endless.
ПроцесProcess
Від ідеї до запуску.
Паралельно з усім іншим.
From idea to launch.
Alongside everything else.
Конкурентний аналізCompetitive review
Освітні ігри, вікторини, географічні атласи — де діти залишаються, де губляться. Витягнули три інсайти. Educational games, quizzes, geography atlases — where kids stay, where they get lost. Three insights came out of it.
Тиждень 1–2Week 1–2
Тиждень 2–3Week 2–3
Ідеація і флоуIdeation & flow
Чотири варіанти структури — від простої карти до повноцінного квесту. Залишили один: карта → факти → вікторина → бейдж. Four structure options — from a plain map to a full quest. One survived: map → facts → quiz → badge.
Контент і архітектураContent & architecture
Глибинний ресерч по кожному регіону: офіційні джерела, енциклопедії, географічні довідники. Жодного факту без перевіреного першоджерела. Deep research on each region: official sources, encyclopedias, geographic references. Nothing went in without a verified source.
Тиждень 3–6Week 3–6
Тиждень 6–10Week 6–10
UI і взаємодіяUI & interaction
Динамічна карта зі станами (не досліджено / в процесі / завершено), сторінки регіонів, вікторина. Колірний фідбек без червоного — щоб не лякати дітей помилками. Dynamic map with states (unexplored / in progress / done), region pages, quiz. Color feedback without red — so kids wouldn't get scared of making mistakes.
Тестування двічіTesting twice
5 учасників: двоє дітей 9 і 12 років, троє дорослих. Перша ітерація показала проблеми з ієрархією. Після другої — навігація стала очевидною. 5 participants: two kids aged 9 and 12, three adults. The first round exposed hierarchy problems. After the second, navigation became obvious.
Тиждень 10–12Week 10–12
Один маршрут.
Для всіх трьох аудиторій.
One path.
For all three audiences.
UI і тестуванняUI & testing
Грайливо.
Але не
хаотично.
Playful.
But not
chaotic.
Типографіка мала бути читабельною для дітей і не виглядати дитячо для дорослих. Кольорова палітра — синій, золотий, білий — відсилала до прапора і водночас залишалась нейтральною для будь-якого контексту. Typography had to be readable for kids without looking childish to adults. The palette — blue, gold, white — referenced the flag but stayed neutral enough to work in any context.
Колір-кодування у вікторині: правильна відповідь — синій, підказка — золотий. Жодного червоного — щоб не лякати дітей помилками. Color coding in the quiz: correct answer — blue, hint — gold. No red anywhere — so kids wouldn't associate mistakes with failure.
Помилка — це не кінець. Підказка з'являлась одразу, і людина могла спробувати ще раз. Без штрафів, без втрати прогресу. A wrong answer wasn't the end. A hint appeared immediately and you could try again. No penalty, no lost progress.
Після першого тестування переробили ієрархію на сторінці регіону — люди не розуміли з чого починати. Скоротили анімації на мобайлі. After the first round of testing, we rebuilt the hierarchy on the region page — people didn't know where to start. Trimmed animations on mobile.
Дванадцятирічна дівчинка відкрила сторінку регіону і одразу натиснула на вікторину — минаючи всі факти. Тоді ми зрозуміли: факти мають бути частиною шляху до вікторини, а не окремою вкладкою. A twelve-year-old opened the region page and went straight to the quiz — skipping all the facts. That's when we knew: facts had to be part of the path to the quiz, not a separate tab.
Карту запустили.
Вона жива.
The map launched.
Still going.
Команда з чотирьох людей, нульовий бюджет, волонтерський час — і готовий продукт точно у дедлайн. Four people, zero budget, volunteer hours — and a finished product, on time.
Вчителі ділились посиланням у педагогічних спільнотах. Без жодного рекламного посту. Teachers shared it in education communities without any promotional push.
Зацікавились адаптацією карти як офіційного цифрового освітнього інструменту. Showed interest in adapting the map as an official digital education resource.
Дизайн може
робити справжні
речі.
Design can do
real
things.
Я отримала підтримку від людей, які волонтерили свій час: ресерч, копірайтинг, ілюстрації. Але весь UX і UI — від першого вайрфрейму до фінального пікселя — проєктувала я. I had help from people volunteering their time — research, copywriting, illustrations. But all the UX and UI, from the first wireframe to the final pixel, was mine.
Цей проєкт нагадав мені навіщо я займаюсь дизайном. Маленька команда, спільна мета — і щось реальне: нагадування що освіта може давати допитливість і трохи гордості за свою країну. This project reminded me why I do this. Small team, shared goal, something real at the end — a reminder that education can make people curious and a little proud of where they're from.