Best Mobile Wesites – Websites Adapted for Mobile Devices

Web Design

As smartphone sales grow and the number of people who embrace mobile networking increases, the need of having a mobile version of your website does the same. One great way to do it is using a professional mobile phone website template.

If you decide to make a version of your website only for mobile devices there are several aspects of the design you have to take into account to ensure a good user experience, and convey a professional image of your business.

Many mobile websites have a similar look with those blue iphone-like buttons, a photo, a logotype and not much else. Luckily, other businesses manage to adapt their image gracefully in the mobile version of their sites.

Let’s take a look at a selection of the best websites adapted for mobile devices you can find around the Internet and analyse what makes their designs great.

10 great websites adapted for mobile

Infiniti
http://mobile.infiniti.com/us/
This site makes great use of typography size and colors, combined with a few but beautiful photographs, a simple navigation and a clean style. It manages to transport all the content of its desktop version to mobile devices without overwhelm the viewer.
infiniti mobile website

Reebok
http://www.reebok.com/en-US/
In this case, both desktop and mobile versions of the site are so similar, you could think it is only a website with a flexible layout, but in fact this is an adapted website. The menu is reduced to its essential elements and the most relevant contents are situated on the top of the page. You have an option to see all the contents as a vertical menu, too.
reebok mobile website

Snowwhite and the huntsman
http://www.universalpictures.mobi/snowwhite
Nice website, it manages to keep the feel of the desktop version through the use of images and animations with CSS3 and JavaScript.
snowwhite mobile website

Etnies
http://www.etnies.com
Simple as it can be, Etnies’ mobile website probes that you don’t have to be afraid of white space, even in small screens. Sleek design with simple typography and little colors to make stand out the few pictures it has.
etnies mobile website

Hastings Racecourse
http://www.hastingsracecourse.com/mobile
Cleaner and clutter free, this is one of the few cases we can find where the mobile version has a better design than the desktop one.
hastings racecourse mobile website

Sephora
http://m.sephora.com/
Sephora’s website is heavy on content, and therefore hard to adapt for mobile devices. They managed to do it by cutting the content on the main page to a featured image and a beautiful menu based on a grid of squares.
sephora mobile website

Nespresso Naroa
http://nespresso.com/naora
The desktop version of the Nespresso Naroa site is packed with flash animations and fullscreen videos. The mobile version manages to adapt the experience for mobile devices fantastically, using Javascrip, keeping the look and feel of the original site.
nespresso naroa mobile website

Mini USA
http://mobile.miniusa.com
Simple, just like the car, Mini USA’s mobile website uses a clean vertical navigation and few images.
mini usa mobile website

Threadless
http://www.threadless.com/shop
A perfect example of an adapted design, Threadless’ mobile website keeps the distinctive elements of its desktop counterpart, but getting rid of all the clutter.
threadless mobile website

Sevnthsin
http://m.sevnthsin.com/
With navigation style based on big icons, this website takes advantage of the touchscreen, one of the unique characteristics of many mobile devices. Nice colors and fonts, and a clean and modern interface do the rest.
sevnthsin mobile website

15 Comments

  1. ruby83 07/06/2012 at 08:18:31 Responder

    Some of these websites look amazing, specially the nesspreso one. Great selection.

  2. kev_mills 12/06/2012 at 00:18:23 Responder

    Wow! Some of these websites are amazing! I didn’t know you could achieve that level of animation on a website without using flash.

  3. Mike Evans 18/06/2012 at 01:24:23 Responder

    Great selection! Thanks for sharing.

  4. Karen D 02/07/2012 at 00:39:07 Responder

    The animation in the snowwhite site is fantastic!

  5. Ken_Portman 02/07/2012 at 02:56:04 Responder

    This sites look impresive, it’s hard to see such great designs in mobile websites.

  6. David Graham 02/07/2012 at 03:08:01 Responder

    I loved the Sevnthsin navigation style, so original and a great way to use touch screens.

  7. Jarvis Carvin 06/11/2012 at 01:36:08 Responder

    Great selection, but some pages had stopped working. How about a new post?

  8. Vera 06/11/2012 at 02:06:14 Responder

    I have bought at Threadless.com several times and it’s great that it’s adapted for mobile, wouldn’t have bothered otherwise.

  9. jampa 06/01/2013 at 23:56:53 Responder

    i like the Infiniti most and specially 360 degree interior and exterior sections…keep rocking

  10. Madison Pittman 11/03/2013 at 01:56:04 Responder

    Yes these are really great examples of mobile-adapted websites.

  11. wiyono 20/04/2013 at 17:08:09 Responder

    really great mobile sites

  12. Iker G. 19/08/2013 at 04:39:09 Responder

    Etnies and Reebok didn’t let me down. They’re the best!

    PS: Sevnthsin have an amazing website too.

  13. Narayan D. 20/09/2013 at 06:02:19 Responder

    Etnies has a great design!

  14. Xiang G. 23/09/2013 at 04:59:51 Responder

    I especially enjoy browsing Reebok’s mobile website :)

  15. Michael C. 04/11/2013 at 07:23:40 Responder

    I like buying on Sephora on my Google Nexus 4. It displays very nice!

Insert comment