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
Tapbots
Birdfeed App
Atebits – Tweetie
Spendly
Spiffing App
LittleSnapper
Magnetism Studios
Paraply
TapTapTap
Confessapp
Happy Dangy Diggy
Pretty Poo
Broadersheet
Finger
Outpost
Classics App
Parking App
Snow Reports
Dig Deep Fitness
TweetDeck
shadowli
Learning
Mark McCorkell
That Tea Round App looks amusing – with we had that in the office I used to work in!
Chetto
I would buy all of them just because they have great sites!
a+ graphics!
@mikewatkinsweb
Loving this post has given me lots of new ideas for my future apps!
billibala
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
should have added some well-designed iPhone game sites on this post.
Ruben Bos
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
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
not quite up to this standard, but we think we ticked most boxes
Jonno Riekwel
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
Great post.
Another common element are testimonials or reviews of the app on the website.
venkman
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
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
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
Beautiful. Very good collection. Thanks
Jonathan
Nice list… Pretty Poo made me smile. :)
Sarah
O.o interesting, would be better if I had an iPhone X3
Logo Bliss
Some lovely iphone trends, kinda of predictable with most apps. deep sigh!
BoomSkins
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
very helpful. Thanks.
floflo
Very nice! I was looking for a collection like this… thanks for this :)
MrGsus
So interesting and nice, congratulations, i coming back!
Best Websites
Great sites with some great apps. Nice post.
Matthew
Great! Very nice designs. Need to get myself an iPhone.
Countbiter (Mösenbeißer)
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
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
Very nice design and I love black ones most, I think they are kinda of mystery.
mohamed el metwaly
انا بكره iPhone
i heat iPhone
McCain
I loved Magnetism Studios.
Tim Read: Ripplenet web design
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
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
i like Spiffing App
yilanyagi
shake it and make your tea. very nice
LW6090
i have no car but Parking app is very useful. nice design
Minneapolis Web Design Guy
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
WoW :) Awesome collection of iphone trends. Thanks for sharing this nice post.
Mana
I love app websites! :D
DC Limousine
After read this forum I have a lot increase my knowledge about phone. excellent keep it up
car agmes
Great designs. Awesome collection of iphone
Discount Electronics
Nice & perfect design!
Extra-Jel
nice desings
Minneapolis SEO Guy
Great resource, thanks.
Montreal Web Design
I can see how I can put this into good use when web designing. Thanks for the information.
Budi
Nice iphone app collection. Thank you for sharing. I’m looking forward to your next posts.
Jon
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
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
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
syPhone
http://syphone.selcukyilmaz.com
RichardL
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
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
I saw a similar article in .net magazine, this is more in depth though!
Thanks
online gaming sites
I saw a similar article on the net but this one is much better.
Barry
Awesome post. Just finished designed a site for iPhone developers. Wish I spotted this before.. Oh well, site turned out nice anyhoo…
Sites Sorocaba
Wooowww..awesome design! It can be used to other categories design too.
kristarella
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
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
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
All these sites look gorgeous!
Philippines Freelance Designer
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
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
thans nice..
EastFilters
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
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
Some incredible designs, thanks for sharing them, definitely a great starting place for anyone looking to make a iphone app site.
Waasys
Some great websites! thnx!
ostap
I love IPhone’s style:)
vincentdresses
喜欢你们的设计与技术，常来看看
Gopinath
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
Really good collection…. I will follow your blog now…
Cheapest Web Design Company in Boston
Brian Williamson
This makes for a very good read, love the website keep up the good work!
capsiplex
I will follow your blog now…
Chan I
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
wow. It’s all very beautiful.
hitachi magic wand massager
Some incredible designs, thanks for sharing them, definitely a great starting place for anyone looking to make a iphone app site.
Tom
Some incredible designs, thanks for sharing them, definitely a great starting place for anyone looking to make a iphone app site.
alan
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
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
Thank you for your blog. I am looking for an artist to design for my project. If anyone is interested please contact me at [email protected]
Web Design
bookmarked and shared thank yoU!!!!!!
Website Design
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
Thanks for good article ! It’s really helpful.
legal service
very neat, clean and tasty – definitely the guide for future design. thx!
Penang Web Design
very good post…thanks….
Web development Cambridge Ontrio
nice design for apple.
Lei Wai
Good post , useful for me . Thz .. :)
iMike
iMike per iPhone una app da ridere
ิBistro
It improve my inspiration.
Lzkim
wow… great … it’s useful for everyone… nice post :-)
Melvins
Nice and creative design as well as very helpful for me. Thanks for sharing with us.
Los Angeles Web Design
uggs
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
Nice Article..
There are interesting and nice iPhone/iPad apps in this web site.
http://iphoneapps4use.blogspot.com/
Henry Peise
People die for iphone 4 white is understandable, isn’t it? The reason is quite simple, We all want to be differnt!
Juno Mindoes
Thanks for your share. If you have any news about iphone 4 white plz tell us, i will be really appreciate.
cygnis media
This post is different from what I read on most blog. And it have so many valuable things to learn.
altın çilek
That’s Great! Thanks for the post!
Debbra Almon
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
It improve my inspiration.
Mark Mobile Developer
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
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
Splendid work. Thank you so much for this post. Interesting content.
Offices in Singapore
This is not a nice article. It’s a great article!!! This will really be highly beneficial . Thank you for creating this!
Mark Hamilton
Wonderful info shared… Cheers for that. I am a Web Designer in London & yes would share it on with others too.
Ellen
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
Availability of new, professional, custom designed web site will help increase sales and expose you to thousands of new customers.
Web Application Development
BusyMoom
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
I always follow your site thank you
Elijah Nitcher
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
verry good
pembe maske
I’d certainly appreciate it.
DylanJone
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
http://www.karizmamedya.com
Adam White
Thanks for your cool designs. Its been really helpfull
cccc
,m.bmn.mb.n m,mgm,fmg,f m,fgm,fm
.gh,g
.
gh
.
gh
g
lamb chop
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
Great collection. Any change for an update?
Bader
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
http://17-98.co.uk/
I think this is an interesting site
jackmartin
We are iphone app template company and good to see such awesome iphone app design trends.
Biomass Boilers
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…