Augmented reality business cards

In early 2010, we launched a new version of our website that presented a cool Flash portfolio with spinning “cards,” each displaying a featured project. It’s a quick and easy way to show off our portfolio.

At Scott Design, we’re always looking for cool, new ways to use technology. That’s why we’re excited about a couple of ways we’re using augmented reality in web design.

Augmented reality snowstorm

Our first augmented reality project was built simply for fun. Every year, we create an online, interactive application that we share with our clients during the holiday season. In 2009, we created an augmented reality snowstorm app that uses  a web cam and a “marker” (in this case, the Scott Design logo printed on our holiday cards). When you launch the app, you put yourself in the middle of a snowstorm that you can control with the marker.

If you don’t have the holiday card, you can print out your own marker (PDF) and use that instead.

Augmented reality business cards

sd-biz-card During the process of creating the snowstorm app, we tried out a few other augmented reality ideas that we really liked. We kept those ideas on the back burner, waiting for the chance to use them.

In early 2010, we launched a new version of our website that presented a cool Flash portfolio with spinning “cards,” each displaying a featured project. It’s a quick and easy way to show off our portfolio.

At the same time, we redesigned our business cards to go with the new web look, and we put the augmented reality marker on the back, knowing we would be making some sort of augmented reality app triggered by the cards.

augmented reality portfolio

What we came up with is a version of our portfolio that works with a web cam and the augmented reality marker. If you launch the augmented reality business card and face the back of the business card to the web camera (or print out your own marker and put it in front of the web cam), the portfolio launches. You can move, tilt, and zoom the spinning cards, just by moving the business card in front of the camera.

It’s a great way to turn a regular business card into a 3D portfolio.

11 thoughts on “Augmented reality business cards”

  1. I really give thanks for the great article! I can positively use your beneficial help on further partnerships of our companies. My printing companies in Miami ,FL can use all the advice we can get! We opened approximately four years ago & currently everything is falling into a secure place. By the way, when was this thing written?

    Thanks once more!
    Carl Veliz

  2. Hello, I am looking to create a augmented reality business card, with a slideshow of images and videos of my graphic design portfolio. I have done so many tutorials on using the ARtoolkit but I am not having any luck understanding. Coding hurts my head. How would I display a video or slideshow of images on my business card. I already have a custom marker. Could you help me please? all I need is coding and I can do the printing. How much would it cost for just developing? Thanks

    Have a wonderful day.

  3. I’m looking to develop a business card that I can take a video of myself talking, crop off the background (like a green screen,) and then I can pop out of the marker to update clients and friend of what’s going on in the market of my expertise. I can do everything but the AR code to just play a swf file, and being able to simply upload a new video to override the old one on a server works fine for me.

    How plausible would that be for you?

    thanks,
    John

    1. Hi, John! I spoke with our developer and he said it would definitely be possible, and he’s already done it! Let me know if you’d like us to put together an estimate for you!

  4. Do you have a step-by-step how-to guide on how to create your own augmented reality business card, or something similar? I’m thinking it would be great for small businesses.

    1. If you want to create something similar you would need someone who had a really solid understanding of Flash and Actionscript 3. Our programmer studied programming in school, has 5 or so years professional experience, understands 3d principles, and knows how to build dynamic content based on XML.

Leave a Reply

Your email address will not be published. Required fields are marked *