Do you know your democracy Game
Project Role and involvement
UX/UI Design, Interaction Design, React Development
Tools
Figma, React.js
Project Description
Know Your Democracy is a React-based educational game designed to make democracy, civic participation and media literacy more engaging for young people. The challenge was to make formal civic topics feel approachable without oversimplifying them or turning learning into reward-only entertainment.
Key Design/Development Directions
The UX uses gamification to lower the psychological barrier to learning. Instead of presenting long explanations first, users progress through worlds, missions and quizzes, learning by making choices and receiving immediate feedback. Points and badges create momentum, but explanations after answers ensure the reward system supports understanding rather than replacing it. I chose short, achievable steps over long content blocks because frequent progress signals reduce the feeling of difficulty and help users stay engaged. The main trade-off was playfulness versus educational credibility, so the interface is intentionally engaging while the learning logic remains structured enough for both individual use and facilitated workshops. Design and React implementation were developed together so interaction ideas could be tested as real behaviour, not only static screens.
Project Outcome
The result is a functional gamified learning experience that turns complex civic topics into a more approachable format for individual learning and facilitated workshops.
Gallery