topfoc.usStart a buildklang2
klang2An interactive audio game for the German studio klang2: NFC tags in the real world, audio in the app, and a pipeline for players to add their own.
- Flutter
- NFC
- Django
- App Store
- Client
- klang2
- Role
- Mobile build, backend, design implementation
- Year
- 2020
- Stack
- Flutter · Django · PostgreSQL · NFC
The challenge
The game only works if its physical and digital halves feel like one thing: tap a tag, hear the sound, with no lag and no spinner in between. On top of that, a client design in Figma had to survive translation into code intact, and the content model put the audio in the players' hands rather than the studio's.
The approach
Flutter for one codebase across iOS and Android, with the NFC reader and audio playback driven from the same interaction layer so a tap resolves to sound without a round trip. Django and PostgreSQL behind it, handling users, uploads and game logic. The Figma file counted as the specification. Spacing, type and motion got matched, not approximated.
The outcome
The app shipped and did its job: klang2 entered the German market on it. Players contribute their own audio, so the catalogue keeps growing without the studio, and the feedback that came back was about performance and feel instead of bugs.
What came of it
- 1Shipped to the App Store and carried klang2's market entry in Germany
- 2Pixel-perfect against the client's Figma, screen for screen
- 3NFC reads and audio playback wired into a single interaction loop
- 4User-generated content, so the library grows without the studio