Project case study
80x80: Our Voices, Our Future
A high-engagement, gamified survey platform designed to empower voices while ensuring accessibility and data integrity. Built with Next.js 16, Firebase, and Framer Motion.
Overview
80x80 is an innovative, gamified survey application that transforms traditional data collection into an interactive journey. Designed with an 'Accessibility First' philosophy, it features dynamic font scaling, high-contrast modes, and a reactive micro-game to maintain user engagement while ensuring data integrity.
The challenge
The challenge was to create a platform that could handle complex longitudinal tracking and diverse user needs while maintaining a high level of engagement. This required a sophisticated blend of game mechanics, accessibility features, and robust data management.
Implementation highlights
- Gamified experience with streak counters and leveling systems
- Reactive 'Bubble Game' integrated to reduce survey fatigue
- Accessibility toolbar with dynamic scaling and high-contrast support
- Multiple data export formats: JSON, CSV, and formatted Text
- Real-time persistence with Firebase Firestore
- Advanced analytics dashboard for longitudinal tracking
Outcome and retrospective
80x80 successfully bridges the gap between traditional data collection and modern user experience expectations, proving that surveys can be both fun and functional.