Making an Online Business Card

 by killerjackalope
IMG_2745.jpg
qr-tester.png
Are you BUSINESS? 

Do you, like me do business? I am so business I needed a business card that was always there so my business associates could do business with me all the time because my business is so business I haven't always time to give them my business card or I'm doing so much business I run out of cards for business and start writing stuff down? That's not business. 

Smartphones! Email! Conference Calls! Spreadsheets! THAT'S BUSINESS.  


So I've cobbled this idea together from a few things, it's all relatively simple and not too hard to follow if you understand basic web design. If you don't I'd suggest reading how to build a website in dreamweaver and how to build a website. 

Though based for mobiles this is a single page with very basic formatting... The idea behind it? A permanent link you can send any smartphone user to, they'll be able to make direct contact from the page. You only need to remember a single link, don't need your card, your phone, a QR code, though it's deliverable by any means. 

Ok so this is only part of the way there. People can get in touch, but it's not a means of saving all the contact details easily. So we add a save contact option. 

The video is a demonstration on Android. I've checked this out and all the functions will work across iPhone, Android, Blackberry and webOS. With java enabled dumbphones and quasi-smart phones a reasonable amount of it should work. 

The basis of most of the functions has been around from the 90's and is well established across mobile browsers, all major 3rd party mobile browsers, along with native ones support this. 
 
Remove these adsRemove these ads by Signing Up

Step 1: Designing your card

b-card-new-master copy.jpg
Open up your favourite image editor... 

I've went with making two 480px wide images, which essentially live as headers and footers... 

The top one is a title/image, it could be a logo or some such with some text beside it. 

Realistically the format's up to you.

The bottom is more important, well in my format, I've included sort of appish buttons for contact options. No it's not amazingly beautiful, to be honest I didn't know if this was going to work at all when I made the card design... 

I've sliced the images up using save for web options in photoshop, you could create all of them individually if you wish. For more on image slicing, have a look at this step in how to build a website with dreamweaver.
Pro

Get More Out of Instructables

Already have an Account?

close

PDF Downloads
As a Pro member, you will gain access to download any Instructable in the PDF format. You also have the ability to customize your PDF download.

Upgrade to Pro today!