← All work

AR Business Card

An AR business card that triggers a 3D avatar and AI-powered conversation when scanned, blending physical and digital interaction.

Augmented reality business card showing a 3D avatar appearing above a physical card when viewed through a phone camera
Augmented reality business card showing a 3D avatar appearing above a physical card when viewed through a phone camera
Problem

Traditional business cards are static. Could augmented reality make a first impression that's genuinely memorable and interactive?

Results
  • Working WebAR experience triggered by physical card
  • AI-powered voice conversation via ElevenLabs conversational AI
  • No app download required — runs in mobile browser
  • Surface placement mode for demos without the physical card

This one started as a party trick and ended up being one of my favourite small projects. The idea: scan a physical business card with your phone and a 3D avatar of me appears, ready for a real-time voice conversation.

How It Works

The card uses WebAR through AR.js and A-Frame, so there’s no app to download. Point your phone’s camera at the card and the experience loads in the browser. A 3D avatar appears anchored to the card, and you can have a conversation with an AI version of me powered by Google Gemini (with an alternate version running on ElevenLabs for more natural voice synthesis).

Why I Built It

Partly because I could. Partly because AR business cards have been a gimmick for years and I wanted to see if conversational AI could make them actually useful. Instead of just displaying contact info in 3D (pointless), the card becomes an interactive introduction. Ask it about my work, my research, what I’m currently building. It knows enough to be genuinely helpful at a networking event.

The Vibe-Coding Angle

The entire project came together in an evening. WebAR, 3D rendering, real-time voice AI, conversational context — each of these would have been a multi-day project on its own a few years ago. Stitching them together through conversational AI development took hours. It’s the kind of project that perfectly illustrates the compression that vibe-coding enables: ambitious idea to working prototype in a single session. It’s one of many projects documented in Everything I Vibe-Coded This Year.