Du sur-mesure sans démesure

  • Partager la page sur Facebook
  • Partager la page sur Twitter
  • Partager la page sur Google+
  • Nous joindre par mail

Responsive webdesign : Un site s'adaptant à tous les terminaux de consultation

Votre site web adapté à l’utilisation sur smartphone, phablette ou tablette, navigation optimisée, redistribution graphique, disparition d’images en vue d'alléger l’affichage…

Vos besoins en responsive webdesign :

La consultation web s’effectue désormais sur plusieurs familles de terminaux représentés par  des seuils de résolution et des densité de pixels spécifiques : grand écran de bureau, tablette, téléphone mobile, phablette… Cette évolution est désormais irréversible et l’époque où l’optimisation d’un site ciblait une résolution est aujourd’hui révolue :

  • Vous souhaitez refondre votre site web et le rendre compatible avec les nouveaux usages et notamment la consultation sur smartphone ou tablette
  • Vous voulez anticiper l’apparition de nouveaux terminaux de consultation comme les phablettes qui proposent un format intermédiaire entre écrans de tablettes et smartphones
  • Votre projet de refonte vise à optimiser la diffusion de vos messages ou de vos produits

Le responsive webdesign : comment ça marche ?

  • Distribution graphique adaptée à l’aide de maquettes spécifiques et intelligentes respectant des principes de conception UX design et web design spécifiques, comme des grilles de positionnement impliquant des comportements d’adaptation, une orientation dite « mobile first »…
  • Consommation de la spécification media-queries CSS3 en vue d’adapter les déclarations de style au format du terminal web utilisé

Responsive design : les solutions techniques

  • Media queries
  • Bootstrap
  • Knacss
  • SASS / LESS
  • Visuels vectoriels ou dynamiques : SVG, canvas…
  • Visuels matriciels déclinés aux différentes résolutions
  • Stratégies d’intégrations : polices typographiques customisées, iconographie dynamique

Mise en place dès la conception et expertise front end pour la réalisation :

  • Le responsive web design est traité chez Alter Way dès les étapes de conception ergonomique et graphique
  • Les zonings établis dans les wireframes, sur fond d’une grille de positionnement des blocs, posent les principes d’affichage et de réajustements de blocs en fonction de la résolution du terminal client.
  • Le traitement graphique des pages web ajuste ces principes, par exemple en remplaçant un menu affiché en desktop par un bouton unique permettant de déployer ce menu en version smartphone.
  • L’intégration HTML et la création des feuilles de styles prises en charges par nos intégrateurs sont testées sur les différentes plateformes fixes ou mobiles, via notre plateforme d’industrialisation des développements web