Comme chaque mois, je vous propose une sélection de sites qui m’ont particulièrement marqué. Je comptais vous faire une sélection de sites ultra-minimalistes, comme ceux de Google Glass ou Calm, mais je n’aurais pas eu grand-chose à raconter. Je vous propose donc une sélection plus traditionnelle, mais néanmoins toujours aussi plaisante à regarder.

Commençons avec Skinny Ties, une boutique de cravates :

La première chose que l’on a envie de “toucher” sur cette page sont les cravates qui pendent sous le header, ça tombe bien, elles s’animent au survol de la souris. Non seulement ces invit visuelles sont ludiques, elles permettent de réchauffer la page (plutôt austère) et d’expliquer visuellement à quoi correspondent les catégories. Vous apprécierez également l’originalité de la typo et les intitulés très brefs. Bon par contre, je ne cautionne pas le positionnement du moteur de recherche, j’aurais inversé l’ordre et placé le panier à droite, mais ça doit être mon côté psychorigide…

Continuons avec The Little Book Club, un service de vente de livres pour enfants :

Comme toujours, j’apprécie énormément ces larges zones de respiration qui donnent une impression de plénitude à la page. L’arrondi du bouton et de la typo, de même que le petit smiley sur la barre de séparation complète le côté kawaii. Il y a très peu d’éléments sur cette page, mais un soin particulier a été apporté aux détails comme la bordure du logo ou l’encadrement des photos. Je regrette par contre le manque de contraste des items de navigation en haut de page.

Terminons avec The Great Discontent, un webzine d’interviews de personnalités créatives :

J’ai toujours eu une obsession pour le contenu, il est donc tout à fait logique que je vous présente ce webzine qui a faît disparaitre son interface au profit des interviews. Vous noterez ainsi qu’à part le discret logo et les deux intitulés de navigation en haut à droite, la page n’est composée que du texte et des photos. Tout est mis en oeuvre pour vous donner envie de lire à l’écran : de larges photos, une grille de lecture bien marquée pour isoler les blocs éditoriaux et une typo agréable à l’oeil. Rien à redire, je suis admiratif devant les choix radicaux faits par les éditeurs.

La suite le mois prochain.

Décidément je ne suis pas très régulier dans mes publications pour cette rubrique, car j’ai encore sauté un mois en fin d’année dernière. Ce n’est pas grave, car je vais ai déniché trois superbes sites pour cette sélection de la nouvelle année.

Commençons avec Tripbirds, un moteur de recherche d’hôtels à la sauce sociale :

Dès que l’on arrive sur cette page, c’est le souci du détail qui saute aux yeux : le fond de page, les typographies, la bordure supérieure… participent à donner une ambiance très chaleureuse à ce site, par opposition aux moteurs de recherche traditionnels comme le glacial Google Hotel Finder. J’apprécie également les deux tons utilisés pour scinder en deux la page, ainsi que les intitulés placés dans les champs de recherche eux-mêmes. L’argumentation et les illustrations de la seconde moitié de page sont parfaitement claires et explicites. Élégant et sophistiqué, j’adore !

Poursuivons avec These Are Things, une boutique en ligne de cartes et d’illustrations :

J’espère que vous apprécierez à sa juste valeur le très bon travail d’illustration et d’iconographie réalisé sur cette page haute en couleurs qui se découvre en faisant défiler vers le bas. Les icônes sont très mignonnes et homogènes, l’effet de parallax scrolling est parfaitement exécuté et donne envie de faire des A/R tant les tableaux sont rigolos. L’intérieur du site est dans la même ligné, mais beaucoup moins chargé, notamment la boutique, que je vous conseille de visiter.

Terminons avec Circle 21 Candles, un fabricant de bougies :

Que dire de ce site si ce n’est que c’est une merveille de minimalisme et d’élégance : les couleurs douces, les typos très fines, les larges espaces blancs… tout est mis en oeuvre pour véhiculer du calme et de la sérénité. Assurément un modèle du genre.

La suite le mois prochain (j’espère !).

En rédigeant cet article, je me rends compte que j’ai raté le coche le mois dernier… Une fois n’est pas coutume, je vous propose de retrouver ma sélection de sites qui m’ont marqué.

Commençons avec Benefit Cosmetics, une boutique en ligne de produits cosmétiques branchés :

Si le header ou la barre de navigation de cette boutique n’apportent aucune originalité, les illustrations, motifs et typographies utilisés véhiculent une image rétro tout à fait rafraichissante (en tout cas, c’est comme ça que je le ressens). J’apprécie particulièrement la page catégorie avec toutes ces illustrations vintages.

Poursuivons avec Farmigo, un service de livraison de produits de la ferme à domicile :

La première chose qui séduit sur cette page d’accueil est l’impression de clarté et d’espace : le nombre très limité de texte à l’écran offre de très larges espaces de respiration qui donne envie de se remplir les poumons. Les chiffres fournis sous le carrousel sont percutants, les illustrations sympathiques, les accroches des vidéos sont très simples à comprendre. Bref, tout est mis en oeuvre pour rassurer et faire passer des messages simples.

Terminons avec Weduary, un service de préparation et de partage de mariage :

Oui je sais, il y a beaucoup de rose. Force est de constater qu’ils n’ont pas cherché à s’extraire du cliché chromatique. Si l’on fait néanmoins abstraction de ces à-plats roses, il reste une structure de page tout à fait intéressante avec une construction en strates. Les bénéfices du service sont expliqués en trois étapes et les différentes fonctionnalités sont bien illustrées. Une page d’accueil très visuelle qui donne envie de s’attarder pour découvrir le service en détail. Je regrette par contre qu’ils ne fournissent pas un compte de démonstration.

La suite le mois prochain.

C’est bientôt les vacances, alors je vous propose un moment de détente avec ma sélection de trois sites beaux et agréables à regarder (ni plus ni moins).

Commençons avec EverPlaces, un site pour vous inspirer des destinations de vacances, à mi-chemin entre Pinterest et Instagram :

La page Explore de ce site propose une très belle grille de lecture avec beaucoup de raffinement dans le traitement des bordures de photo, des boutons et des champs. J’apprécie particulièrement le fond de page qui fait bien ressortir les blocs et donne du volume à l’ensemble. Bon par contre, je ne cautionne absolument pas les liens en noir non souligné.

Poursuivons avec DIY, un site haut en couleur (euphémisme) qui encourage la créativité chez les plus petits :

J’ai tout de suite été séduit par l’incroyable illustration de fond de page façon “Où est Charlie” que l’on peut déplacer avec la souris. Même si cette illustration hypnotise le regard, la promesse et les boutons d’action en haut à droite contrastent bien avec le fond et sont facilement repérables. De même, le bandeau de bas de page permet d’orienter les internautes ayant raté les boutons plus haut et d’assurer la promotion de l’application mobile. Tant que vous y êtes, ne ratez pas la page Explore, une très belle implémentation de résultats de recherche au format grille.

Terminons avec L’échappée laine, un site en contre-saison de vente de produits de tricotage :

J’apprécie particulièrement les couleurs très douces du thème graphique qui contrastent fortement avec les couleurs chatoyantes de pelotes de laine. J’aime également beaucoup les illustrations crayonnées ainsi que le choix typographique. Tant qu’à être sur ce site, n’hésitez pas à faire un tour du côté des modèles ou du blog pour prendre de l’inspiration pour cet hiver.

La suite le mois prochain, ou plutôt à la rentrée…

Comme chaque mois, je vous propose une sélection de sites qui m’ont tapé dans l’oeil. Ce mois-ci, nous avons une superbe moisson de site grand public avec des approches graphiques assez similaires.

Commençons avec Paypal qui vient tout juste d’annoncer la nouvelle version de son site US : PayPal.com Gets a Makeover.

Une superbe construction en strates horizontales avec un double dégradé de couleurs pour concentrer l’attention sur le coeur de page. J’apprécie particulièrement le choix minimaliste des intitulés et textes, l’harmonie des couleurs et le côté feutré des illustrations sous la photo. Le détail qui tue : les boutons “Forgot?” dans les champs d’identification.

Continuons avec le site Android Developers qui vient également d’être lancé en marge de leur grande conférence annuelle : Google redesigns its Android Developers site as part of ramp up to I/O.

Là encore, il y a eu un gros travail d’épuration ET d’embellissement (ce qui n’est pas commun chez Google) pour proposer une très belle ambiance zen, mais rigoureuse. Vous apprécierez les intitulés de navigation très concis en haut et en bas de page ainsi que les larges zones de respiration. Le détail qui tue : les animations des différents items du header.

Terminons avec Songza, un service de streaming musical uniquement disponible aux États-Unis : Could Songza Kill Pandora and Even Spotify?.

Nous retrouvons sur cette page d’accueil la même construction en strates horizontales que pour les deux autres sites. Les recettes de cette page d’accueil sont les mêmes : quasiment pas de texte, des intitulés courts et précis, des illustrations sobres pour attirer le regard sans monopoliser l’attention…

La suite le mois prochain.

Comme chaque mois, je vous propose une sélection de sites qui m’ont tapé dans l’oeil, et ce mois-ci, il y a du lourd, du TRÈS lourd.

Commençons très fort avec Asana, une solution de gestion de tâches collaborative très bien pensée (De l’intérêt de mettre les tâches au coeur de la collaboration) :

C’est le formidable travail d’épuration qui frappe dès l’affichage de cette page d’accueil : Une promesse forte, des bénéfices parfaitement mis en scène (capture d’écran + argumentaires en dessous) et beaucoup d’espace pour concentrer l’attention. La typo choisie est d’une lisibilité exemplaire, les couleurs sont bien contrastées et les options possibles sont réduites au minimum (Create an Account, Sign Up et Log in). La partie de la page est également un modèle du genre avec une mise en page minimaliste, mais terriblement efficace des explications détaillées. Du grand art !

Poursuivons avec GiftDish, un service de suggestion et de gestion des cadeaux :

Là encore, un gros travail d’épuration a été réalisé pour n’afficher que le strict minimum : Titre, promesse, identification et bénéfices (vous apprécierez au passage l’effort de réassurance pour l’utilisation de Facebook Connect). Mais ce qui plait par-dessus tout sur cette page, ce sont les textures : le fond de page, les rubans et autres effets d’embossages. Je regrette par contre l’utilisation du rouge pour les titres des quatre bénéfices (le rouge est une couleur très complexe à manier), de même que le “Have an account?” qui passe inaperçu en haut de page. Ne ratez pas le bas de la page qui propose une explication à la fois détaillée et limpide du service.

Terminons avec le Project Noah, une encyclopédie collaborative de la vie animale :

Là encore, je suis séduit par l’impressionnant travail réalisé sur les textures, on a vraiment envie de toucher l’écran pour les sentir sous ses doigts (vivement les tablettes à écran haptiques !). Cette page d’accueil est à la fois colorée et parfaitement bien rythmée avec ce découpage en strates horizontales. Les textes sont courts et percutants, les photos donnent envie et les pictos sont parfait séduire les enfants (une des cibles prioritaires du service). Le carrousel en coeur de page fonctionne plutôt bien, mais le picto sélectionné aurait mérité une mise en surbrillance plus visible. De même, les intitulés de navigation du haut de page sont un peu petits, dommage, car il y a pourtant plein de place.

Ce n’est pas tous les mois que je fais une aussi belle récolte, j’espère que vous apprécierez !

J’ai zappé les poissons d’avril, mais je suis toujours au rendez-vous pour ma sélection mensuelle de sites agréables à l’oeil.

Commençons avec Human Touch, un fabricant de fauteuils de massage (je me laisserais bien tenter) :

Une fois n’est pas coutume, j’ai choisi une page d’accueil plutôt chargée, avec une forte densité d’informations, mais avec des unités de lecture bien délimitées. Certes il y a beaucoup de textes sur cette page, mais la hiérarchisation des titres et liens permet de bien isoler les différents blocs et de s’y retrouver facilement, surtout avec les petits visuels. Il y a deux très bonnes idées dans cette page : le découpage horizontal avec un dégradé de gris (pour rythmer la lecture) et le témoignage qui déborde sur la photo centrale pour équilibrer le carrousel. Au final, nous avons une page qui fonctionne très bien malgré des tonnes de titres, textes, liens… un bon contre-exemple en fait !

Poursuivons avec Bagigia, un fabricant de sacs à dos confectionnés à partir de bouillottes (je me laisserais bien tenter aussi) :

Ce site propose une construction verticale avec des écrans qui s’enchainent dans la hauteur de page. Le procédé est plutôt (très) irritant, mais comme il est possible de naviguer entre les pages à l’aide de la souris, du clavier, des puces à droite et de la glissière en bas de l’écran, on arrive à basculer d’un contenu à l’autre sans trop de mal. En revanche, la grande force du site est de proposer une mise en page ultra minimaliste avec un header replié et quasiment aucun texte. L’essentiel de l’écran est donc consacré au produit en lui même et l’effet est plutôt spectaculaire. L’épuration extrême de la page contraste fortement avec les textures du produit (ou du header) qui donne presque envie de toucher l’écran. Bref, un site qui fait envie pour un produit parfaitement mis en valeur.

Terminons avec MyOwnBike, un fabricant de vélos (là par contre ça ne me tente pas) :

Encore un très bon travail de minimalisme pour limiter au maximum les textes dans le coeur de page ou au niveau du bandeau de navigation. Comme dans le site précédent, le fond gris permet d’éviter la désagréable impression de vide. Les boutons ressortent parfaitement et les onglets du bas de page proposent une très bonne lisibilité. Un conseil : faites un tour du côté du konfigurator pour concevoir votre propre vélo.

La suite la semaine prochaine.

Comme tous les mois, je vous propose ma sélection de sites. Je rappelle la règle du jeu : ces sites sont sélectionnés de façon aléatoire et empirique (dès que j’en vois un beau, je le mets de côté et j’en parle le mois suivant).

Commençons avec celui qui fait polémique en ce moment, le nouveau site de la compagnie aérienne Jetblue.

J’étais un peu sceptique en découvrant la nouvelle page d’accueil pour la première fois, mais après la première impression, je troue qu’ils ont fait un très bon travail de design minimaliste avec des choix graphiques très cohérents (formes homogènes, nombre de couleurs réduites…). J’apprécie tout particulièrement les textes très courts, la très bonne lisibilité de la typo, la grille de lecture bien marquée, les boutons qui se détachent bien du fond des cartouches et bénéficient d’une bonne hiérarchisation. Je reste mitigé sur la couleur de fond des champs de la boite TrueBlue, mais j’imagine que c’est pour atténuer l’envie de saisir une recherche ou un N° de vol dedans…

Continuons avec un autre site de commerce en ligne, l’indien Tiket qui vend un peu de tout :

Là encore j’adore l’approche minimaliste et la grille de lecture parfaitement marquée. Les couleurs et les traitements graphiques sont d’une sobriété à toute épreuve, mais cette page d’accueil est d’une efficacité redoutable. Vous noterez néanmoins qu’ils se sont “lâchés” sur des fioritures comme une double bordure pour le moteur de recherche ou un bout de scotch pour le carrousel à droite (truc de ouf !). Et puisque l’on parle du web indien, allez donc faire un tour sur Junglee, une autre boutique à l’efficacité marchande redoutable (cf. L’approche Mobile First adoptée par Amazon en Inde).

Terminons avec Wittlebee, une boutique de fringues d’enfant vendus en packs :

Le minimalisme est toujours de rigueur pour les textes et accroches, par contre nous avons droit à des traitements graphiques un peu plus sophistiqués avec un fond de page à alvéoles, des bordures crénelées ou des photos façon polaroïd. J’apprécie tout particulièrement les intitulés très courts des boutons d’action (“Start“, “Read“, “Like“) ainsi que les effets au survol de la souris.

La suite le mois prochain.

C’est avec un peu de retard que je vous livre ma sélection de sites beaux et originaux.

Commençons avec le très sombre Blissfully Aware, le bloc-note en ligne d’un indépendant :

Le site est sobre, TRÈS sobre, mais la grille de lecture et la lisibilité de cette page sont exemplaires. Précisions que le noir est une couleur particulièrement complexe à exploiter, et dans le cas présent, ça fonctionne très bien. D’autant plus avec l’utilisation d’un très beau motif en fond de page et d’une typo originale. Vous apprécierez également la position centrale du logo, de même que la très large zone de réserve. Donc un très bel exemple de sobriété et de minimalisme.

Pour compenser cette sobriété, je vous propose de découvrir le très alléchant site de la Chessecake Factory, une chaîne de restaurants US :

Rien de très original dans la mise en page de ce site, par contre un très beau travail sur les textures, le choix des typos et les ornementations (frise colorée, boutons…). J’apprécie également beaucoup les très belles photos en pleine largeur qui donne carrément l’eau à la bouche. Ça fait presque 15 ans que je travaille dans le monde du web, et je n’ai pas honte de dire que je peux encore être émerveillé par le site d’un “simple” restaurant. Tout est affaire de goût (sans mauvais jeux de mots).

Terminons avec Onepager, un service de création de sites web :

Un beau site bien simple et parfaitement lisible comme je les aime. J’adore l’effort particulier pour réduire au minimum le nombre de phrases affichées sur cette page d’accueil : c’est minimaliste, percutant et très simple à comprendre. J’apprécie grandement le gros bouton “Get Started” dont la couleur résonne avec celle du fond de page. Je suis également conquis par la partie basse de la page et ces unités d’information verticale parfaitement découpée. Bref, c’est sobre, carré et parfaitement efficace, du pur bonheur !

La suite le mois prochain.

Noël approche, mais je ne change rien à mes habitudes (quoi que pas tout à fait). Voici donc ma sélection de sites mensuelle.

Commençons avec H.J. Mews, une boutique d’accessoires pour chats :

J’ai tout de suite été séduit par les couleurs en rupture avec celles qui sont habituellement utilisées sur le web. J’apprécie également les petits raffinements graphiques omniprésents sur cette page comme les bordures des photos ou du panier dans le header, le logo qui déborde sur le bandeau supérieur ou le séparateur de pied de page. Vous noterez également l’utilisation d’une police spéciale pour faire ressortir l’accroche en haut de page ainsi que certains titres. J’adore enfin le soin apporté aux descriptions courtes des produits : elles sont riches, variées et bien formulées. Bref, une boutique qui sort de l’ordinaire pour des produits pas ordinaires.

Poursuivons avec Sweet Hat Club, le club des porteurs de chapeaux :

Une page à la grille de lecture parfaitement marquée avec des unités d’information bien découpées. Certes, ça fait beaucoup de boites,mais comment se lasser de ces cadres façon Polaroïd ? J’aime également la position centrale du logo (une figure de style largement sous-estimée), le contraste intéressant entre le fond de page et les têtières, le rendu sépia des photos ainsi que l’utilisation d’une police de caractère spéciale. Vous noterez que la construction même de la page oeuvre fortement pour concentrer l’attention sur le logo en position centrale avec les deux flèches qui l’encadrent et le choix d’une mise en page à deux colonnes qui coupent la page en deux et fait immanquablement remonter l’oeil vers le logo. Au final, nous avons un site sans prétention, mais qui fonctionne parfaitement bien.

Terminons avec Rice Bowl, une organisation caritative :

Une page à très fort contraste pour faire ressortir le carrousel central, mais qui véhicule également une ambiance rassurante (jaune + brun = stabilité, confort, sécurité). La texture du bandeau qui porte le logo tranche avec le traitement très sobre du reste de la page, les illustrations sont également très simples, mais parfaitement lisibles. Bon par contre, je reste sceptique quand à la prolifération des styles de typo : gras/maigre, majuscules/minuscules, droit/italique… tout ça est un peu trop chaotique à mon goût et mériterait une harmonisation. Ceci étant dit, le résultat final n’en reste pas moins très réussi et véhicule parfaitement le message.

Puisque c’est bientôt Noël, je vous propose exceptionnellement une quatrième sélection qui me laisse perplexe. Il s’agit de la toute nouvelle page d’accueil du magazine Inc., réputé pour la sobriété de son site web et qui a encore accentué le trait.

J’ai toujours été un grand fan des mises en page allégées et du minimalisme, mais là… je trouve qu’ils y sont allés un peu fort. Certes, ce site propose une lisibilité maximale avec une très grande cohérence dans les traitements graphiques, mais quand même… toute cette sobriété ne nuit-elle pas au site ? Avouez que vous aussi vous avez envie de vous pendre, non ? Le site du NYTimes propose également une charte ultra sobre, mais avec un minimum de couleurs, alors que là… Bref, n’hésitez pas à me donner votre avis.