Mes 3 sites coup de cœur (décembre 2009)

Je reprends ma série de sites coup de cœur avec 3 réalisations très différentes.

Tout d’abord Common Good Radio, un projet de web radio pour les enfants :

Cette page d’accueil propose à la fois une belle harmonie dans les couleurs et une grille de lecture bien proportionnée. Vous apprécierez également l’illustration et les formes tout en rondeurs, ainsi que le travail réalisé sur la couleur des textes et des fonds de cartouches. Le tout donne une ambiance chaleureuse et peacefull.

Il y a ensuite le site de Studio 7 Designs :

Des textes épurés, une typo bien ronde et surtout de larges visuels donne de la hauteur à cette page d’accueil. On retrouve également beaucoup de références à l’univers graphique d’Apple : la typo, la barre de navigation métallisée, le fond d’écran « espace », les quatre cartouches de bas de page… J’apprécie également le contraste modéré des liens vers les services, le logo et les aurores boréales.

Après cette débauche de couleurs et d’espace, terminons avec le site de Brian Hoff qui est designer (enfin je pense, je ne suis pas trop sûr…) :

Ambiance minimaliste et austérité de rigueur pour cette page carrefour (elle sert à aiguiller les visiteurs sur d’autres destinations). J’aime beaucoup la typo du titre, la navigation à doubles items (« Home » + « is where I work« …), les blocs éditoriaux qui font ressortir les liens (et seconde ainsi la navigation), le bouton « Hire me » décentré par rapport à la grille de lecture pour le faire ressortir sans avoir à utiliser un couleur qui tranche.

Bon par contre je ne sais pas si j’aurais mis un point à la fin du titre « I’m a graphic designer« … il s’agit plus d’un effet de style que d’une règle typographique, non ?

Mes 3 blogs coup de coeur du moment (novembre 2009)

Toujours dans la série « coups de cœur », je vous propose ce soir une sélection de blogs que j’apprécie particulièrement d’un point de vue esthétique (pour le contenu c’est à vous de juger).

Commençons avec The Pixel Blog et son ambiance surréaliste :

Vous apprécierez le travail d’illustration réalisé sur le header ainsi que l’effet 3D sur le moulin. Je n’aime pas particulièrement les cadres des photos des rédacteurs mais je trouve très originales les séparations entre les billets ou les blocs de la colonne de droite. Et n’oubliez pas de jeter un œil au footer (donc en bas de page).

Il y a ensuite le blog du néo-zélandais Mark Forrester :

Ne vous laissez pas leurrer par l’aspect enfantin des dessins, il y a un gros travail de réflexion sur l’harmonie des couleurs, sur le traitement graphique des titres (avec un effet de pliure sur le rebord du cadre), sur les blocs en pointillés de la colonne de droite… Bref, plein de petits détails à apprécier (idem, ne ratez pas le footer).

Terminons avec le blog en N&B de Laurent Demontiers :

Ambiance polar et lunettes noires avec un traitement graphique anguleux mais inimitable (jusqu’au fond de page pixelisé). Détails sympathiques : l’effet de profondeur du header (au survol de la souris) de même que le QR code dans le footer.

À suivre…

Mes 3 sites coup de coeur (octobre 2009)

Comme chaque mois je vous propose une sélection de sites dont j’apprécie particulièrement le design.

Epic Event, un service d’organisation, de réservation et de paiement pour des évènements :

J’apprécie beaucoup les différents traitements graphiques du fond de page qui ne nuisent pourtant pas à la lisibilité, le contraste et la forme du gros bouton d’action « Learn more… » et les pictos qui rythment les blocs de la seconde partie de page.

Postbox, un outil de productivité fondé sur l’email :

Beaucoup de blanc sur cette page très dynamique de par le contraste des couleurs (blanc / bleu / rouge). J’aime bien le fait de réduire au minimum les possibilités d’interaction (Donwload, Buy, 4 items de navigation et un lien en bas de page). Les accroches sont en plus ultra-courtes et très percutantes.

The Social Agency, une agence d’organisation de rencontres professionnelles :

J’adore cet immense header blanc et la non moins gigantesque base line (« We bring people together« ). La formation de la promesse est également très bien tournée (« We want to promote your next event« ), c’est volontaire sans toutefois être rentre-dedans. Dynamisme et élégance, quel subtil mélange !

Mes 3 sites marchands coup de coeur (Septembre 2009)

Comme le commerce en ligne est à l’honneur cette semaine avec le Salon de E-commerce et la rencontre Blog2Blog, je vous propose une petite sélection de boutiques en ligne qui m’ont tapé dans l’œil.

Commençons avec BambinoDirect, une boutique d’articles pour bébés tout en couleurs pastel :

La grille de lecture bien marquée et les blocs multicolores procurent beaucoup de dynamisme à cette page d’accueil. Les coins arrondis permettent… d’arrondir les angles de cette grille et de ne pas provoquer de sensation d’enfermement. Quoi que… la page d’accueil est tout de même très dense mais fonctionne bien. Le N° de téléphone et le panier sont très bien intégrés, l’entrée dans la base des produits est facilitée par les cartouches de la colonne de gauche.

Dans le même registre il y a Boots, une enseigne de parapharmacies en Angleterre :

Les recettes sont à peut prêt les mêmes que dans l’exemple précédent : grille de lecture marquée, couleurs pastel, coins arrondis… J’apprécie le header un peu plus structuré, le bandeau de navigation avec un plus fort contraste et la carrousel géant qui occupe les 3/4 de la page. On retrouve de plus quelques éléments graphiques d’incitation qui sont le bienvenus comme les pictos (>).

Je garde le meilleur pour la fin avec Saddleback Leather, une incroyable boutique de sacs de voyage en cuir :

La texture « imitation cuir » du fond de page, du logo et des onglets procurent une incroyable sensation tactile : on a envie de toucher le grain du cuir ! Je passe sur la très bonne lisibilité et sur la grille déstructurée car le plus intéressant se trouve à l’intérieur avec le blog du patron, un authentique globetrotteur passé maitre dans l’art du storytelling et qui n’a pas hésité à faire passer à ses sacs des tests « grandeur nature » (écrasé par un éléphant, mordu par un crocodile…). Il est tellement sûr de la qualité de ses produits qu’il se paye même le luxe d’afficher la liste des ses concurrents (WTF?!?).

Vous apprécierez au passage le contenu illustratif du Messenger Bag : un porte document, un ordinateur portable et… deux pipes, dès fois qu’il y en ai une qui se bouche lors de votre déplacement (catastrophe !). J’adore, pas vous ?

Mes 3 sites coup de coeur en noir et blanc du moment (septembre 2009)

Je ne sais pas si c’est la saison mais en ce moment je croise de nombreux sites qui me font craquer, à tel point que je suis obligé de faire des catégories pour pouvoir tous vous les présenter. J’ouvre donc une série « coups de cœur minimalistes » ou « coups de cœur en noir et blanc ».

Commençons avec le site d’Alastaire Allday, un rédacteur pas peu fier de sa cigarette :

J’apprécie particulièrement le large visuel de même que le choix de la typographie. Beaucoup d’espaces blanc, un très bon contraste sur le bouton « Next Page » et un bandeau de navigation très sobre qui remonte en pages intérieures. Aucune faute de gout sur ce site, par contre le gilet et la coupe de cheveux sont à revoir !

Continuons avec le site de l’agence Rikcat Industries :

Une grille de lecture beaucoup plus formelle pour cette page d’accueil qui présente tout de même des très belles proportions. Comme toujours sur les sites minimalistes il y a un très beau travail sur la typographie. Vous apprécierez au passage des détails très élégants comme le contour des illustrations, les pictos retravaillés en bas de page (carrés et en N&B) ainsi que le rouge au survol des liens et du logo. Assurément un sans faute.

Terminons avec un autre site d’agence, celui de Chama Inc :

Un site très épuré et très simple (une seule page qui s’étire en hauteur). Une typographie très stylisée pour la baseline et de larges gouttières pour centrer l’attention sur le texte. Quel dommage que la bas de page soit si coloré !