Design Trends: 25 Of The Coolest iPhone APP Website Designs
Regardless if you have an iPhone or not (I currently do not – I’m a die hard blackberry addict) you have to admit that the Mac/iPhone style of design is super sleek and very pleasing on the eyes. A specific type of design trend I’ve seen a lot lately are the iPhone app websites. They generally all follow the same plan of attack (for good reason) but it makes me wonder – are these sites being built to just blend in with the rest of the pack or are there some that stand out?
I went around online and found 25 of the coolest iPhone app websites – not necessarrally the coolest APPS, but the coolest website designs. What I found was a lot of the big iPhone image on the page, showcasing how the app actually looks. I also found a lot of darker website designs. We’ve featured dark website designs here before on Spyre Studios and today seems like it’s shaping up to be another notch in that belt.
The one thing I did notice – and loved – was the couple websites that did things differently. They didn’t feature a big iPhone image, they did brighter, more eye catching designs. These are truly my favorite out of the bunch.
Weightbot ↓
Dig Deep Fitness ↓
Where Cloud ↓
PokeSEO ↓
Birdfeed ↓
GoBible ↓
Cine Mobits ↓
2udoku ↓
Dockyard ↓
Fever ↓
Spendly ↓
Spiffing ↓
Tea Round ↓
Wheel of Tea ↓
Thermometer ↓
Barista ↓
Little Snapper ↓
Tweet Deck ↓
Classics ↓
Ego ↓
iShots ↓
Snow Reports ↓
Bottle Rocket ↓
Evernote ↓
Omni Focus ↓
Your Turn To Talk
So what do you think? What are your favorite sites out of this list? And do you think this type of design trend is being overdone? Let us know in the comments.
About the author:
Mike Smith is a blog designer at Guerrilla and a blogger at Guerrilla Freelancing. He writes for Spyre Studios on a regular basis.
jump to the comment form ↓
July 1st, 2009
Thanks for featuring Spiffing Apps, Mike.
Re: whether or not the design trend is overdone. It’s tough to catch people’s attention by showcasing an iPhone app without showing the iPhone itself, and that instantly provides some constraints in terms of layout. Even so, it’s great to see such a variety of apps and styles all on one page. Thanks for putting it together.
July 1st, 2009
I love the simplicity and style of the Barista design
July 1st, 2009
Awesome list of websites. Apple inspires all of us.
July 1st, 2009
Thanks for the very kind compliment. Bottle Rocket feels strongly that design aesthetics are a key component to anything related to the iPhone. We try hard to set ourselves apart from the background noise of apps by taking the time to make our apps “feel” like Apple could have made them. Every day we work to achieve this. And we’ve tried to do the same with our own web site (which is hard to find the time to do).
Ironically we’re just about to release a whole new site which will be focusing on content as well as design. Our current site only has information on about 1/2 of our apps (cobbler’s kid’s shoes syndrome). That said, please check back in a couple of weeks. We’re trying something new. We’re going to base it completely on Word Press BUT try to maintain the high-design look of our current site.
Please let us know what you think once we have it up.
Thanks again.
July 1st, 2009
Shameless design plug :)
http://www.areyoualovemachine.com/
July 1st, 2009
Its great to see the Spendly website on this list. Thanks for the mention!
iPhone App sites are kind of strange: they’re not the main avenue of sales, and its a strange process to push people to iTunes to buy the app. I think this is why most sites really focus on the iPhone and demo/screenshots, and are generally one pagers.
July 1st, 2009
Thank you for featuring Pokeseo, I’m glad you like it!
July 1st, 2009
You take a tremendous amount of care to put your posts together. Another great entry. I’m even more jealous of those with iPhones now.
July 2nd, 2009
nice collections. i liked fever, birdfeed and gobible interfaces.
-@mymaneesh
July 2nd, 2009
Really great!
I was looking for some web-design sites with an iPhone on it.
July 2nd, 2009
Great looking sites thanks for this!
July 2nd, 2009
Yeah!, that should be nice for mine too. hmmmmm, working on that ya!
July 3rd, 2009
Ooo it almost makes me want an iPhone just so i can have the Apps…
Great post, I liked Barista, Tea Round and Wheel of Tea (sensing a theme?) -thought they all used their subject creatively and stylishly.
July 3rd, 2009
Adding http://instatweet.com to the list
July 3rd, 2009
I really like that you put a list together, and that you took the time to have the images in your post, as opposed to just linking to the sites.
Any thoughts on our design?
http://istockplay.com/
We tried to set it apart by not sticking a shiny iPhone in the center of the site. Also wanted to have it visible on netbooks, so it’s a bit short on a large screen. Do you think there’s any merit to this direction, or we should all stick to the more or less glowing iPhones?
Thanks!
July 3rd, 2009
Great roundup of awesome iphone designs – there is only one omnifocus :D
July 3rd, 2009
Everything related with Apple seems to come out in so beautiful way..huh, really great examples!
July 4th, 2009
Some amazing collection. i personally liked tea round and dip deep. thank u !
July 4th, 2009
Inquisitor iPhone App is awesome
http://www.inquisitorx.com/iphone/
July 9th, 2009
i like Little Snapper.Very well designed
August 11th, 2009
We think that the leapfrog app is pretty cool too! http://www.leapfrog.com
August 18th, 2009
I simply love the Tapbots website! And their applications too. So handy and so easy to use with an interface to die for!
August 25th, 2009
Nice collection, I like the “Spiffing” one, just look at what’s written on the phone. Ha!
August 26th, 2009
another really good one: http://www.farmfriendsapp.com
October 1st, 2009
Also a nice one is http://www.explosiveapps.com :)
October 20th, 2009
Thank you for featuring Pokeseo, I’m glad you like it! Awesome iPhone Design indeed
November 4th, 2009
Great Article! very informative for iPhone designer and developer both. Thanks
Who Linked To This Post?
Share your thoughts, leave a comment!
(get your own gravatar)