Mobile-Responsive Sites: Top 10 Examples

BRANDSTORMINGTM

A slide deck on brands andtheir breakthrough examples

MOBILE-RESPONSIVE

SITES:TOP 10 EXAMPLES

SHOBHA PONNAPPA CONSULTING IN DIGITAL MARKETING BREAKTHROUGHS

COPYRIGHT © SHOBHAPONNAPPA.COM. ALL RIGHTS RESERVED.

http://shobhaponnappa.com/



My pick of the Top 10 Mobile-Responsive Sites

The following ten examples of sites have been chosen not just because they scale up or down responsively to the different devices, but because they have been created to be “intelligently and relevantly responsive” to the needs and behaviors of users using these devices.

While the uniformity of the brand look and feel has been maintained consistently across devices, in each case, the subtle nuancing of design enables interactivity in different ways for the different devices, while also enriching content or simplifying content depending on screen space.

These sites look simple enough - but if you actually see them on the different devices, and interact with them, you see how much planning and strategy has gone into the responsive design and architecture.




WORLD WILDLIFE FUND http://www.worldwildlife.org


http://www.worldwildlife.org/



APPLE http://apple.com


http://apple.com/



THE PAINT DROP http://www.thepaintdrop.com/


http://www.thepaintdrop.com/



THE BOSTON GLOBE https://www.bostonglobe.com/


https://www.bostonglobe.com/

https://www.bostonglobe.com/



FERRARI http://ferrari.com/


http://ferrari.com/



LEVIS http://www.levi.com/US/en_US/


http://www.levi.com/US/en_US/



BEN & JERRY’S http://www.benjerry.com/


http://www.benjerry.com/



SELFRIDGES LONDON http://www.selfridges.com/

IMAGES CREDIT: DTELEPATHY.COM


http://www.selfridges.com/

http://www.dtelepathy.com/



GAP http://www.gap.com/


http://www.gap.com/



LUFTHANSA http://www.lufthansa.com/


http://www.lufthansa.com/


SHOBHA PONNAPPAhttp: shobhaponnappa.com

Read a lot more on this topic in my ebook:

“Mobile-Responsive Sites:12 Top Design Pointers”

EMBED THIS PRESENTATION ON YOUR SITE AND IN YOUR MIND!



http://shobhaponnappa.com/what-is-social-tv-how-can-my-brand-use-it-to-benefit/

http://shobhaponnappa.com/mobile-responsive-sites-12-top-design-pointers/

http://shobhaponnappa.com/mobile-responsive-sites-12-top-design-pointers/

http://shobhaponnappa.com/what-is-social-tv-how-can-my-brand-use-it-to-benefit/


Mobile-Responsive Sites: Top 10 Examples

Marketing

different devices

mobileresponsive sites

paint drop http

examples of sites

responsive design

different ways

design pointers

subtle nuancing of design