responsive design

Quelques minutes de détente avant de commencer la journée, vous lisez un magazine et votre oeil est attiré par la magnifique dernière publicité de Tartenpion.com. Elle vous dit “Venez sur notre site, ce sera bien mieux que de lire ce torchon”. Oui, mais.. Non. Parce que quand vous scannez le QR Code que cette pub arbore fièrement, c’est une catastrophe. Un site web non optimisé pour l’écran de votre mobile.

Deux solutions :

  • Jouer avec le zoom pour espérer voir quelque chose parce que franchement vous aviez vraiment envie de voir ce que le site tartenpion avait à vous proposer (bonjour le confort de lecture).
  • Quitter ce site pour sans doute ne jamais y revenir. Vous vous dites “Je me suis fait avoir une fois, cela n’arrivera plus de sitôt”.

Imaginez maintenant c’est vous qui êtes derrière le site tartenpion et que vous venez de perdre un client potentiel. Vous avez payé votre agence pour vous conseiller, faire votre pub, et vous pensiez vraiment que ce QR Code était une super idée.
Oui, c’était une bonne idée… Mais elle n’a pas été correctement menée.

Un affichage optimal sur tous les écrans ?

C’est possible !

Il faut créer plusieurs versions de votre site et ou des applications pour mobile. Avec ça vous serez sûr que Tartenpion.com sera visible de façon optimale pour les terminaux que vous aurez choisis. Oui mais … ça veut aussi dire :

  • Un site grande résolution adapté aux grands écrans
  • Un site pour les résolutions plus petites
  • Un site pour smartphone Android et/ou une application
  • Un site pour Iphone et/ou une application
  • Un site pour Ipad et/ou une application
  • etc…

Et bien sûr la liste peut évoluer (même si je noircis le trait exprès)… Vous vous arrachez les cheveux en pensant à votre budget web qui va nécessairement exploser ? Pas de panique, nous avons la solution à votre problème : le Responsive Webdesign.

Qu’est-ce que le Responsive Webdesign ?

Avant toute chose, et si vous n’êtes pas convaincu par mon (long) état des lieux, voyons ensemble les enjeux du design de sites web aujourd’hui :

Les enjeux digitaux évoluent : vos visiteurs ne sont plus forcément devant un écran d’ordinateur lorsqu’ils visitent votre site. Ils peuvent aussi être en situation de mobilité.. Jetez un oeil à vos statistiques de visites et vous verrez qu’ils sont de plus en plus nombreux. Et pour ne rien arranger les supports se multiplient : écrans d’ordinateurs, tablettes, smartphones, etc… Malheureusement, tous les visiteurs ne sont pas égaux face à votre site. Bah oui, forcément, il a été bâti pour des grands écrans. Et bien sûr, ce n’est pas à eux de s’adapter mais à vous ! Votre site doit être compatible, de façon optimale avec :

  • tous les terminaux mobiles ou non
  • toutes les résolutions d’écran

Pourquoi ai-je présenté le Responsive Webdesign comme la solution ?

Tout simplement parce que celui-ci réponds aux nouvelles problématiques d’élasticité des sites web. Dès la conception du design de votre site celui-ci est pensé, réfléchi pour être flexible et s’adapter automatiquement à tous les terminaux.

Responsive design

Les utilisateurs peuvent ainsi visiter un même site sur grand écran ou mobile sans dégradation, sans jouer avec leur zoom. La seule différence sera que sur un petit écran l’information sera réorganisée pour une lecture agréable et plus facile. Par exemple, les colonnes pourront s’ajuster, se déplacer voir même disparaître entièrement. Les images quant-à-elles se redimensionnent automatiquement, se déplacent, etc.. Un seul mot d’ordre : La flexibilité.

En conclusion :

Au lieu d’augmenter le nombre de dispositifs internet (et donc très fortement votre budget), le Responsive Design vous permettra d’offrir à vos lecteurs une expérience commune et optimale quelque soit le choix de leur terminal.

Vous désirez voir un exemple de site en responsive ? Rendez-vous sur le site stores-concept, forbrain, ou Karzoo

Vous pouvez aussi vous rendre sur notre page web dédiée au Responsive Webdesign !
Et si une telle prestation vous intéresse, n’hésitez pas à faire appel à notre web agency !