Mes trois sites coup de coeur (juin 2009)

Je continue dans ma série de sites “coup de coeur” avec trois applications en ligne superbement mises en valeur par leur site web.

On commence avec DailyBurn, une application en ligne de fitness tracking :

dailyburn

La grille de lecture est limpide, les visuels attractifs et l’harmonie des couleurs très… harmonieuse. En plus ils ont le bon goût de proposer une visite guidée intégrée à la page d’accueil.

Il y a ensuite Tea Round App, une application pour iPhone qui sert à définir des tours de préparation pour le thé (WTF?) :

tearound

Autant je suis très dubitatif quand à l’intérêt réel de cette application, autant je suis immédiatement tombé amoureux de cette ambiance boisée très chaleureuse, des petits coups de crayon, du jeu typographique (en bas de page). Cerise sur le gâteau, la visite guidée en 4 étapes qui utilise un slider façon iPhone (« Step 1« …).

Il y a enfin Ballpark, une application en ligne de facturation :

ballpark

Rien de révolutionnaire dans le choix des couleurs mais une construction de la page en strates tout à fait convaincante avec une parfaite lisibilité et un fort contraste permettant de bien guider l’attention sur le bouton d’action. Vous apprécierez au passage les titres qui sont un modèle de concision et d’incitation. Et ne ratez surtout pas la superbe page de comparaison des offres ainsi que le magnifique formulaire de création de compte.

La suite le mois prochain…

Mes 3 sites coups de coeur (avril 2009)

Je continue ma série de coups de coeur avec deux sites d’une sobriété exemplaire et un dernier site très… inspiré.

Il y a tout d’abord Utilium, une solution pour créer / gérer des espaces collaboratifs en ligne à vocation pédagogique :

utilium

La page d’accueil est d’une grande sobriété, lisibilité est parfaite (choix des typos + contraste), le conrat de lecture est limpide (avec un dégradé de bleu en trois temps), les textes sont courts et accrocheurs, le bouton d’action idéalement positionné et ils ont même mis un « filet de sauvetage » en bas de page avec 3 options de navigation alternatives.

Il y a ensuite Creattica, une galerie collaborative de beaux designs :

creattica

La mise en page est d’une grande sobriété mais il y a un très intéressant travail au niveau de choix typographiques qui apporte de la sophistication sans trop alourdir la page, il y a surtout de magnifiques effets graphiques au niveau du logo et des boutons qui donne un aspect très « classieux » (façon Adobe).

Il y a enfin College Park Curch, le site d’une église à Indianapolis :

collegeparkchurch

J’adore le logo, l’harmonie des couleurs qui jouent sur un dégradé de vert (symbole de stabilité et de fertilité), la grille de lecture est nette et permet de guider l’oeil le long des colonnes à la découverte du contenu, les boutons d’action sont très incitatifs dans leur formulation (« I’m New« , « Listen« , Dowload« ) sans pour autant faire tâche sur la page, le pied de page est massif mais à la lisibilité optimale. À noter que ce site repose sur Ekklesia 360, un système de gestion de contenu dédié aux paroisses avec une gestion très fine des contenus texte (thèmes récurrents) et audio (les sermons), des modules communautaires (pour les fidèles) et des évènements (pour les RDV religieux). Je vous invite à visiter leur très belle galerie (très reposante).

La vision du futur de Microsoft

Dans mes prédictions 2009 j’anticipais un retour sur le devant de la scène pour Microsoft, ce retour en grâce passant notamment par un certain nombre de projets innovants comme Photosynth, Surface, Sphere ou encore WorldWide Telescope. À cette liste de projets il faut également ajouter tous les projets expérimentaux menés dans le Microsoft Labs comme cette stupéfiante vidéo : Future Vision Montage.

http://images.video.msn.com/flash/soapbox1_1.swf

Cette compilation de concepts regroupe en effet une incroyable série d’interfaces toutes plus belles les unes que les autres qui me font penser au célèbre Vodafone Future :

microsoftfuturevision

 

Saluons donc le formidable travail de design réalisé pour mettre en scène ces interfaces qui concurrencent sérieusement le concept Aurora de Mozilla (même si dans le fond très peu de ces concepts sont pour le moment réalisables). Dans le même genre il y a aussi le 4G=IP de Cisco. (via R/W Web)

L’invasion des magazines photos en ligne

Décidément la presse n’en finit plus de se réinventer. Pour faire face à la baisse généralisée des ventes de papier nous assistons à la naissance d’un nouveau type de magazine en ligne : les photo-magazines. Particularité de ces sites : une ligne éditoriale orientée lifestyle et beaucoup de photos très qualitatives. Dans les faits, ça donne des sites comme Flipgloss, le dernier de la bande :

La page daccueil de Flipgloss
La page d'accueil de Flipgloss

Vous apprécierez les « unes » que l’on peut parcourir en mode coverflow sur la page d’accueil ainsi que l’effort notable pour proposer une mis en page agréable. Au niveau des pages intérieures, les articles sont en fait des diaporamas avec des photos en pleine largeur (ou hauteur) et du contenu associé :

Une page intérieure de Flipgloss
Une page intérieure de Flipgloss

Il est évident que ce type de site ne se préoccupe pas trop de l’accessibilité ou du temps de chargement mais de touye façon est-ce que les pendants « papier » de ces magazines en ligne se souciaient d’utiliser du papier recyclé ? Non pas réellement car l’objectif ici est bien de faire rêvé, et ça marche ! Plus d’infos ici : Flip Or Bust? FlipGloss Debuts Glossy Digital Photo Magazine.

Autre exemple avec Wonderwall publié par MSN :

La page daccueil de Wonderwall
La page d'accueil de Wonderwall

Là encore nous avons assez peu de texte et des photos dans tous les sens. Vous noterez au passage l’improbable barre de défilement latérale pour naviguer dans le site, sûrement une métaphore pour nous rappeler le geste du feuilletage des pages. Finalement une assez bonne idée car l’impression de « survoler » les sujets est bien présente. (via Paid Content)

Plus proche de chez nous, nous avons également le magazine français Ykone qui vient de voir le jour :

La page d'accueil d'Ykone
La page d'accueil d'Ykone

Bon… c’est moins spectaculaire et dense que les magazines US mais l’intention est là. (via Heaven)

Une tendance intéressante mais finalement je me demande s’il ne serait pas mieux d’encapsuler ce type de magazine dans des parutions plus étoffées comme les diaporamas de L’Express ou ceux de MenStyle.

Mes 3 sites ‘coup de cœur’ (bis)

Je vous avais présenté l’année dernière 3 sites sur lesquels j’avais craqué : Mes 3 sites ‘coup de cœur’. Et bien figurez-vous que j’ai très récemment eu de nouveaux coup de coeur que j’ai le plaisir de partager avec vous.

Il y a tout d’abord MoneyWatch, un portail d’information financière avec une superbe mise en page (grille de lecture soignée, belle harmonie des couleurs, utilisation astucieuse des typos…) :

moneywatch

Il y a ensuite BookGlutton, un remarquable service de lecture collaborative (avec de très beaux arrondis, une ambiance assez zen et un superbe fond de page) :

bookglutton

Et il y a enfin le blog de Sam Rayner qui innove dans la façon de présenter les dates / commentaires / tags des billets (en plus d’un esthétisme remarquable) :

samrayner

Voilà, ce sont mes trois coups de coeur du moment, et vous ?