Beautiful websites : l’ère du web 2.0

Publié le 13 Oct 06 à 13:56 | Catégorie : Design Web | 6 commentaires

Cette semaine nous allons délaisser l’illustration vectorielle pour nous intéresser aux sites web qui caractérisent le mieux la nouvelle vague Internet. On les distingue très facilement, car ils suivent souvent plus ou moins les mêmes codes graphiques.

Cette vague de sites web 2.0 représente une transition importante vis-à-vis de ce qui se faisait avant en terme de web design. Peut-être est-ce dû au fait que l’ordinateur s’est vraiment démocratisé ? Les prix attractifs font qu’on achète ou change plus souvent de machine aujourd’hui. Cela offre du coup de nouvelles possibilités en terme de taille de page, car les machines récentes disposent d’écrans plus larges et de résolutions plus élevées. Donc fini les sites en 800×600 !

Par ailleurs, le pourcentage d’adoption de l’ADSL étant très important, cela autorise plus de largeur vis-à-vis du poids des images. En effet, les limitations qui existaient avant ont sauté avec l’avènement du haut débit. Les pages web sont plus lourdes. Il suffit d’aller faire un tour sur des sites grand public comme Yahoo (200 ko), Le Monde (330 ko) ou encore TechCrunch (530 ko !) pour le vérifier.

Et du coup, avec moins de contraintes, les sites ont pris des allures différentes, en empruntant certains des principes suivants :

  • Une page centrée et très aérée
  • Un design à l’horizontale avec une présentation très large
  • Des titres énormes
  • Quelques effets 3D ou d’ombrage
  • Des couleurs très vives
  • Une utilisation massive de dégradés de couleurs
  • Des effets graphiques dynamiques

Goowy et Ziki ont par exemple une présentation très claire et espacée, toute en largeur :

Goowy

Feed Rinse et Dosize utilisent quant à eux des gros titres :

Feed Rinse

Chez Carbonmade et Cork’d, c’est plutôt coloré :

Carbonmade

Et il est maintenant courant d’avoir des effets de réflexions sur les logos (voir Traineo ou Fluxiom par exemple) :

Traineo

Ou des logos en 3D, comme pour Pocket :

Pocket

Il y a également plein de petites choses que l’on retrouve parfois comme l’appellation beta bien apparente à coté du logo, ou encore des écussons pour accrocher l’attention du visiteur. Si vous voulez découvrir cette nouvelle race de sites, ce site référence quelque uns des plus connus.

A lire également

Les visiteurs qui ont vu cette page ont consulté ensuite :

A savoir

Si vous le souhaitez, vous pouvez être prévenu de la parution de nouveaux articles en vous abonnant par RSS ou par email.

6 commentaires à propos de “Beautiful websites : l’ère du web 2.0” :

  1. Les sites sont sympas au niveau du design, mais j’ai du mal avec ce style trop aérés… J’ai l’imprression de ne pas trouver ce que je cherche rapidement. Vieille école sans doute… J’en ai profité pour tester thinkpocket: c’est pas mal. J’aime bien ce classement dans plusieur catégories comme sur google mail. Mais j’ai beaucoup de mal avec ce style de présentation. Je vais pousser le test un peu plus loin quand même.

    Stancaiman le 16 October 2006 à 23:32 (#1)

  2. Oui, tu me diras ce que tu penses de celui-là. J’ai été fasciné la première fois que je l’ai utilisé, car l’interface est superbe et très dynamique. Mais ensuite j’ai vite déchanté. Déjà il ne fonctionne qu’avec Firefox, donc ça limite un peu l’intérêt de ce genre de site (bookmarks en ligne). Ensuite, il a de grosses lacunes en terme d’utilisabilité. Dommage. Ca ressemble plus à un joli projet étudiant qu’à un vrai site.

    Stéphane le 18 October 2006 à 09:08 (#2)

  3. Elle sont vraiment sympa ces interfaces web.

    J’adore, merci Stéphane.

    Pierre

    Pierre le 1 May 2007 à 23:27 (#3)

  4. Quand je vois ça, je suis un peu dégouté. Je me débrouille en développement web, mais je suis vraiment nul en design. Je suis donc un peu perdu de ce côté là et ça m’empêche de me lancer dans le développement complet d’un site web car ce que je fais est laid.

    Que pourriez-vous me conseiller pour que je m’entraine à faire des trucs beaux? Y a-t-il des outils de “dessin” de site web intéressants? Actuellement, je fais tous mes design CSS à la main, et mes sites ressemblent plutôt à un dessin fait sous “paint” par un gamin de 5 ans… Evidemment, pour faire un beau desgin, il faut avoir du goût. Mais je suppose qu’il existe des outils qui facilitent la tâche?

    stnicolas78 le 19 December 2008 à 10:29 (#4)

  5. Stnicolas78, je te conseillerais plutôt de te t’associer à un web designer pour ton projet ou alors de faire appel à ses services sous la forme de prestations payantes. Rassure-toi, il y a peu de personnes capables à la fois les aspects développement et graphisme.

    Stéphane le 20 December 2008 à 12:27 (#5)

  6. Personnellement j’aime beaucoup ce nouveau style de site sans manquer de notifier aussi les suivants..

    Comeeti.fr
    Aladom.com
    JoinaDate.com
    Justacoter.com

    Je les aime tous , mais au fil du surf, on fini par ce dire qu’il se ressemble drolement..
    Même si on sait que certains sont fait par la même boite Utopiaweb.fr (très fort, va valoir que je le demande un devis )…

    Il me donne une grande envie de passer au Web2 , sans en avoir également les capacités.. en dehors de scripts tel que Boonex et autres Cms..
    Mais le Css c’est sympa , mais pas facile et comme dit Pierre avoir des idées c’est encore autre chose..

    Chris Wakae le 4 March 2009 à 02:21 (#6)

Ajouter un commentaire

Les informations obligatoires sont indiquées par une étoile rouge *.


dis donc, c'est la folie ces services de rédaction en ce moment. Il y en a un nouveau tous les jours :).

Articles Récents

Les derniers articles publiés

A Propos

Je m’appelle Stéphane Thomas et je suis Ingénieur Senior expert dans le développement d'applications web complexes. Etant également un peu Entrepreneur, j'ai tenté l'aventure de la création d'un nouveau service Internet appelé Loomiz. Je suis maintenant le cofondateur d'Hitomi Studio, un studio de développement spécialisé dans la réalisation de sites ecommerce haut de gamme pour de jolies marques.

Lire la suite…