• Le site de la voilerie All Purpose
    Le site de la voilerie All Purpose

    Un exemple de site en Responsive web design

    Le nouveau site internet All Purpose, voilerie bien connue des passionnés de voile, basée à La Trinité-sur-Mer et à l'origine d'un GIE rassemblant 7 voileries en France, est en ligne.

  • Un exemple de site en Responsive web design

    Le nouveau site internet All Purpose, voilerie bien connue des passionnés de voile, basée à La Trinité-sur-Mer et à l'origine d'un GIE rassemblant 7 voileries en France, est en ligne.

> > Le site de la voilerie All Purpose

Le site de la voilerie All Purpose

Publié le 20.04.2012

L'ancien site déjà réalisé par Versio datait de 2003 ! Un des premiers développé, hébergé et maintenu par Versio. Bien que fonctionnel, il avait franchement vieilli, et commençait à nuire à l'image de marque de l'entreprise. Merci à All Purpose de sa fidélité et de sa confiance renouvelée.

Plein d'actus richement illustrées

Le site présente les savoir-faire et compétences de la voilerie, les approches de conception selon les typologies de voiliers : courses, croisières, maxi-yacht ou encore les classes sportives. Très riche en contenus, l'équipe rédactionnel de All Purpose a effectué un travail en profondeur, avec beaucoup d'actualités très structurées et richement illustrées : photos, vidéos, croquis, vues 3D des voiles... qui rendent le site très vivant.

Responsive design

Pour cette nouvelle version, Versio a proposé à d'exploiter la technologie "Responsive design" afin de permettre un affichage optimisé du site sur tous les supports : tablettes, mobiles... et selon leur taille d'écran et de résolution.

Cette solution relativement récente -à base de CSS3, Html5 et JQuery-, permet aux navigateurs de re-calculer la taille des objets qui composent les pages ou même de définir les éléments graphiques qui doivent rester présents ou d'interpréter les menus selon le contexte d'affichage. Sur les écrans de téléphone, ces éléments sont ré-organisés ré-interprétés ou mêmes disparaissent.

A découvrir en jouant avec la largeur de son navigateur et/ou en navigant sur le site depuis son smartphone.