Photo Bingo

A IOX bingo experience for groups using playful visual and interaction design.

TEAM

Mark Ethan, Hong Yu Wong

TIMELINE

5 Weeks

KEY SKILLS

  • Prototyping + Interaction Design
  • Visual Design
  • Game Design

TOOLS

  • Figma
  • Prototype
Initial Brief Image
INITIAL BRIEF

Create a shared experience centered around the camera.

FIG-2
FIG-3

We came up with a ton of ideas, but ultimately chose photo bingo because…

🚀

Potential as end-to-end solution vs. photo app feature

💡

Opportunity to improve a classic icebreaker game

FIG-4
KEY INSIGHT

Address bonding pain points for both organizers and attendees.

FIG-5

Organizing is no easy feat

Agendas are hard to stick to

Poorly explained activities confuse attendees

"Just attending" isn't hands-off

Disengaged players affect group

People need nudges to interact

REVISED BRIEF

Can we turn classic bingo into an IOX digital experience?

FIG-6

Establishing design principles

🚀

Approachable

Easy to create, explain, and play

💡

Connective

Details encourage interaction

🎮

Playful

Delightful, unique interactions

Creating a self-managed, playful photo bingo game.

Nailing the core interaction

Pacing the game

Game creation for organizers

Preview UI
Share code

Post-game experience

THE PROCESS

Explored visual, motion, game design in parallel

Process Image 1
Process Image 2
Process Image 3
DESIGN DECISIONS

Key challenges, decisions, and insights.

4x4 Grid Design

📏

Impact on pacing & touch interaction

4x4 Grid Design

Board-Camera Interaction

📸

Prompt legibility, confirmation, hierarchy

Board-Camera Interaction

Power Card Mechanic

Balance fast vs. slow players

Power Card Mechanic 1Power Card Mechanic 2 (Mario Kart reference)

Removing Leaderboard

🏆

Show key moments, not rankings

Removing Leaderboard