Best Mobile Websites – Responsive Web Design

Web Design, Website Trends

The recent rise of mobile devices popularity and use had provoked a need of adapting websites for varying screen sizes and browsers. One of the main approaches to this problem is responsive web design.

Responsive websites are those that recognize their environment and adapt to the screen in which are being viewed. That includes the content, if you are showing exactly the same content, only adapted to be comfortably seen on a small screen that forces the viewer to scroll constantly, you are doing it wrong. This approach has its drawbacks too and many aspects such as budget for the project, client, etc. must be taken into account when deciding if it is the right choice for a particular project.

Anyhow, if you think about it, every mobile website must be partially responsive, or at least have a flexible layout so it can adapt to vertical and horizontal view in phones with orientation recognition, and to different screen sizes.
Let’s take a look at a selection of the best responsive design mobile websites you can find around the Internet and analyse what makes their designs great.

dConstruct 2012

A conference about web design and development should obviously have a great website. In this case, we find flexible images and a total change in the site’s structure from one screen size to another. A great work.
dconstruct 2012

Food Sense

The famous food site is one of the best examples of good responsive design you can find nowadays. As the screen gets smaller, the design goes more minimal, making superfluous elements dissapear.
foodsense

Grey Goose

A smooth transition from the big to the small screen. Grey Goose’s website manages to keep the feel of the website through different platforms by using flexible images and parallax scrolling.
grey goose

iwantedrock.com

Good example of how to cut clutter without affecting the design.
iwantedrock

Fueled

We miss a scalable background image, but apart from that this site looks fantastic on mobile devices. It manages to show the same content on every size without giving the sensation of a too long website on mobile devices.
fueled

United Pixelworkers

The transition from the biggest size of this site to the smallest screen is so good, it is hard to tell that you are seeing a responsive design instead of an adapted mobile website.
united pixelworkers

Visual Supply Co.

Having a simple and clean layout perfectly structured is a highly useful tool when adapting a design for different screen sizes. Visual Supply’s website looks beautiful on every device.
visual supply

Webdagene 2012

Even a design that looks crowded and complicated can be perfectly fitted on small screens through responsive design.
webdagene

Ampersand 2012

While it is true that typographic websites are easier to adapt than image-heavy ones, you can do an acceptable work or something outstanding, this is the last case.
ampersand conference 2012

Berkshire Salon and Day Spas

An easy alternative for small screens is, like in this case, to leave the pictures out and just show texts.
berkshire salon day spa

30 Comments

  1. wen 12/06/2012 at 00:16:36 Responder

    Beautiful selection of responsive design websites, thanks for sharing!

  2. Oliver 18/06/2012 at 00:26:05 Responder

    Great post and great websites!

  3. Isabella Bosler 18/06/2012 at 09:34:20 Responder

    Beautiful selection. Berkshire is just amazing!!!

  4. Olivia_Evans 29/06/2012 at 02:36:05 Responder

    I love responsive design. Thanks for sharing this fantastic selection! ^_^

  5. Trace Hayes 05/07/2012 at 13:59:44 Responder

    Great sites thanks for posting! The developers at our office just finished a couple responsive sites that I think are really nice. It definitely takes quite a bit longer but we believe it’s the best course if at all possible.

    moiseswines.com

    skubadesign.com (this is the firms site which they just finished)

  6. Jake Martini 05/07/2012 at 15:48:24 Responder

    Great article. Many small operations do not have the time or expertise to get the wonderful results like these sites though. We found it difficult to match the full range of services from our relatively basic desktop website on the small screens, so we really simplified and scaled down the mobile page to its most basic essence. Javascript redirects to the mobile page based on screen width. Also, we attempted to make it difficult for desktop users to get to the mobile page as they look very poor on the bigger screens.

    I wonder if people search on their smartphones like they do on their home computers.(?) It seems folks do not use their phones so much for search and to use websites like they do on their desktops. Apps are the premier tool for this technology so far. Articles like this help raise the bar and push us small timers to try harder. Thanks for sharing.

  7. Zev Rubinstein 10/07/2012 at 12:17:36 Responder

    I am having my website redesigned and would like to have a mobile site when we publish the new site in the next couple of weeks. Do you offer custom sites? If so who do I contact for pricing?

    • Mary C. 11/07/2012 at 06:32:13 Responder

      Hi Zev,

      We have a stystem based on high quality templates but you are able to customize the content (images, text ans structure) as you want. With our script you will allow to re-direct your standard site to the mobile version when visitors access through a mobile device. Try Onbile and enjoy all our professional features.
      Start now!

  8. Shankar 22/07/2012 at 06:36:14 Responder

    Great selection. Great websites!

  9. Bill M. 30/08/2012 at 03:36:52 Responder

    I love responsive design. I never though that, like you said, in fact every website must be at least partially responsive. If you have to do it, why not go all the way with it?

  10. Chris SH 10/10/2012 at 18:28:01 Responder

    Great article, have to mention DConstruct’s website doesn’t do landscape very well…

  11. Raj Realop 06/11/2012 at 01:44:59 Responder

    Really nice selection. I want to see more.

  12. Anna 06/11/2012 at 02:07:50 Responder

    Amazing, lot of facts i didn’t know thanks for sharing.

  13. rDeck Editor 20/11/2012 at 06:34:04 Responder

    Hmmm cool collection, we picked onbile for list as featured @responsivedeck what you think?

    • Irene N. 20/11/2012 at 08:17:36 Responder

      Hi rDeck! We’ll be glad to be featured in your lists.

  14. Curious Web Services 08/01/2013 at 02:57:16 Responder

    All of these list of responsive web design websites for mobiles is nice and very creative. Thanks for sharing

  15. Responsive Web Design: The Pros and Cons, el 29/01/2013 a las 06:14:46

    [...] are a variety of sites that use Responsible Web Design well already. Here’s a short list of a few that I really [...]

  16. Importance of Mobile Websites | rderbyblog, el 08/04/2013 a las 07:50:12

    [...] http://www.onbile.com/info/best-mobile-websites-responsive-web-design/ [...]

  17. eyal 21/04/2013 at 06:06:04 Responder

    Hi Irene,

    Great selection of sites.
    Do you offer responsive designs? Or just templates?

    • Helena 21/04/2013 at 23:23:37 Responder

      Hi eyal,
      We are currently working to provide responsive websites, as well as the mobile templates that we currently offer. We’ll keep you posted on new developments :)

  18. css 리셋 및 미디어쿼리, html5, css3 브라우저 별 지원 스크립트 | BUYWORKSELL, el 05/08/2013 a las 03:33:42

    [...] http://www.onbile.com/info/best-mobile-websites-responsive-web-design/ [...]

  19. Miroslava D. 16/08/2013 at 04:16:03 Responder

    Webdagene looks good, but I think they should translate it to english, so more people would understand it.

  20. Michael Andrew 07/09/2013 at 11:33:23 Responder

    Great site for mobile website design. your works are appreciable. These info are very important and latest.
    Thank you..

  21. Minka G. 20/09/2013 at 05:59:44 Responder

    The Ampersand model is one of the best!

  22. Izumi P. 30/09/2013 at 06:12:13 Responder

    Visual Supply’s website’s is perfect!

  23. Dahlia O. 30/10/2013 at 06:40:56 Responder

    I looove Ampersand’s website! They use great typography.

  24. css 리셋 및 미디어쿼리, html5, css3 브라우저 별 지원 스크립트 | 애드24, el 12/12/2013 a las 16:24:18

    [...] http://www.onbile.com/info/best-mobile-websites-responsive-web-design/ [...]

  25. Carlyn Yafai 28/03/2014 at 11:40:12 Responder

    More and more of my clients are asking about responsive design lately which is nice. I think it’s a positive trend in the industry and really helps the user. I think it’s a way of designing websites that’s going to be used for a long time and not just some fad. I try to explain that to my clients when discusing a new project. Thank you for sharing this post!

  26. Sonia 10/04/2014 at 20:24:21 Responder

    More and more of my clients are asking about responsive design lately which is nice. I think it’s a positive trend in the industry and really helps the user. I think it’s a way of designing websites that’s going to be used for a long time and not just some fad

  27. mobile application development company 06/06/2014 at 22:26:11 Responder

    There are such a nice examples of responsive website. All websites are attractive and well designed. Responsive technology has changes the website design future and reduced the time.

Insert comment