iPhone Web Concept Kit

During one of my lunch breaks at work, I came up with a concept for a web application that would be used on the iPhone. I had a difficult time finding an image of the iPhone with the exact dimensions for the screen inside so I took it up myself to make one in Photoshop that could be used for mockup purposes.

Download iPhone Web Concept Kit

If you’re a web developer looking to make a website tailored to the iPhone, you probably already realize how handy this kit could be. So if you want to whip up a mockup, download it. Everything is editable right down to the AT&T text, so I guess if you’re bored and want to modify the iPhone to look red with a different service provider, go nuts.

Contents:

• One zip file containing a PSD

Notes:

• Helvetica is a common font that was used. The iPhone uses it too, so unfortunately if you do not have that font, you’ll either need to buy it or use something similar like Arial as a cheap alternative.
• For those who haven’t used an iPhone, the URL bar doesn’t always stay there, but it’s nice to have when presenting.
• For more information on designing web content for the iPhone, please check the Apple Developer Connection page.