To compete with thousands of iPhone apps in the App Store, having a good app icon is not enough. A nicely designed website for the app is very important. A beautiful website helps to drive traffic in and also makes your app stand out from the crowd. This post showcases a gallery of appealing iPhone app sites and common design trends that I see.

One-Page Format

Almost every app sites are designed in a one-page format with a short descriptive paragraph and a feature list. The writing style is usually simple and straight to the point.

iPhone Image

You probably notice that all app sites use the iPhone image (with either drop shadow or reflection) as their main design element.

Apple App Store Badge

Most app sites prefer to use the App Store badge as the download button. The badge directs the visitors to download the app at the App Store.

Animated Screenshots

All app sites display their app screenshots on the iPhone. Some sites enhance the user experience by displaying automatic slideshow or animation that shows exactly how the app works. With the animation demo, visitors can quickly find out what the app is all about without reading the text. It also makes the site look more entertaining.

Display Pricing

Not all app sites are displaying their price tag, which I think they all should do. It is frustrating when you want to buy something but can’t find the price. Below are some good examples of websites that display the pricing for the app. I find the best spot to place the price tag is by the download badge or the app screenshot.

Important: Identity Guidelines for Developers

If you are planning to use the Apple App Store badge or iPhone image, don’t forget to read the Identity Guidelines for Developers first. Apple reserves the right to withdraw
permission to use the badge or iPhone image if you fail to follow the guidelines.

iPhone App Site Gallery

Tea Round App

screenshot

Tapbots

screenshot

Birdfeed App

screenshot

Atebits – Tweetie

screenshot

Spendly

screenshot

Spiffing App

screenshot

LittleSnapper

screenshot

Magnetism Studios

screenshot

Paraply

screenshot

TapTapTap

screenshot

Confessapp

screenshot

Happy Dangy Diggy

screenshot

Pretty Poo

screenshot

Broadersheet

screenshot

Finger

screenshot

Outpost

screenshot

Classics App

screenshot

Parking App

screenshot

Snow Reports

screenshot

Dig Deep Fitness

screenshot

TweetDeck

screenshot

120 Comments

shadowli
Oct 20, 2009 at 4:07 am

Learning

Mark McCorkell
Oct 20, 2009 at 5:01 am

That Tea Round App looks amusing – with we had that in the office I used to work in!

Chetto
Oct 20, 2009 at 5:05 am

I would buy all of them just because they have great sites!
a+ graphics!

@mikewatkinsweb
Oct 20, 2009 at 5:27 am

Loving this post has given me lots of new ideas for my future apps!

billibala
Oct 20, 2009 at 5:55 am

So happy that you guys like Finger! I am Bill – developer of Finger. I really have to thank the gang @ Beansbox who design the interface and advice on the user experience!

zonovo
Oct 20, 2009 at 6:13 am

should have added some well-designed iPhone game sites on this post.

Ruben Bos
Oct 20, 2009 at 6:56 am

Thanks for this great overview. For our TXXI App we also managed to blend the Android App in our product page. We used the black HTC Hero: TXXI

Adriaan Fenwick
Oct 20, 2009 at 7:15 am

Some good quality design elements in these, I think we all need to take a part of the iPhone product designs into our own work as these really show great quality.

I have an article on my blog about iPhone Splash Screens which goes well with this topic. Let me know if I can drop it in here?

em
Oct 20, 2009 at 7:32 am

not quite up to this standard, but we think we ticked most boxes

Jonno Riekwel
Oct 20, 2009 at 7:40 am

Well, since everyone is doing some shameless self promotion, why shouldn’t I? I’ve made a good looking (if I may say so myself) iPhone website template free to download. I think you guys may like it.

http://jonnotie.nl/templates/iphone/

Get Apps Done
Oct 20, 2009 at 8:26 am

Great post.

Another common element are testimonials or reviews of the app on the website.

venkman
Oct 20, 2009 at 10:14 am

great examples!

I would have nedded a tilted / 3d version of the iphone for http://www.liscon.com but didn’t find any. Even every example here is just 2d from the front but not 3d like at apple’s site. Anyone suggestions how to accomplish a view from the side of the iphone like over here, even if it doesn’t seem perfect http://www.apple.com/iphone/ ? what’s your opinion about that?

Uncommon Design
Oct 20, 2009 at 11:14 am

Apple’s Identity Guidelines are an interesting read. It’s no surprise that they’re strict to the point of absurdity.

“The Apple-provided iPhone image can be displayed only on a white background. Do not place the iPhone image on a black background or on any color or pattern.”

Federico Viticci
Oct 20, 2009 at 12:42 pm

Excellent post,didn’t know a couple of apps you showcased, thank you!

I’ve written a similar post on my blog, about 70 iPhone apps with the best UIs so far, would be happy if you take a look: http://mcstr.es/t/g

Cheers!

Jack
Oct 20, 2009 at 5:56 pm

Beautiful. Very good collection. Thanks

Jonathan
Oct 21, 2009 at 12:47 pm

Nice list… Pretty Poo made me smile. :)

Sarah
Oct 21, 2009 at 5:35 pm

O.o interesting, would be better if I had an iPhone X3

Logo Bliss
Oct 22, 2009 at 3:32 am

Some lovely iphone trends, kinda of predictable with most apps. deep sigh!

BoomSkins
Oct 22, 2009 at 11:21 am

Man, what a great post! Really enjoyed seeing what everyone has been using. I have a feeling like this is going to be a trending topic for a while.

Zohaib
Oct 22, 2009 at 11:31 am

very helpful. Thanks.

floflo
Oct 22, 2009 at 11:54 am

Very nice! I was looking for a collection like this… thanks for this :)

MrGsus
Oct 22, 2009 at 11:56 am

So interesting and nice, congratulations, i coming back!

Best Websites
Oct 22, 2009 at 12:00 pm

Great sites with some great apps. Nice post.

Matthew
Oct 22, 2009 at 12:22 pm

Great! Very nice designs. Need to get myself an iPhone.

Countbiter (Mösenbeißer)
Oct 22, 2009 at 2:51 pm

I’m the countbitter aka der Mösenbeißer in German and I am looking for sweet ladies, to bite their tasty counts! Hey Nick, when you’ve finished your Redisign you could give us the old version ha ha ha ha ha !!!!!!!!!

The Countbiter

Web Design Singapore
Oct 23, 2009 at 9:16 am

Well, all the design are nice but they are quite similar. Sort of a convergence among all the sites.

We could do with more “breaking thro” designs

Batterycentury
Oct 23, 2009 at 10:25 pm

Very nice design and I love black ones most, I think they are kinda of mystery.

mohamed el metwaly
Oct 24, 2009 at 11:40 pm

انا بكره iPhone
i heat iPhone

McCain
Oct 25, 2009 at 1:49 am

I loved Magnetism Studios.

Tim Read: Ripplenet web design
Oct 25, 2009 at 5:03 pm

Thanks for those – its interesting: there are twice as many dark page designs as light; I guess with a pretty phone, you just have to show it off…

Tampa Bay Web Design
Oct 25, 2009 at 5:42 pm

This seems like a very lucritive business. I have been jugling the idea of learning the ropes and going full bore on this plain.

redpepper gel
Oct 26, 2009 at 5:17 am

i like Spiffing App

yilanyagi
Oct 26, 2009 at 5:19 am

shake it and make your tea. very nice

LW6090
Oct 26, 2009 at 5:23 am

i have no car but Parking app is very useful. nice design

Minneapolis Web Design Guy
Oct 26, 2009 at 8:24 am

nice insights, i think the method you go through things is someone everyone should learn if they want to go into the design world. Learn to break thigns down into the obvious and simple, and work from there.

clippingimages
Oct 26, 2009 at 8:31 pm

WoW :) Awesome collection of iphone trends. Thanks for sharing this nice post.

Mana
Oct 26, 2009 at 9:59 pm

I love app websites! :D

DC Limousine
Oct 27, 2009 at 7:38 am

After read this forum I have a lot increase my knowledge about phone. excellent keep it up

car agmes
Oct 28, 2009 at 7:34 am

Great designs. Awesome collection of iphone

Discount Electronics
Oct 28, 2009 at 11:50 pm

Nice & perfect design!

Extra-Jel
Oct 29, 2009 at 7:48 am

nice desings

Minneapolis SEO Guy
Oct 29, 2009 at 3:34 pm

Great resource, thanks.

Montreal Web Design
Oct 30, 2009 at 6:44 am

I can see how I can put this into good use when web designing. Thanks for the information.

Budi
Oct 30, 2009 at 8:59 am

Nice iphone app collection. Thank you for sharing. I’m looking forward to your next posts.

Jon
Oct 30, 2009 at 9:15 am

Nice overview. iPhone is such a design icon now, app websites need to keep their look and feel fresh and inviting to attract savvy app buyers. Some fun design ideas here.

Chris
Oct 30, 2009 at 1:28 pm

Another good App site is: http://www.seasonsapp.com/seasons/
Really neat App and you got the Price and the Download button in one spot and they show the features of the app,…

ADMIN WEBSITE
Oct 31, 2009 at 6:46 pm

http://www.karzzz.webs.com is web site main app ko sab kuch melay ga agar app muj sy rabta karna chatay hai Advertisment ka hawalay sy tu 03453183463

selcuk
Nov 2, 2009 at 4:26 pm

syPhone
http://syphone.selcukyilmaz.com

RichardL
Nov 2, 2009 at 9:58 pm

None of the websites you use as examples conform to Apple’s Guidelines. For example, the guidelines require that the iPhone artwork be only placed over a white background.

Ferenc
Nov 3, 2009 at 4:10 am

These site on the design side are great…
…but on developing side they are not perfect.

I am forced to use IE6 at my workplace, and using this the majority of the listed sites have serious flaws (not just the png transparency what I am talking about). They should have been tested more carefully.

Web Design Sheffield
Nov 7, 2009 at 6:46 am

I saw a similar article in .net magazine, this is more in depth though!
Thanks

online gaming sites
Nov 7, 2009 at 5:22 pm

I saw a similar article on the net but this one is much better.

Barry
Nov 13, 2009 at 6:17 am

Awesome post. Just finished designed a site for iPhone developers. Wish I spotted this before.. Oh well, site turned out nice anyhoo…

Sites Sorocaba
Nov 13, 2009 at 9:37 am

Wooowww..awesome design! It can be used to other categories design too.

kristarella
Nov 14, 2009 at 8:37 pm

There may be very good reasons for not showing the price. For example, an app may be available worldwide and have a different price in every country, whether it be because of exchange rates or different currencies. I think all the iPhone apps that are 99c in the US are $1.19 in Australia. Given the number of different prices there could be there are three options I think: pretend the rest of the world doesn’t exist, make a dropdown thing to select the right currency, let people click the app store button.

acai
Nov 17, 2009 at 6:02 am

pretend the rest of the world doesn’t exist, make a dropdown thing to select the right currency, let people click the app store button.

Vunky
Nov 19, 2009 at 5:53 am

Most of the websites designed for iPhone apps are really top notch. The are catchy and suite the app’s feeling and look.

I just created a selling page for my webservice Dbox on the iPhone (http://tinyurl.com/ybm68xs), but looking at this it can certainly use some polishing up.

Hummy
Nov 25, 2009 at 8:02 pm

All these sites look gorgeous!

Philippines Freelance Designer
Dec 4, 2009 at 9:26 am

WOW Great design!! Most of the websites designed for iPhone apps are really to the highest level. As a Philippines Freelance Designer, it inspire me to design my own IPHONE site…. Great collection of iphone site. The are catchy and suite the applications feeling and look.

Ben
Dec 4, 2009 at 11:24 pm

It’s amazing how many (all) of the examples break the official guidelines, some in many ways: iPhone image violations (background, orientation, overlap), App Store button violations (elements too close), text violations (“at the App Store”) etc. And those are just the ones I noticed glancing at the screenshots. Does Apple not care or just not have time to enforce the rules?

SmsVar, Sms Gönder, Toplu Sms
Dec 6, 2009 at 1:46 pm

thans nice..

EastFilters
Dec 7, 2009 at 8:27 am

http://www.eastfilters.com
Auto Filters, Replacement Elements For Fuel Filters, Turbine Fuel Filters, Replacement for Fuel Filters, Air Filters, Filter Water Separators, Fuel Purification Systems, Engine Fuel Filters, Gasoline Engine Fuel Filter, Diesel Engine Fuel Filter, Trailer Engine Fuel filter, Engine Fuel filter, Car Filter, auto fuel filters, Truck Fuel Filter and Motor Yacht parts.

Inc Technologies
Dec 9, 2009 at 12:58 am

We develop iPhone applications and this was a great round to see what things are going on. Thanks for such a nice post.

Sam Logan
Dec 13, 2009 at 2:53 pm

Some incredible designs, thanks for sharing them, definitely a great starting place for anyone looking to make a iphone app site.

Waasys
Dec 16, 2009 at 3:11 pm

Some great websites! thnx!

ostap
Dec 17, 2009 at 5:13 pm

I love IPhone’s style:)

vincentdresses
Jan 6, 2010 at 2:00 am

喜欢你们的设计与技术,常来看看

Gopinath
Jan 29, 2010 at 7:22 am

Thoughts Hosting:- Domain Name Rs.92/-only, 10Gb space, 100 Email id’s, Rs.2600/-only. And for every domain get FREE extras over 7900/-. *Start Your Own Web Hosting Company Only for Rs.4000/-. visit: http://www.thoughtshosting.com, Contact:9059747833

Geek
Feb 8, 2010 at 2:44 pm

Really good collection…. I will follow your blog now…

Cheapest Web Design Company in Boston

Brian Williamson
Feb 10, 2010 at 4:30 am

This makes for a very good read, love the website keep up the good work!

capsiplex
Feb 23, 2010 at 5:35 pm

I will follow your blog now…

Chan I
Oct 8, 2011 at 9:16 pm

I mainly have been developing traditional websites and have just recently jumped into the mobile arena. This article is a great inspiration for my work on mobile apps and sites.

sbobet
Mar 4, 2010 at 3:09 am

wow. It’s all very beautiful.

hitachi magic wand massager
Mar 5, 2010 at 11:25 pm

Some incredible designs, thanks for sharing them, definitely a great starting place for anyone looking to make a iphone app site.

Tom
Mar 10, 2010 at 8:39 am

Some incredible designs, thanks for sharing them, definitely a great starting place for anyone looking to make a iphone app site.

alan
Mar 20, 2010 at 12:12 pm

i am looking for some 1 to make an iphone app for me…
i will be willing to pay
please mail me if intrested

Mario Games
Apr 6, 2010 at 1:07 pm

None of the websites you use as examples conform to Apple’s Guidelines. For example, the guidelines require that the iPhone artwork be only placed over a white background.

John
Apr 16, 2010 at 9:30 am

Thank you for your blog. I am looking for an artist to design for my project. If anyone is interested please contact me at johnfon@hotmail.com

Web Design
Apr 28, 2010 at 9:25 pm

bookmarked and shared thank yoU!!!!!!

Website Design
May 6, 2010 at 7:49 am

can’t help but thinking when scrolling through is that they all look the same… think there’s going to be room for some unique designs out there

yum
Jun 16, 2010 at 8:12 pm

Thanks for good article ! It’s really helpful.

legal service
Jun 18, 2010 at 5:38 am

very neat, clean and tasty – definitely the guide for future design. thx!

Penang Web Design
Aug 2, 2010 at 1:17 am

very good post…thanks….

Web development Cambridge Ontrio
Sep 24, 2010 at 6:05 am

nice design for apple.

Lei Wai
Sep 29, 2010 at 2:46 am

Good post , useful for me . Thz .. :)

iMike
Oct 15, 2010 at 8:52 am

iMike per iPhone una app da ridere

ิBistro
Oct 27, 2010 at 2:28 am

It improve my inspiration.

Lzkim
Nov 11, 2010 at 1:01 am

wow… great … it’s useful for everyone… nice post :-)

Melvins
Nov 26, 2010 at 11:47 pm

Nice and creative design as well as very helpful for me. Thanks for sharing with us.

Los Angeles Web Design

uggs
Dec 5, 2010 at 1:52 am

When you do article marketing, your intention is to increase the number of visitors to your website. It is not our abilities that show what we truly are, it is our choices. I have look for such a article for a long time, thanks a lot.

Jane
Dec 22, 2010 at 4:37 am

Nice Article..
There are interesting and nice iPhone/iPad apps in this web site.
http://iphoneapps4use.blogspot.com/

Henry Peise
Dec 23, 2010 at 11:39 pm

People die for iphone 4 white is understandable, isn’t it? The reason is quite simple, We all want to be differnt!

Juno Mindoes
Dec 24, 2010 at 10:29 pm

Thanks for your share. If you have any news about iphone 4 white plz tell us, i will be really appreciate.

cygnis media
Dec 27, 2010 at 6:06 am

This post is different from what I read on most blog. And it have so many valuable things to learn.

altın çilek
Feb 2, 2011 at 6:03 am

That’s Great! Thanks for the post!

Debbra Almon
Jun 22, 2012 at 3:38 am

I’m still learning from you, while I’m making my way to the top as well. I definitely liked reading all that is written on your website.Keep the stories coming. I loved it!

hcg damla
Feb 2, 2011 at 1:43 pm

It improve my inspiration.

Mark Mobile Developer
Feb 10, 2011 at 3:10 am

Yes, if you are into mobile apps development then your website has to be very much appealing. At AllMobieApps.com all expert Mobile Apps Developer in London has read this post. Looks are the key to enhance your mobile apps business or any business.

john
Feb 23, 2011 at 9:21 am

WindyCityParrot.com provides bird feed
products and accessories for exotic birds. Choose from an incredible selection of bird feed,
bird seeds and everything for your bird’s needs.

Singapore Office
Mar 17, 2011 at 2:25 am

Splendid work. Thank you so much for this post. Interesting content.

Offices in Singapore
Mar 17, 2011 at 2:26 am

This is not a nice article. It’s a great article!!! This will really be highly beneficial . Thank you for creating this!

Mark Hamilton
Mar 21, 2011 at 6:34 am

Wonderful info shared… Cheers for that. I am a Web Designer in London & yes would share it on with others too.

Ellen
Mar 30, 2011 at 9:01 am

Thanks for pointing out the identity guidelines, I’ve talked to a few iphone app design pros who didn’t even know these guidelines existed and hadn’t bothered to follow them. Talk about hard work down the drain if you design an app and it doesn’t get approved!

Foursseasonssvcs
Apr 5, 2011 at 3:30 am

Availability of new, professional, custom designed web site will help increase sales and expose you to thousands of new customers.
Web Application Development

BusyMoom
May 13, 2011 at 9:36 am

Amazing Blog!
For last 3 months I’m creating my own iPhone apps on http://seattleclouds.com. These trends described on this blog are great. I will create pages in this style and I will promote my apps in this way. Thank you!

panax clavis
May 16, 2011 at 5:55 am

I always follow your site thank you

Elijah Nitcher
May 19, 2011 at 4:47 am

With havin so much content do you ever run into any issues of plagorism or copyright violation? My site has a lot of exclusive content I’ve either authored myself or outsourced but it looks like a lot of it is popping it up all over the web without my agreement. Do you know any solutions to help reduce content from being ripped off? I’d certainly appreciate it.

orhanbt
Jul 15, 2011 at 4:52 pm

verry good

pembe maske
Sep 14, 2011 at 5:38 am

I’d certainly appreciate it.

DylanJone
Nov 14, 2011 at 10:28 pm

Try Onde Screen Capture for Mac ( http://www.ondesoft.com/screencapture/index.html ). This Mac grabbing utility for Mac enables you to capture a circular region by clicking “Rectangular” while pressing Command. It is very easy.

baha
Dec 3, 2011 at 9:08 am

http://www.karizmamedya.com

Adam White
Dec 5, 2011 at 8:39 am

Thanks for your cool designs. Its been really helpfull

cccc
Dec 14, 2011 at 8:23 am

,m.bmn.mb.n m,mgm,fmg,f m,fgm,fm
.gh,g
.
gh
.
gh
g

lamb chop
Jan 10, 2012 at 8:00 pm

I started creating my own iphone app after I read this article: http://utterlyapple.com/how-to-create-an-iphone-app/ It’s a pretty in depth article on how you should start.

meneerFranssen
Jan 17, 2012 at 3:17 am

Great collection. Any change for an update?

Bader
Apr 21, 2012 at 1:51 pm

Team , iwish your to get your great ideas to make my website (www.omanvisitors.com) on phone.

Could you help me with some suggetsed companies and if you have any idea to develop my tourism site .

thanks for advance support

Alex
Jun 28, 2012 at 1:31 am

http://17-98.co.uk/
I think this is an interesting site

jackmartin
Aug 1, 2012 at 4:33 am

We are iphone app template company and good to see such awesome iphone app design trends.

Biomass Boilers
Aug 6, 2012 at 5:52 am

This is a great post; it was very informative. I look forward in reading more of your work. Also, I made sure to bookmark your website so I can come back later. I enjoyed every moment of reading it. I admit, I have not been on this webpage in a long time… however it was another joy to see It is such an important topic and ignored by so many, even professionals. I thank you to help making people more aware of possible issues. Great stuff as usual…

Post Comment or Questions

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.