• Font choice and size are easy to read on small mobile screens
• Buttons are in perfect sizes for touch-based devices
• Clear cut images and copies
• Good amount of white spaces
• Clear and obvious CTAs
• Good usage of accent colors

• Font choice and size are easy to read on small mobile screens.
• Buttons are sized adequately for touch-based devices.
• Art direction of images suits the design of the website.
• Good amount of white space.
• Clear and obvious CTAs.
• Good usage of accent colors.

Bloomberg added much zest to its conventional design with a good dosage of bright and strong colors. The striking blue applied to a conventional font that’s similar to Helvetica provides a tinge of freshness to their rigid design.

Other striking colors are also used throughout the website to differentiate news from different categories. Overall great use of colors.

Good flow of information, telling what you need to know in a way that is easily understandable and fun.

Options to expand a card to know more about each feature is a really good idea especially on mobile-devices where pixel space is limited. UI/UX plays a role in SEO too so that has to be considered.

In case you haven’t notice, most of the websites shown here are using flat design and card styled layout. It is the latest trend in web design and it is also one of the more important ones.

Microsoft was one of the big tech companies that started this trend and now nearly everyone is doing the same. The reason why flat design and card styled layouts are so popular is that it fits much better on the small mobile screens.

The slick design of this mobile website definitely stands up to its brand being a community for designers and the like.

Getting the definition of a word is a breeze with Oxford’s dictionary. All the extra knowledge presented in the lower part of the mobile page are also interesting enough just to keep you staying on the page to learn more.

There’s even a language test where you can test your English proficiency and work your brain a little. These are great ways to keep your audiences on your page and improve your SEO score.

Nike let their product do most of the talking via brilliant images. Pair those with some kickass copy and you get a powerful message that shouts “Buy Me!”

One thing that is unique from Nike’s mobile website is, to fit in two shoe pictures in one row, they flipped the photos of their shoes vertically so that they fit better in the narrow space of a mobile screen. I call that innovative.

Threadless relies a lot on the feedback of their community. The more the community participates by submitting designs, voting and scoring designs, the better their products are.

Voting and scoring designs are really easy with their endless scrolling voting page. You can easily lose track of time scoring designs after designs on their mobile website.

Pokemon is a favorite among most people, and their mobile website also functions great on your palm sized devices.

The Featured Pokemon section is easy to navigate as you can slide each card horizontally to reveal other Pokemons.

Each fold on their mobile website is clearly defined with colored or plain backgrounds. Headlines are big and clear, definitely a pleasure to read on all the small mobile screens.

Apartment therapy’s web design is as beautiful as its interior design inspirations. Clean and spacey.

Their choice of using a serif font is also a great one as it complements well with the entire design and makes their mobile website look classy.

Among the 20 mobile websites featured here, Lego is the only website that features drop shadows. If they could go easy on their drop shadows, their website would look less busy and cleaner. Aside from the drop shadows, Lego doesn’t disappoint with it’s fun and vibrant design.

Their mobile site features full-width images with headlines underneath. Simple, clean and effective design. No fluff, just how readers like it.

The font used for the headlines is thinner compared to the desktop version, also, the headlines are only capitalized on the first letter of every word instead of every word in the desktop version. These tweaks for their mobile website enable more words to fit in each line and greatly reduce the space needed while keeping the website look neat.

MTV is hugely popular among teens and it is easy to see why through their mobile site. Their headlines are very short, in fact, most of the time it is just random keywords + random keywords. They don’t even bother to capitalize their headlines, because that’s how teenagers text with their friends yo’.

When it comes to news for youngsters, social shares are an important indicator of whether the news is worth reading or not. Mashable got that right by displaying the shares together with the headlines.

The endless scrolling means you can easily browse news after news stay on their mobile page for much longer than you should.

Airbnb is smart in using large folds to accommodate attractive pictures of travel destinations to encourage interest. For a mobile website that has so many features and so complicated, using Airbnb is surprisingly easy and intuitive.

Love how they accentuate the featured news with a bright red background for its title. Most magazines have moved on to using card styled layouts for each piece of articles but not Popular Science. Each piece of article is separated by a subtle dotted line but it is just as good as having cards.

Etsy’s mobile website is beautiful with its earthly toned colors. If you are into vintage and handmade stuff, be warned, you’ll be compelled to spend many unnecessary dollars here on items that are picked by their editors or items that are recommended for you.

Shopping on Society6 is really easy with all the filters they provide. Shopping for nice stuff is also easy as they feature beautifully designed products that are liked or purchased the most by other consumers. Good business strategy to sell us more products.

Mixing full fold images with card-style layout, their mobile website is never boring and always effective.

• Disqus
• Google+