Mes 3 sites coup de coeur (janvier 2011)

Nouvelle année = nouvelle série de sites coup de coeur. Démarrons cette année avec 3 sites très différents.

Commençons avec 80/20, un studio de design de NY :

8020

Oui je sais, j’ai un faible pour les design minimalistes, mais ce site-là est particulièrement bien réalisé. Les couleurs sont harmonieuses, les coins sont parfaitement droits… Ils ont même retiré la navigation pour coller à la tendance du moment (cf. Vive les sites web à page unique !). Bref, c’est d’une sobriété imbattable, mais j’aime bien.

Pour contrebalancer cette austérité, je vous propose ensuite le site de Payoff, un site de gestion budgétaire :

Payoff

J’apprécie particulièrement sur ce site l’harmonie des couleurs (nuances de bleu + touches de jaunes pour dynamiser), le fond de page animé (les nuages défilent lentement) et la grille de lecture aérée (sinon on ne verrait pas le fond de page). Il manque peut-être en page d’accueil une explication courte du service (je n’ai toujours pas bien compris comment ça fonctionne) mais le rendu visuel est très stimulant.

Terminons avec Polaroid Stream, le brandstream de la marque aux photos instantanées :

Polaroid_Stream

J’apprécie particulièrement la grille de lecture très rigoureuse des news et le large bandeau de défilement. Les couleurs sont très sobres (ce qui n’est pas sans rappeler le site d’Adobe) et le site très cohérent (notamment la rubrique The Movement). Bref, esthétisme et sobriété pour une marque qui n’a pas hésité à se payer les services de Lady Gaga lors du dernier CES.

La suite le mois prochain.

Mes 3 sites coups de coeur (décembre 2010)

Dernière sélection de sites coups de coeur de l’année avec des couleurs et du minimalisme.

Commençons en fanfare avec Gazel, une boutique en ligne de produits de bain 100% bio :

GAZEL

Dès la page d’accueil, le visiteur est plongé dans une ambiance « moelleuse » avec ce fond de page qui imite la texture des serviettes de bain. Les éléments de la page sont disposés de façon harmonieuse et les couleurs s’orchestrent parfaitement bien (boutons et liens visibles, mais pas flashy). Vous apprécierez au passage les illustrations d’inspiration Anatolienne.

Continuons avec un design à l’opposé du spectre chromatique pour Storific, une application iPhone pour commander vos plats ou boissons :

Storific

Un très gros travail d’épuration des contenus (réduits au strict minimum) et un beau contraste entre les différents éléments de la page et le bouton de téléchargement. Vous apprécierez en haut de page le bouton qui permet de basculer vers la page « Business » qui imite ceux que l’on trouve sur l’iPhone.

Terminons avec Krrb, une place de marché CtoC pour acheter, vendre et échanger entre voisins :

Krrb

La page d’accueil est un peu froide, mais la page de résultat est un très bel exemple de minimalisme. J’apprécie tout particulièrement l’agencement et la proportion des différents blocs ainsi que l’utilisation judicieuse des couleurs (bleu, vert, gris et rouge).

La suite l’année prochaine.

Mes 3 sites coup de coeur (novembre 2010)

Ce soir je vous propose de découvrir trois sites haut en couleurs pour égayer ces mornes journée pré-hivernales.

Commençons avec Courier, une application de multipublication pour Mac :

Courier

Oui je sais, vous avez vaguement l’impression d’avoir déjà vu cette construction de page ailleurs. Il n’empêche… ça fait toujours beaucoup de bien de tomber sur une page aérée comme celle-ci (en y réfléchissant bien, je n’ai jamais vu de page d’accueil avec si peu de texte). Comme toujours, j’apprécie le découpage horizontale par couche, les typos originales et la flèche qui sort du cadre en bas à droite pour attirer l’oeil. Vous noterez au passage l’effet « loupe » au survol des bulles sur la capture d’écran.

Poursuivons avec Gort Kids, une halte-garderie anglaise (enfin je crois) :

GortKids

J’adore l’harmonie des couleurs et le contraste proposé pour rythmer la page en hauteur. Les textes sont courts et les titres et boutons parfaitement mis en valeur avec l’astuce graphique du ruban que se replie derrière le bloc. J’aime aussi la simplicité du logo et le très beau fond d’écran.

Terminons avec le site de Min Tran, un web designeur vietnamien :

MinTran

Les couleurs sont beaucoup moins tranchées qu’avec les deux exemples précédents, mais parfaitement reposante, tout en donnant un bon dynamisme à l’ensemble (notamment grâce à une très bonne exploitation des pictos). Vous noterez également le très bon travail au niveau des textures (fond de cartouche, fond de page et bandeau de navigation) ainsi que le choix original des typos. Ne quittez surtout pas ce site sans visiter le footer !

Rendez-vous le mois prochain pour une nouvelle sélection de sites.

Mes 3 sites coup de coeur (octobre 2010)

Je vous propose ce mois-ci une sélection thématique sur les sites d’organisations caritatives / solidaires.

Commençons avec Change.org, un portail de sensibilisation et d’implication pour les changements socétiaux US :

Change

La densité d’information est un peu élevée à mon goût, mais la grille de lecture est suffisamment bien marquée pour assurer une bonne lisibilité. Le dégradé en fond de page donne une bonne dynamique de lecture et les différentes typos utilisées pour les titres des blocs rythment la page dans sa hauteur. L’utilisation des couleurs permet de hiérarchiser l’information et de guider l’oeil sur les points d’attraction (les pétitions).

Poursuivons avec Challenge.gov, la plateforme de discussion du gouvernement US avec son peuple :

Challenge

On respire beaucoup mieux sur cette page d’accueil qui met également le bleu à l’honneur (quelqu’un peut-il me donner la signification de cette couleur dans la culture US ?). Un gros effort a visiblement été fait pour maximiser la lisibilité des contenus ainsi que pour hiérarchiser les titres et les boutons d’action. J’apprécie particulièrement le contraste du bandeau supérieur ainsi que les petites illustrations (pictos, étiquettes dans le bloc « Departments & Agencies« ).

Terminons avec Causes.com, le portail des bonnes causes dans le monde :

causes

Il y a encore plus de zones de respiration sur cette page d’accueil, et la lisibilité est encore meilleure (une référence). J’adore le jeu des couleurs qui réchauffent le fond blanc de la page ainsi des la hiérarchisation des contenus des 3 boites en bas de page (utilisation de différentes couleurs et graisse). Cerise sur le gâteau : un pied de page très coloré pour égayer le tout.

La suite le mois prochain.

Mes 3 sites coups de coeur (septembre 2010)

Avec un peu de retard je vous livre ma sélection de 3 sites repérés au cours du mois de septembre.

Commençons avec MonGuideSanté, un site marchand de produits de parapharmacie :

MonGuideSante

Une très belle harmonie de couleurs et des intentions graphiques très dynamiques (titrailles, coins arrondis, flèches et boutons). Le carrousel de la page d’accueil est très bien rendu et j’apprécie particulièrement le travail sur le pied de page (les derniers produits visionnés par les internautes). Un grand bravo pour cette réalisation 100% française, COCORICO !

Poursuivons avec Barley’s, un pub de la région d’Atlanta :

BarleysGreenville

J’adore la texture du fond de page ainsi que les couleurs chaleureuses. Les blocs sont parfaitement découpés et l’effort typographique permet de bien concentrer l’attention sur les éléments importants de la page. Cerise sur le gâteau : vous pouvez donner une note aux bières servies dans ce bar ! Je précise que cette réalisation est l’oeuvre de Squared Eye, une agence dont j’avais déjà parlé dans cette rubrique.

Terminons avec Worry Free Labs, une agence web :

WorkFreeLab

J’adore également la texture du fond de page qui permet de faire ressortir les blocs. Il y a beaucoup de typographies différentes utilisées sur cette page, mais l’ensemble fonctionne plutôt bien et attire l’oeil aux bons endroits. Vous apprécierez la façon dont le bouton « Next » s’incruste dans les trois vignettes de la section « Our Work« .

La suite le mois prochain…