Oct 20

Tagged in: , Comments:Add

iPhone App Site Design Trends

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

Delicious Stumbleupon Digg

FOWD NYC 2009 Ticket Giveaway Fireworks vs Photoshop Compression

Comments

Pages: 7 6 5 4 3 2 1 » Show All

There are 69 comments (+Add)

  • 69 Geek http://webdesign-boston.com

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

    Cheapest Web Design Company in Boston

  • 68 Gopinath http://www.thoughtsunlimited.com

    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

  • 67 vincentdresses http://www.hibridal.com

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

  • 66 ostap http://ostapdesign.ru

    I love IPhone’s style:)

  • 65 Waasys http://www.aimonkey.com

    Some great websites! thnx!

  • 64 Sam Logan http://www.sjlwebdesign.co.uk

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

  • 63 Inc Technologies http://inctechnologies.co.cc

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

  • 62 EastFilters http://www.eastfilters.com/

    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.

  • 61 SmsVar, Sms Gönder, Toplu Sms http://www.smsvar.com/

    thans nice..

  • 60 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?

Pages: 7 6 5 4 3 2 1 » Show All

Post Your Comments

(required)

(required)

Comment Guidelines

  • Please keep comments related to topic. And be nice, don't spam!
  • Basic HTML tags are allowed:
    <a href> <abbr> <acronym> <blockquote> <code> <em> <strike> <strong>
  • Note: un-related or spam comments will be deleted.

Live Comment Preview

Back to top