610

Responsive design : 10 exemples de sites web de destinations touristiques

La révolution responsive est en marche !

En veille permanente sur les sorties de nouveaux sites web dans le domaine du tourisme, je constate avec satisfaction que de plus en plus de destinations touristiques optent pour le responsive design.

Petit rappel sur la notion de responsive design

Cette technique permet de créer un site web dont l’affichage est compatible avec tous les terminaux (ordinateurs, mobiles, tablettes, télés connectées) quelque soit la résolution et l’orientation de l’écran (paysage et portrait).

Un site fluide pour une expérience utilisateur unique sur différents supports !

horizontal-mobile-responsive-layout

J’ai regroupé pour vous dans cet article 10 exemples de sites web de destinations touristiques utilisant le responsive design.

Ce petit panorama n’est bien sûr pas exhaustif, mais il est évolutif ! Alors n’hésitez pas à me faire part d’autres sites dans les commentaires de cet article.

  • En France

Office de Tourisme de Saint-Etienne

Saint etienne

Office de Tourisme de Bourg d’Oisans

Bourg d'Oisans

L’Aquitaine en 10 destinations

Aquitaine

  • En Europe

Office de Tourisme National du Luxembourg

Luxembourg

Office de Tourisme de Finlande

Finland

  • Ailleurs dans le monde

Travel Oregon

Oregon

Iron Range Tourism Bureau

Ironrange

Michigan’s Official Travel and Tourism Site

Michigan

Rogers Convention & Visitors Bureau

Rogers

Tourism Australia

Australia

 

Quelques ressources intéressantes sur le responsive design

Le webdesign à l’heure des tablettes
Pinterest Responsive WebDesign : Inspirations eTourisme
L’avenir du mobile passe par le responsive design
Responsive design : Cas d’études à lire
Why your responsive design depends on content
Le responsive design au service de l’image de marque

Et pour ceux qui sont en phase de réflexion pour la refonte de leur site web en 2013, voilà une infographie très utile !

  • Valentin

    Bravo pour cet article très complet ! Je vous invite par ailleurs à consulter le tout nouveau site du Berry : http://www.berryprovince.com/

    • http://twitter.com/Twitourisme Grégoire CHARTRON

      Belle réalisation et responsive qui plus est 🙂

  • Fonky de Nakar

    Une infographie sur l’accessibilité qui ne met pas les accents aux majuscules, c’est un peu comme un serpent qui se mord la queue.

    Merci pour cet article bien utile.

  • http://www.dublanchet.com/ Ludovic Dublanchet

    Très bon billet avec plein d’exemples, merci Grégoire, si avec ça on ne parvient pas à en convaincre quelques-uns !!!

    • http://twitter.com/Twitourisme Grégoire CHARTRON

      Merci Ludovic !
      #rwd et #etourisme, une tendance à suivre de près et qui va très certainement s’affirmer en 2013…

  • http://www.facebook.com/mike.shellard.3 Mike Shellard

    très beau travail de recherche.

    • http://twitter.com/Twitourisme Grégoire CHARTRON

      merci 🙂

  • GNivoix

    Bravo pour cet article. Vos exemples montrent bien la différence entre ceux qui se contentent d’amputer une grande image pour les petites résolutions (y compris en coupant le titre comme la Finlande) et ceux qui adaptent vraiment leur « response » (Rogers).

    • http://twitter.com/Twitourisme Grégoire CHARTRON

      Effectivement, la gestion de la taille des images et leur redimensionnement est un des points clés pour qu’un site soit totalement #rwd…

  • http://www.facebook.com/campingmorbihan Claude Le Gloanic

    Tres bon document, et maintenant le site http://www.camping-en-morbihan.fr y est aussi !

  • Pingback: Site mobile, webapp, applications, quel choix pour votre presence mobile ? « Voyage en Multimédia()

  • http://www.facebook.com/viacarto Gabriel Barneaud

    Bonjour,

    Très bel article pour lequel je confirme l’intérêt grandissant,
    avec le portail E-tourisme lancé il y a deux mois et dont je suis le fondateur : http://www.viacarto.com qui est également en responsive design.

  • Sylvie Muller

    bravo, voila une vision claire et tres parlante