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

Some parts of this portfolio may currently appear slightly inconsistent or unfinished across certain screen sizes, as I’m actively updating and refining the experience.
New case studies, responsive improvements, and additional content are being added continuously. Thank you for your patience. 😊