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.
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.
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.
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.
Good example of how to cut clutter without affecting the design.
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.
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.
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.
Even a design that looks crowded and complicated can be perfectly fitted on small screens through responsive design.
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.
An easy alternative for small screens is, like in this case, to leave the pictures out and just show texts.
Beautiful selection of responsive design websites, thanks for sharing!
Great post and great websites!
Beautiful selection. Berkshire is just amazing!!!
I love responsive design. Thanks for sharing this fantastic selection! ^_^
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)
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.
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?
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!
Great selection. Great websites!
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?
Great article, have to mention DConstruct’s website doesn’t do landscape very well…
Really nice selection. I want to see more.
Amazing, lot of facts i didn’t know thanks for sharing.
Hmmm cool collection, we picked onbile for list as featured @responsivedeck what you think?
Hi rDeck! We’ll be glad to be featured in your lists.
All of these list of responsive web design websites for mobiles is nice and very creative. Thanks for sharing
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 [...]
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/ [...]
Hi Irene,
Great selection of sites.
Do you offer responsive designs? Or just templates?
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