Skip to main content
Use Case3 min read

3D Digital Business Cards Swing on a Ribbon

A digital business card that hangs on a ribbon and swings when dragged. Links sit in a fixed dock, and the URL keeps working after you hand it out.

By Franco Cirulli

Updated

Share

You meet someone at a stand and they hand you a paper card. It goes in a coat pocket, then a drawer. By the time you find it you have forgotten which conversation it came from. The same thing is happening to your card in someone else's drawer. A link does not fail that way. It only fails if what opens on the other end is not worth the tap.

The card hangs on a ribbon and swings when they drag it

A lanyard project in i3Dify is a card on a ribbon, rendered in 3D. It swings into place when the page loads, then settles and waits. Drag the one below. It moves on its physics, and when you let go it comes to rest on its own. That is what arrives when you send the link, on any phone, with nothing to install.

Live demo

Three seconds decide what stays on the card face

The constraint is the paper one. Someone should know who you are before they decide whether to keep looking. What changes is that everything else can sit one tap away in the dock, so the face of the card stays quiet.

  • Your name and one line of what you do: Drop the job title if the title explains nothing to a stranger. The line is there to make the next question obvious.
  • A face or a logo: For solo work, use the face. The card is portrait, so a head and shoulders shot fills it edge to edge where a logotype leaves most of it empty.
  • One primary link, first: Usually a portfolio, a booking page or LinkedIn. Whatever sits first in the dock is the one that gets pressed, so choose it deliberately.
  • A way to book you, not only to contact you: A scheduling link or a number that dials on tap closes the gap between someone being interested and someone being on your calendar.

Every other project type in i3Dify takes hotspots, markers you place on the artwork itself. Lanyard is the one type that does not. The reason is physical. The card is a swinging object, and a marker pinned to a moving surface is a target the viewer has to chase with a thumb.

So the links live in a floating dock instead. It is a row of buttons that stays put while the card moves, each button an external URL or a modal, with optional zoom controls next to them for anyone who wants to read the small print on the card. You set it all up in the Menu tab. The dock is fixed and the card is not, which is the whole reason it stays tappable one-handed.

A portrait image frames cleanly, a landscape one does not

Upload your card artwork in the Content tab, or generate one and adjust it from there. The card is taller than it is wide. A portrait image fills it edge to edge. Whatever is left over around your image gets painted with the card background color, which is why you set that color close to your design and the seam stops being visible.

Texture offset X and Y slide the image on the card, texture scale zooms it, and the ribbon color is a single field in Settings, dark navy until you change it. Keep the important content away from the edges. The card has thickness, the edges can clip, and a name cropped in half is worse than a name set smaller. The field-by-field version of all this is in the lanyard documentation.

A duplicated design becomes a badge per attendee

A conference badge is the same object with a different job: a card on a ribbon with a name on it. Build the branded one once. Then duplicate the project and swap the card image per attendee, with dock links pointing at the agenda, the venue map, or the wifi details. For a hybrid event, print the same design and put a QR on the physical badge that opens the digital one. The step-by-step version is in the digital event badge use case.

What a link does that paper cannot is change after you hand it out. New role, new links, new design, same URL, and everyone holding it sees the current version. The card you gave away in March is not stuck in March.

Make a lanyard card and share the link.

Frequently Asked Questions

What does a digital business card cost?

Nothing on the free plan, which covers 3 projects and 50 MB of storage. Free cards carry a small i3Dify pill in the corner, and there is no way to switch that off on free. Pro is 3 dollars a month, removes the branding, and adds a custom domain and analytics.

Can I share it as a QR code?

Yes. Every card has a permanent URL, and a QR code generated from that URL works on printed cards, stickers, table displays or a laptop lid. The link also drops into an email signature or the chat during a video call.

Does the recipient need an app?

No. It opens in any browser, on a phone, a tablet or a computer. No install, no account, and the card starts swinging on load.

Can I update it after sharing?

Yes, and it is the main structural advantage over paper. Change your role, your links or the artwork and everyone holding the link sees the current version. The URL never changes.

What can I put on it?

The card face takes one portrait image, which is your name, photo or logo and one line about what you do. Everything else goes in the dock as link buttons: LinkedIn, portfolio, calendar, email, phone, anything with a URL.

Does it work with NFC?

Not natively. You can program a cheap NFC sticker or tag with the card URL, which gives you tap-to-share without commissioning custom NFC cards.

Can I make different cards for different audiences?

Yes, and you should if you serve distinct markets. The card you send a tech startup is not the card you send a local business, and 3 projects on the free plan covers a few variants.

#lanyard#business card#networking#events#personal brand
Share

Ready to create your own 3D experience?

Transform your content into immersive 3D experiences in seconds.

Create Business Card