5 Surprisingly Great Examples of Responsive Websites

5 étonnamment de grands exemples de sites Web réceptifs

Ethan Marcotte a écrit le livre (littéralement) sur le design réactif en 2010. Ethan a écrit que:

 

Le contrôle que les concepteurs connaissent dans le support d'impression, et souvent le désir dans le support Web, est tout simplement une fonction de la limitation de la page imprimée. Nous devrions embrasser le fait que le Web n'a pas les mêmes contraintes, et la conception de cette flexibilité. Mais d'abord, nous devons "accepter le reflux des choses".

 

Ethan a été impliqué dans le projet pour la 2011 Boston Globe refonte, qui a été le premier grand site à adopter une approche réactive. Mais 2012 a été l'année où la conception réactive a frappé le courant dominant. Voici 5 excellents exemples de sites Web réceptifs, d'entreprises que vous pourriez ne pas attendre.

5 Surprisingly Great Examples of Responsive Websites

Microsoft.com. Oui, Microsoft. La même entreprise qui nous a apporté Internet Explorer 6 a un site Web très bien conçu réactif. Le site semble glorieux à travers toutes les tailles d'écran commune (appelé points d'arrêt dans le monde du design réactif). Ce qui rend le site de Microsoft particulièrement agréable est la conception panoramique. L'image principale de héros est 1600 pixels de large, beaucoup plus large que la plupart des concepteurs auraient utilisé dans le passé. Félicitations pour Microsoft pour un de mes préférés réaménagements réactifs en 2012.

Général Electric. GE a été fondée en 1892 par une fusion d'Edison General Electric et de la Thompson-Houston Electric Company, et est devenu des meilleures entreprises de l'Amérique et les plus prospères. GE a récemment lancé une nouvelle conception réactive qui semble grande sur les ordinateurs de bureau, les tablettes, et les smartphones. GE a également utilisé une longue page de conception, qui met bien en évidence l'histoire GE et humanise la marque.

Rester informé

Recevez le meilleur contenu sur le futur du marketing, les changements dans le secteur et les avis de nos experts.

Disney.com. Déplacer un site avec la complexité de Disney à un design réactif doit avoir été tout un défi. Le résultat final valait l'investissement, comme le nouveau Disney.com semble fantastique-soulignant les riches, l'imagerie vivante de l'univers de Disney. Ils ont également intégré un lecteur vidéo Slick directement à l'intérieur de la conception réactive, qui les ventes de haut en bas automatiquement.

Gouvernements d'état de l' Alabama, de la Californie, du Maine, de la Caroline du Nord, et du Rhode Island. C'est formidable de voir le secteur public embrasser la transformation numérique et commencer à penser à mobile d'abord. La conception réactive fait même son chemin vers les échelons supérieurs du gouvernement. Le gouverneur Paul lapage du Maine est ravi de la nouvelle conception réactive de son état, «combinant la conception innovante avec la navigation conviviale, Maine.gov est un site pour les gens. Il assure la transparence et l'efficacité. " Vraiment l'espoir de voir plus d'État et les gouvernements locaux embrasser mobile et l'importance de la conception en 2013.

Starbucks. Il n'est pas surprenant que Starbucks mettrait en œuvre une conception réactive cependant, il est surprenant, et cool, qu'ils ont publié leur guide de style en ligne. Le Guide de style Starbucks définit leur cadre de grille réactif, les régions, les blocs, et plus avec de grands exemples de chacun. Si vous êtes un développeur Web de réflexion sur la conception réactive, alors vous devriez certainement jeter un oeil à Starbuck site et le Guide de style.

Donc, ce sont cinq étonnamment grands exemples de design réactif. Faites-moi savoir sur vos sites préférés dans les commentaires. Et pour en savoir plus sur la conception réactive avec Drupal, jetez un oeil à l'un de nos webinaires à la demande.

Visionnez un webinaire enregistré sur la création d'un site Web réactif avec Drupal

Tom Wentworth

Marketing produit SVP Acquia