Client / Environment:
ZHdK
Type:
Web Design
Period:
June 5, 2025
How:
Figma, Rive, React
Mobile Web App for table tennis in Switzerland with focus on gamification. [More coming soon]
"How can we add a digital layer to casual table tennis without disrupting social habits"? This is what Laurin Waller and I covered for our bachelor thesis in Game Design at ZHdK in 2025. The answer to that question is KingPong.
Everything was built with modular systems that allowed us to quickly swap out individual components and iterate over many different design versions, from the components for the character's arms, eyes, and accessories to the buttons, widgets, and menus in the user interface. The design system was built with only four shades per color, each with two sets of transparency. This com- pact style guide allowed us to create a sense of depth and hierar- chy just by nesting multiple components on top of each other.
Mobile Web App for table tennis in Switzerland with focus on gamification. [More coming soon]
"How can we add a digital layer to casual table tennis without disrupting social habits"? This is what Laurin Waller and I covered for our bachelor thesis in Game Design at ZHdK in 2025. The answer to that question is KingPong.
Everything was built with modular systems that allowed us to quickly swap out individual components and iterate over many different design versions, from the components for the character's arms, eyes, and accessories to the buttons, widgets, and menus in the user interface. The design system was built with only four shades per color, each with two sets of transparency. This com- pact style guide allowed us to create a sense of depth and hierar- chy just by nesting multiple components on top of each other.
What:
Web Design
How:
Figma, Rive, React
When:
June 5, 2025
Client / Environment:
ZHdK