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

1 4 5 6
  1. Mark Hamilton
    Mar 21, 2011 @ 6:34 am

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

    Reply

  2. Ellen
    Mar 30, 2011 @ 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!

    Reply

  3. Foursseasonssvcs
    Apr 5, 2011 @ 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

    Reply

  4. BusyMoom
    May 13, 2011 @ 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!

    Reply

  5. panax clavis
    May 16, 2011 @ 5:55 am

    I always follow your site thank you

    Reply

  6. Elijah Nitcher
    May 19, 2011 @ 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.

    Reply

  7. orhanbt
    Jul 15, 2011 @ 4:52 pm

    verry good

    Reply

  8. pembe maske
    Sep 14, 2011 @ 5:38 am

    I’d certainly appreciate it.

    Reply

  9. DylanJone
    Nov 14, 2011 @ 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.

    Reply

  10. baha
    Dec 3, 2011 @ 9:08 am

    Reply

  11. Adam White
    Dec 5, 2011 @ 8:39 am

    Thanks for your cool designs. Its been really helpfull

    Reply

  12. cccc
    Dec 14, 2011 @ 8:23 am

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

    Reply

  13. lamb chop
    Jan 10, 2012 @ 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.

    Reply

  14. meneerFranssen
    Jan 17, 2012 @ 3:17 am

    Great collection. Any change for an update?

    Reply

  15. Bader
    Apr 21, 2012 @ 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

    Reply

  16. Alex
    Jun 28, 2012 @ 1:31 am

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

    Reply

  17. jackmartin
    Aug 1, 2012 @ 4:33 am

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

    Reply

  18. Biomass Boilers
    Aug 6, 2012 @ 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…

    Reply

1 4 5 6

Leave a Reply