Social Kung Fu

A gamified mobile learning platform that teaches students verbal self-defense through structured skill progression inspired by martial arts philosophy.

Role and scope
Owned UX and UI across student, teacher, and parent flows. Designed the gamification architecture, warrior dashboard system, belt progression model, and mobile design system. Led testing with students and collaborated with psychologists and educators to align mechanics with developmental principles.

Context

The goal was to make verbal self-defense feel like a skill students actively train, not a lecture they passively consume.

Younger users are deeply motivated by progression systems and character development. Instead of positioning lessons as "anti-bullying content," we reframed the experience as personal growth through mastery.

I drew inspiration from learning platforms such as Duolingo, adapting habit-forming progression mechanics to a communication training context. At the same time, the martial arts belt system provided a culturally grounded structure for advancement.

Problem

• Traditional anti-bullying education struggles with engagement
• Communication skills feel abstract and hard to measure
• Younger users disengage when content feels moralizing
• Schools and parents need measurable progress without overexposing students
• Sensitive content must build the student up rather than punish them
• The challenge was designing gamification that reinforces growth and identity rather than competition or pressure.

Key contributions

• Designed a "Warrior Dashboard" that reframed learning as character progression
• Introduced HP, DEF, and XP mechanics to translate soft skills into visible growth
• Built a belt progression system inspired by martial arts ranking to reinforce mastery
• Designed a map-based level structure to visualize advancement
• Structured lesson flows combining video, reflection, and applied scenario quizzes
• Created role-specific dashboards for students, teachers, and parents
• Conducted usability sessions with students to refine tone, clarity, and motivational balance
• Built a cohesive mobile-first design system tailored for younger users

Outcome

Delivered a practice-based learning experience that makes communication skill-building feel like upgrading yourself.

Selected visuals