A Showcase of 10 Creative Mobile Website Examples

By: Wes McDowell | December 2nd, 2011 | 5 comments

Share this:

Nearly half of all internet users are using a mobile device to access it. I just read a report predicting that by 2015, mobile users will overtake people using PCs. So you can bet this mobile website thing isn’t going anywhere for a while. Designing for mobile devices comes with its own set of issues: designing for a variety or screen sizes, load speeds, making buttons large enough to not be accidentally clicked by those with larger-than normal thumbs, etc. Sometimes you can get away with a site performing double-duty, and just use what you have for mobile devices as well. Sometimes that just isn’t a feasible option.

When designing a dedicated mobile website, either for yourself or for a client, you must keep the above rules in mind, but there is no rule that says it has to be a bare-bones snore-fest either. I would compare it to decorating a studio apartment – its a limited space, but if you work smart, you can still fit in all the essentials, and make it inviting as well. Here are ten examples of mobile sites that have done an amazing job with a limited amount of real estate, and are simple and easy to navigate.

Mode

Branding & interactive agency

This site does a great job of presenting eye-catching work in a straightforward grid, with 2 simple navigation items at the top.

Hacker Group

Business to business and consumer direct marketing agency

Simple navigation is boosted by a strong focal image with a clear marketing message.

Hooppps

Dribbble’s mobile site

This fun and simple offshoot of Dribbble takes their clean interface and makes it even cleaner for mobile, letting the showcased work take the lead.

Big Bite Creative

Digital creative design studio

Minimal and retro, this page features an easy dropdown menu and homepage mini-slider.

Quaintology

Web development portfolio

Super quirky and retro, this mobile site has a rich feel, but it still employs a pared-down navigation to keep things simple.

Warface

Digital designer portfolio

The colors, the typography choices and the imagery all add to the fun, clean nature of this designer’s mobile site.

FXNINE

Visual creative group

Big menu items and even bigger typography make a big impact on this site. I also love the subtle use of lighting effects on the navigation.

Moiré

Marketing partners

Bold use of color and shading not only brand the site very well, but make it really easy to find your way around as well.

Tyler Michaud

Music producer, DJ and record label owner

With a dramatic full-bleed background image and prominent navigation placement, its easy to catch up on this guy’s music, and even download podcast episodes.

Formas Do Possivel

Graphic design portfolio

With a simple yet striking interface, you know exactly where to go to check out this guy’s work, contact him, even add him on Facebook or LinkedIn.

What do you think of these examples? Have a favorite, or another one to share?

5 Responses to A Showcase of 10 Creative Mobile Website Examples

  1. Nowadays more people are using mobile phones than pc’s to get online. Mobile websites are simply so convenient for people who shop online or who use their mobile phone to find a business.

  2. Kev says:

    I think responsive navigation is the best way to go so no matter what device your visitor is on the navigation will look good. So one visitor could be on an iPod, one on a widescreen desktop computer, one on a laptop and one even looking at a big projector screen and they will all have a nice experience. Here are some great nav bars with and without a drop-down menu, and semi-transparent nav bars that will match any webpage background colour or design.

    RESPONSIVE NAVIGATION
    http://templatz.co/navigation.php

  3. John says:

    Getting a responsive design in place is definitely helpful. We’re currently utilizing javascript to help us display our mobile site (http://m.usinsurancenet.com) as many physical device specs keep changing.

    Right now, just getting the mobile site in place is a big hurdle a lot of companies are having but the next step will be getting more mobile specific features/functionality added to the sites.

Trackbacks/Pingbacks

  1. [...] A Showcase of 10 Creative Mobile Website Examples [...]

  2. [...] mobile websites.1+ Comments Loading…    Anon User There are some examples here:http://thedeependdesign.com/creahttp://www.underworldmagazines.c…But one could find that they are not that different from the [...]

Leave a Reply