The Blog

Boost your cloud business reading our latest news, tips and updates

Best Mobile Wesites – Websites Adapted for Mobile Devices

sevnthsin mobile website

      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


      Categories: Web Design
      Irene N.

      Graphic designer

      16 Comments
      1. Pingback: Mobile Phone Revenue

      Leave a Reply

      Your email address will not be published. Required fields are marked *

      You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>