As you may probably know mobile design is getting more and more popular, particularly the iPhone design. Almost every popular website or web app offers a mobile version now. In this post, I’ve collected a list of 38 nicely designed sites (ranging from personal, blog, portoflio, editoral, web app, etc.) that are optimized for iPhone. I hope this list will come in handy when you need to design a mobile site for yourself or clients. Now have you iPhone ready and enjoy the list.

Nclud

http://www.nclud.com

screencap

Mail Chimp

http://m.mailchimp.com

screencap

iA

http://informationarchitects.jp

screencap

Viget Labs

http://i.viget.com

screencap

Tabo Bell

http://m.tacobell.com

screencap

Element Fusion

http://elementfusion.com

screencap

Snook

http://m.snook.ca

screencap

Coosh

http://coosh.com/iphone/

screencap

M1K3

http://www.m1k3.net

screencap

Smashing Magazine

http://m.smashingmagazine.com

screencap

A List Apart

http://m.alistapart.com

screencap

H&M

http://www.hm.com/us/mobile

screencap

Procab Studio

http://www.procab.ch/iphone

screencap

USC

http://mobile.usc.edu

screencap

McDonald

http://mobile.mcstate.com

screencap

Victoria’s Secret

http://mobile.victoriassecret.com

screencap

Ars

http://arstechnica.com

screencap

American Eagle

http://ae.com

screencap

Veerle’s Blog

http://v.duoh.com

screencap

Please Fix The iPhone

http://pleasefixtheiphone.com

screencap

Walmart

http://mobile.walmart.com

screencap

Mixx

http://i.mixx.com

screencap

DeviantArt

http://deviantart.com

screencap

Sony Bravia

http://bravia.qwapi.com

screencap

MapQuest

http://m.mapquest.com

screencap

Cnet

http://iphone.cnet.com

screencap

iWeathr

http://iweathr.com

screencap

Erskine

http://m.erskinedesign.com

screencap

Nike Lab

http://www.nike.com/nikelab/

screencap

Upstruct

http://upstruct.com/m

screencap

Key Point

http://keypointapp.com

screencap

Mashable

http://www.mashable.com

screencap

Gdzlla

http://gdzl.la

screencap

Flickr

http://flickr.com

screencap

CBS News

http://iphone.cbsnews.com

screencap

OMG

http://omg.yahoo.com/iphone

screencap

1M Creative

http://1mcreative.com

screencap

Mobify

http://m.mobify.me
Mobify is a web service that helps you to quickly create a mobile version of your site. A lot of popular blogs such as Smashing Magazine, Web Designer Depot, A List Apart, and CSS Tricks are using their services.

screencap

150 Comments

Michael
Mar 18, 2010 at 9:02 am

Nice list, also check out http://www.nue-media.com on an iPhone!

bbx
Mar 18, 2010 at 9:05 am

Great use of space and colors.

jake wolfe
Mar 18, 2010 at 9:12 am

great post. thanks.
I was wondering if you have any links with iphone webdesign tips?
;)

Ellen
Mar 18, 2010 at 9:48 am

Wow, thats very inspiring! I definitly want to learn more about webdesign for mobile devices :-)

Cihan Ucar
Mar 18, 2010 at 10:24 am

Also check http://mobile.bakmagazine.com on an iPhone.

Daniele De Nobili
Mar 18, 2010 at 11:47 am

Nice list! Thanks!

DesignerWall
Mar 18, 2010 at 12:36 pm

I think i might be the first to actually go through all of these using my iPhone. Took me like 6 Hours lol, but they are all really impressive. Thanks a Lot nick

Kien
Mar 18, 2010 at 12:42 pm

great list of mobile sites – i love designing for the iphone because you have to pick out the most important points on a full blown site and present it on a smaller screen.

Jonny T
Mar 18, 2010 at 1:22 pm

Nice list… Geek Squad also has a great iPhone site – http://m.geeksquad.com/

sanvy
Mar 19, 2010 at 12:15 am

great list of mobile sites!
great list of mobile sites!

Dmitriy
Mar 19, 2010 at 1:16 am

Nice list!

Stylish Web Designer
Mar 19, 2010 at 3:33 am

great list. A list of some cool mobile iphone sites.

Daniel Long
Mar 19, 2010 at 4:00 am

I think this is a really good list of resources. There looks like there are some great sites in this list. I have an Iphone, so will definitely be having a look at some of them on my Iphone. I like the look of the Nike and Procab Studio. Nice use of colours and layout.

Rich
Mar 19, 2010 at 4:29 am

How was list was made without the inclusion of Dominos UK?

Their iPhone web app offering is a great example of mobile design.

Great list though – I didn’t even realise some of these existed!

Jesse
Mar 19, 2010 at 5:02 am

I guess you are designing your mobile sites these days~;-)

BBL
Mar 19, 2010 at 5:30 am

Nice post , thanks

Erik Shultz
Mar 19, 2010 at 7:41 am

amazing list of iPhone sites. nice to know people are keeping iPhone user in mind.

Jordan Walker
Mar 19, 2010 at 9:06 am

More and more sites are moving moble, I remember when this first started.

Tyce
Mar 19, 2010 at 9:44 am

Tops list Nick, I’ve got an iPhone version of my site as well ~ http://iphone.iamtyce.com

Adam
Mar 19, 2010 at 10:24 am

Oh well that’s another page of my iPhone used up.
Great list thank you.

lava360blog
Mar 19, 2010 at 10:24 am

great compilation. you can find good inspiration if you want to design your own. thanks for share

Jen Walter
Mar 19, 2010 at 1:10 pm

Good example of how even the yellowpage and search industry is moving towards mobile friendly applications. http://www.marchex.com/images/Mobile-BPP-example.jpg

monica from hola!design
Mar 19, 2010 at 9:48 pm

what a great post! I’m very interested in learning more about mobile design. I get annoyed when a website doesn’t have a mobile version….great list!

Web Resources.eu
Mar 20, 2010 at 3:13 am

Good job !
Keep on try ! We like that :)
We expect more from you :)

Thorsten
Mar 20, 2010 at 8:32 am

Great article. I’m interested in learning more about mobile website design for a while.

Shevaa
Mar 20, 2010 at 11:33 am

Wow Nice Collections… Cheers…

aledesign.it
Mar 21, 2010 at 5:55 am

Greatful! Fabulous thsi post! Amazing…I see more ideas…Incredible! This list is one of my preferite! Thanks for the sharing!

smartphone-guy
Mar 21, 2010 at 2:51 pm

I also heard that their are blog themes for popular blog sites that check to see if you are on a mobile phone and if you are, it loads a special mobile phone theme for smartphones.

Alex
Mar 22, 2010 at 4:14 am

Are these sites built using redirect based on the users client? so they see a totally different site, or are they managed using mobile specific stylesheets?

nilika
Mar 22, 2010 at 8:18 am

nice list

websitereckon.com

uNES
Mar 22, 2010 at 5:34 pm

Nice Round Up from you Nick, I hope that the Mobile design will grown up!

Entertainment blog
Mar 25, 2010 at 6:08 am

Nice list man! The one from Mashable is nicely done by them don’t you think?

ronald
Mar 25, 2010 at 3:42 pm

Cool list ! love the flickr site . . .

Jonathan Butterworth
Mar 26, 2010 at 2:25 pm

Very cool list! I know I need to start doing this for some of my sites. One thing I need to look into is how to recognize the website is being viewed on a phone so it displays the mobile version and not the regular version.

Any suggested links for this?

WpFolios
Mar 29, 2010 at 1:18 am

Wow Great list, like almost everything..great post..

Chris
Mar 29, 2010 at 3:32 am

Creating for the mobile web is definitely the way to go as they become more popular by the day. Good collection of mobile sites by the way!

mack
Mar 31, 2010 at 2:54 am

can the itouch visit the website?

David
Mar 31, 2010 at 3:09 pm

28 @Alex
Id like to know the same as I wouldn’t mind making a mobile version of mine too

Sam Ng
Apr 1, 2010 at 1:15 am

I came across lots of iPhone app sites almost all of them has good designs!

Cathy Mason
Apr 4, 2010 at 12:53 am

Great selections! Lots of variety!

Freelance Web Designer in London
Apr 4, 2010 at 7:02 pm

Right now, I am going to start thinking about my “iphone mobile copy” of my website.

Sealth
Apr 7, 2010 at 9:44 am

Very nice list. Nclud nailed it in my opinion. Thanks for posting.

Hassan
Apr 11, 2010 at 9:59 pm

Very Cool Website, Worked on my Samsung Star Wifi as well… Any Plan to write a tutorial on how to Design & Code a mobile website ???

jasa seo
Apr 12, 2010 at 3:13 am

thank’s for information

jasa seo
Apr 12, 2010 at 3:49 am

thank for information

jasa seo
Apr 12, 2010 at 3:55 am

terimakasih atas infonya ????

collin248
Apr 12, 2010 at 12:05 pm

Can’t wait to see Web Designer Wall as a mobile website. I can only I imagine what you guys could put together.

Atalanta
Apr 14, 2010 at 8:56 am

Beautifuls sites !
Specially Nike Lab

星夜貓
Apr 18, 2010 at 10:09 pm

Great list! Thanks to Web Design Wall.

clea walford
Apr 27, 2010 at 12:58 am

thanks for this great list!

waht does my name mean
Apr 27, 2010 at 6:53 pm

wat is your myspace site?

Web Design
Apr 28, 2010 at 9:33 pm

just what i needed thank yoU!!!!

Staffan Solve
Apr 30, 2010 at 3:41 am

Very nice collection of mobile sites. The concept of mobile adapted sites interests me a lot, to the extent I recently set up a service at http://www.posiphone.com, to offer a minimal mobile site for free. With options for paid enhancements, such as design, product catalogue, RSS news feed etc. Take a look, and give me your comments./Staffan Solve

Website Design
May 6, 2010 at 7:19 am

Lots of the usual big guys in there with great sites but my favorite for inspiration is Viget Labs for a corporate design… think they nailed the ui interface

I.T MONTREAL
May 19, 2010 at 11:12 am

Great a great site list!!, great thanks.. It’s interesting to consider some of the design ideas incorporated into the different sites to promote mobile phones. Even though the websites are not to do with the iphone, you still see some elements snuck into the site such as the end of the url reading ”/iphone” when the actual page being shown is for mcdonald’s or some other another type of ad

hafsa
May 31, 2010 at 10:28 am

comment guidelines

Toronto Web Designer
Jun 1, 2010 at 12:48 pm

I’ve been looking for a source of mobile sites to study and use as a reference for development. This compilation of mobile web sites fits the bill. Thank you for this list.

ikilobo
Jun 19, 2010 at 11:32 pm

nice post..thx for info

t.a
Jun 23, 2010 at 3:00 am

thanks for sharing such a great list like this…

farhad
Jul 6, 2010 at 3:42 am

Wow thanks, this is very inspiring me to build more mobile web.. Nice recommendation..

selly
Jul 6, 2010 at 9:39 pm

waaawwww,,, its cool..

arieff
Jul 8, 2010 at 2:16 am

Great a great site list!!, great thanks.. It’s interesting to consider some of the design ideas incorporated into the different sites to promote mobile phones. Even though the websites are not to do with the iphone, you still see some elements snuck into the site such as the end of the url reading ”/iphone” when the actual page being shown is for mcdonald’s or some other another type of ad

utari
Jul 8, 2010 at 3:07 am

awesome..very inspiring..cool man

code pixelz media
Jul 8, 2010 at 5:30 am

very good. I like the way you present your content.

ilham
Jul 9, 2010 at 10:02 pm

very inovative n creative, nice article

ardhan
Jul 9, 2010 at 11:13 pm

i can use this for reference for my development. thx :D

uni
Jul 10, 2010 at 6:27 am

wow,, that’s great,, thx for this post,,

doris
Jul 11, 2010 at 12:31 am

wow,, that’s great,, thx for this post,,
thanks for sharing

Edward Stevenson
Jul 11, 2010 at 12:49 am

Interesting post. My favorites are those with a clean, simple look. I may look to create a mobile version for http://timelesswealth.net sometime in the future.

Thanks,
Edward

eric
Jul 12, 2010 at 2:54 am

I love iphone…
thanks for inspiring me..
:)

ade
Jul 12, 2010 at 5:56 am

cool… Great a great site list!!, great thanks.

arieff
Jul 12, 2010 at 7:29 am

wow,, that’s great,, thx for this post,,
thanks for sharing

doris
Jul 13, 2010 at 4:59 am

wow,, that’s great,, thx for this post

tedted
Jul 15, 2010 at 3:31 am

wow great design. it’s inspiring me

wijonarko
Jul 15, 2010 at 4:23 am

that’s so awesome and innovative design..
thanks for info

eka
Jul 16, 2010 at 1:21 pm

that’s awesome!! great post

tedted
Jul 17, 2010 at 4:24 am

waahh, cool design. i love it.

oky
Jul 17, 2010 at 7:00 am

that’s so inspirative design…
thanks…. for share it….

ulul
Jul 17, 2010 at 7:38 am

Interesting pos, thanks…. for share it….
i hope more better

dety
Jul 18, 2010 at 10:35 pm

i love I Phone. Good luck

Momo
Jul 19, 2010 at 12:23 am

it’s great..
i’ll try, thanks bro..
=)

oky
Jul 19, 2010 at 6:50 am

wowwwwhhh… that’s cool… i love it….

kai
Jul 19, 2010 at 6:50 am

thanls for information

Aidan Boyle
May 2, 2012 at 9:39 pm

Great List. I really love how many designers are starting to use responsive design styles too. A lot of really creative work is starting to come out of it all.

yuli45com
Jul 20, 2010 at 11:16 pm

waw…
it’s so intersting…
thank very much…
well… i hpe next time will be better..

rifky
Jul 23, 2010 at 8:08 am

great!!!

nofel
Jul 25, 2010 at 9:12 am

thats great info, thx

nofel
Jul 25, 2010 at 9:13 am

nice design, like it

Woffer Cardiff
Aug 6, 2012 at 6:58 am

Mobile shopping is fast becoming one of the areas of massive growth. A prohibiter is those that are using a shopping cart that is not compatible, or does not display in a mobile friendly way.

I know from experience of using Magento its pretty easy to make any Magento store mobile compatible.

PS i love the Coosh site!

Rayan
Jul 28, 2010 at 8:03 am

Some great designs for mobile browsing – I feel good mobile design can make certain apps for mobile redundant – for example http://m.uktaxcalculators.co.uk is a great mobile tax calculator in the uk – lightweight and to the point.

lisa
Aug 14, 2010 at 1:39 am

Phones are cool. Would also love to see UK based ones. Designs are cool would like to see more stuff apart from this designs. Great going

Beverly Hills Lasik
Aug 18, 2010 at 5:23 pm

Awesome! Was searching for a great visual display of many mobile designs. Anyone have any experience with Mobify?

bogusred
Aug 29, 2010 at 10:29 pm

Thank you for this list. I recently discovered my site had a higher than average mobile traffic so I’m considering designing a mobile interface. Seeing how others do it is very helpful. I see a lot of consistency in design tactics especially tab navigation. Thanks again for the article.

Harris
Sep 12, 2010 at 7:45 am

nice design guys

eunmi
Sep 14, 2010 at 3:17 am

great!!!

Clarity headsets
Sep 16, 2010 at 12:57 am

ITs superby done thanks for sharing.

Melvins
Sep 17, 2010 at 6:56 am

Now a days people are more crazy about iphone applications. This blog will be very useful for the all iphone apps lovers.

Web Design LA

simmy
Sep 19, 2010 at 12:23 am

http://m.abc.com
Mobify is a web service that helps you to quickly create a mobile version of your site. A lot of popular blogs such as Smashing Magazine, Web Designer Depot, A List Apart, and CSS Tricks are using their services.

Rhys Welsh
Sep 23, 2010 at 7:42 am

Great article! nice collection of sites – It highlights that the future is in applications. Everything is now going online – which is good if your a designer!

ospop shoes shop
Sep 24, 2010 at 8:26 am

Wow, thats very inspiring! I definitly want to learn more about webdesign for mobile devices

Craig Pennings
Sep 30, 2010 at 9:23 am

It seems that simple and high contrast designs work best for the iPhone. Thanks for sharing.

Travis Hall
Oct 15, 2010 at 12:09 pm

Why spend the money to produce an “app” when most of these sites will work on any web enabled phone with a simple redirect script. As a designer I would think we would want to design with everyone in mind not just those who carry the iphone. Just a thought.

Francesco
Oct 22, 2010 at 2:40 pm

Qui c’e’ il mio: http://www.redilab.it/iphone/

Un database di tutte (o quasi) le analisi di laboratorio con una spiegazione dei tests…

Neeraj Sharma
Oct 23, 2010 at 6:14 am

Our viewers and sponsors are excited about the look and functionality of our new mobile site. It’s been a tremendous addition for our mobile websites users.

Blue Fire Media
Nov 2, 2010 at 2:25 pm

Excellent examples. It seems that for a mobile site to work it has to be clean and free of the fluff and simply and elegantly present the important info.

Newnotebooklaptop.com
Nov 5, 2010 at 1:10 am

New Netbook and Laptop reviews
All models laptop, netbook from WorldBrands. Intel, AMD processors

Attitude Design Portfolio
Nov 9, 2010 at 9:22 am

Wonderful post – is this the future of web design right here?!
See the Attitude Design .mobi site here >

Portland transmission repair
Nov 20, 2010 at 10:20 am

Really purdee sites to be sure. Our site http://tualatintrans.mobi/ works well too. Thank You for taking the time to showcase some cool sites!

willsons
Dec 5, 2010 at 1:34 am

When you do article marketing, your intention is to increase the number of visitors to your website.

facebook app developer
Dec 23, 2010 at 6:16 am

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

Summer Apparels
Dec 24, 2010 at 6:20 am

Hey man this is really a nice post i like it very much….

Fine information. Thanks so much, have a good day!

Very helpful information. Very helpful, great share.

Well, the post is actually the freshest on this worthy topic. I fit in with your conclusions and will eagerly look forward to your incoming updates. Saying thanks will not just be sufficient, for the tremendous clarity in your writing. I will at once grab your rss feed to stay informed of any updates. Admirable work and much success in your business dealings!

Thanks for your good website and for sharing your experiences.

good sharing

Henry Peise
Dec 24, 2010 at 9:46 pm

People think that iphone 4 white is better iphone 4 black. Is that ture? Here you can judge by yourself.

porrey
Dec 26, 2010 at 1:07 am

Your article is wonderful and very attractive

cygnis media
Dec 27, 2010 at 6:05 am

Thanks for the sharing of such information we will pass it on to our readers.

best iphone cases
Dec 27, 2010 at 8:55 pm

If I got a chance, i will prefer buying the iphone 4 white but not the iphone 4 Black. Who can tell me where is the Best iPhone Cases I would really want to take one. Best iPhone Cases and Covers, Sale iPhone 4 Cases, iPhone 3g Cases and Accessories

Thesis Proposals
Jan 15, 2011 at 9:30 am

38 Mobile (iPhone) Site is Awesome Post,
I found to be quite useful.
This is really fantastic advice,
thank you so much.

Doctor rating
Jan 18, 2011 at 4:24 am

I love these i phone websites.

tütüne son
Jan 27, 2011 at 3:06 pm

When you do article marketing, your intention is to increase the number of visitors to your website.

David LaGuerre
Feb 7, 2011 at 8:56 pm

Great to see a list of mobile sites rather than just focusing on mobile (native) apps all the time.

Here’s another good one: hotelpepper.com

css splash
Feb 8, 2011 at 4:52 am

Good collections

ashami
Mar 2, 2011 at 2:32 am

LV swarovski crystal iphone cases and Chanel Crystal iPhone cases from http://www.ashinekit.com

iphone apps development
Mar 4, 2011 at 1:57 am

We must take it into consideration. Fantastic post and information. I am glad to share this one with my iphone apps developers . team in London.

Dana theTeacher
Mar 20, 2011 at 2:17 pm

Love the list bookmarked almost all of them.

Business Analyst Jobs Online
Jun 11, 2012 at 4:05 am

The list is great. I wish I could get the templates. Any site which offers such good mobile templates? Thanks.

dexx
Apr 17, 2011 at 2:52 pm

Associate researchers. Dr. Shah, people with ADHD “different thinking” they know better than laboratory measurements, but this situation in real life it could do with this work a success and said they did not know çevirmediklerini turn.

kirsten
Apr 28, 2011 at 12:41 am

have you seen webappvault.com? they have some pretty neat iphone formatted sites there as well.

slate tiles
May 18, 2011 at 2:43 am

Thanks a lot for this

red sox jerseys
Jul 3, 2011 at 10:07 pm

Think so too

Ashley
Jun 21, 2011 at 4:56 pm

I think Taco Bell is spelled wrong. Regardless, it is still an excellent display of mobile sites.

MOX
Jul 7, 2011 at 3:31 am

Awesome! Bookmarked!

orhanbt
Jul 15, 2011 at 4:43 pm

Verry good.

Get Coupons
Jul 16, 2011 at 7:58 pm

have a look at http://www.get-coupons.com too

complex 41
Aug 23, 2011 at 10:09 am

And then he handed you the thirty-five 55

complex41
Aug 23, 2011 at 10:42 am

And then he handed you the thirty-five 45

PhotoshopWarrior
Sep 21, 2011 at 12:24 pm

Great list!!! Love the CBS and OMG site..

mitch stevens
Sep 29, 2011 at 3:22 pm

Check out this site http://www.iphonecaptain.com. This is up to date ingfo for all idevices. The best apps and everything

LibertyBloggers
Jan 1, 2012 at 10:55 am

I love prob studio mobile site.

site internet
Jan 1, 2012 at 12:11 pm

Very nice liste! thanks !!

procab
Jan 5, 2012 at 8:15 am

Hello
Thank you for mention procab studio.
We are glad to announce you the first release of iPad version :
http://www.procab.ch/ipad
Enjoy

phone mobile store
Jan 14, 2012 at 5:05 am

Thanks for all internet marketing peoples to share your felling with us

Blhgjfujerjk
Feb 4, 2012 at 10:48 am

In the App Store is an application called JunoWallet GiftCards. Set up, go through registration.
This will bring up a plate with an invitation code entry field, enter the code YV132327 (it’s your first salary, get 25 cents if you leave the field blank where the code is necessary, then start with no money.
Then click on submit (affirm) and begin to earn credits in exchange for Gift Card
Another would like to add. Place all advertising applications (and especially, it is necessary to start and juzat 30 seconds, counted the money to) as they fade with time and new … Make Money on Gift Cards :)
I’ve got one 15 $ Gift Cards are now saving up again for it is :)

Sigitas
Feb 8, 2012 at 7:38 am

http://www.mbest.mobi is directory list of best mobile websites

thepilatesbiz.com
Feb 8, 2012 at 8:31 pm

If Obama goes to help in Massachusetts Do the tax payers pick up the tab or does the Democratic party repay the US?? OH OH! has Obama given the money from his Nobel Prize to the US government?? I dont think he can keep the #1+ million dollar prize. So where is the money?? dont tell me is is going to charity because it isnt Obamas go give away>

Lander
May 25, 2012 at 6:42 am

My candidacy is one more website: http://flutreatment.mobi/ it looks like a useful

TheCuriousDreamer.com
Jul 6, 2012 at 10:13 pm

Curious Dreamer Dream Dictionary is mobile friendly, with over 15,000 symbols defined by a dream expert. The focus is on using your dreams to improve your life. One of the top dream dictionaries on the web.

modern home design
Jul 19, 2012 at 11:16 am

Useful information. Lucky me I found your web site by chance, and I
am surprised why this twist of fate did not took place earlier!
I bookmarked it.

Joseph Dy
Aug 25, 2012 at 5:48 am

Cool! Dude Awesome! Technology is changing everything! :) http://eepurl.com/lyB-L

Tushar
Sep 1, 2012 at 12:58 am

Now a days iPhone and iPad more popular, we can introduce new site http://ifaxapp.com

South Wales Web Design
Sep 11, 2012 at 4:45 pm

Fantastic array of mobile sites. Thanks for the inspiration.

DymoLabels
Jun 1, 2013 at 3:22 am

hi sir
i really like your collection
thanks for sharing
thanks

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.