À chaque fois que je termine un site web, mon esprit se précipite sur le suivant. Dès lors, je commence à constituer un petit mood board mental de photos, d'illustrations et d'interfaces qui vont, je le sens, nourrir mon inconscient pendant les prochains mois, jusqu'à ce qu'il accouche d'un nouveau concept.
Sur la liste d'attente, il y a deux grosses refontes, qui vont sans doute me prendre un bout de temps. Alors, autant commencer tout de suite à glaner des idées, même si pour être honnête je ne réussis pas encore à distinguer celles qui iront nourrir mon projet perso, de celles qui rejoindront ma sphère pro.
Alors autant partager ici un peu de ce qui m'inspire ! En matière de sites web, je me suis rendue compte, en faisant mes captures d'écran, de ma fixette sur les designs épurés, faisant la part belle à la typographie et au contraste. Le hasard a voulu que les sites que j'ai sélectionnés soient tous plus ou moins liés chromatiquement. Je dois sans doute déjà avoir quelques idées bien arrêtées sur ce que seront, ou pas, mes futurs designs ;-)
Gift Rocket
L'interface comme un grand canvas vierge sur lequel on doit réaliser un bon design, c'est à dire un design utile, qui se base sur les connaissances initiales des utilisateurs (Célinecélines sort de ce corps). Et pas un design abracadabrant dans lequel une chatte n'y retrouverait pas ses petits. Un design qui va droit au but, qui amène l'utilisateur là où on veut qu'il regarde. Et surtout, un design qui donne envie de donner son avis, d'interagir, de partager.
Column Five Media
Après, cela peut prendre différentes formes et couleurs, dont toutes ces interfaces ne sont que des exemples. Mais j'aime leur relative simplicité, ainsi que leur côté franc du collier, ce qui n'empêche pas qu'on soit immédiatement immergé dans chaque univers.
Forefathers
Quand bien même ces chartes graphiques ne vous parlent pas (trop modernes ? trop « design » ? pas assez artisanales ?), elles sont de bons exemples de hiérarchie de l'information : on voit que l'équipe qui a créé chacune d'entre elles a dû faire des choix, et ce dès la homepage.
Sur Forefathers, chaque article de blog prend toute la largeur du conteneur, et n'est parasité ni par une sidebar pleine de widgets inutiles, ni par de la pub à gogo. En plus, la typo roxe du poney !
Flow Festival
Bien sûr, il arrive qu'on ait tellement de contenus et de types de contenus différents qu'on ne puisse faire l'économie d'une homepage un tantinet chargée. C'est le cas de Flow Festival, que j'admire car les designers ont réussi à charger une page qui reste agréable et rythmée, sans qu'on ait le sentiment d'être noyé sous l'information. La grosse typo rouge, à la fois horizontale et verticale, agit comme un chef d'orchestre, et permet à l'œil de rattacher les différents blocs à des lignes imaginaires.
J'ai jusqu'à présent trébuché sur la difficulté de synthétiser un max de contenus. Je n'ai pas réussi à le faire sur la version actuelle, que j'ai répudiée il y a de ça de nombreux mois. J'avais pour habitude de créer d'abord les illustrations qui serviraient d'arrière-plan au site, PUIS de penser à la façon dont les différents contenus pourraient s'articuler par dessus. Le tout sans avoir, avant même avoir ouvert Toshop, réfléchi dix minutes à l'architecture de l'information, au-delà d'un simple rubriquage… En ce sens, bosser en agence et me frotter à de vrais designers m'a permis de prendre conscience de ça.
Edit : ce que je veux dire, c'est que ce n'est pas parce qu'un site est personnel, ou indé, ou bénévole, qu'il ne mérite pas la même rigueur de conception que les sites qui doivent faire vendre. Une évidence aujourd'hui, mais j'ai longtemps dissocié un peu trop sèchement mes projets persos des sites auxquels je participais à titre professionnel… alors que, même si l'intention et les personnes que l'on veut toucher sont différentes, il y a un besoin semblable de méthode.
J'aimais bien aussi la version en rouge :
Mo's & Bows
Bon, là, c'est parce que la typo et le motif d'arrière-plan sont juste trop beaux ! Après hésitation, j'ai décidé que je n'étais pas fan des sites mono-pages à forte teneur en parallaxe. J'en ai tellement vu, que je ne peux plus les voir… sauf si leur design est génial, comme c'est le cas ici.
Octopus
J'ai eu un gros coup de cœur pour Octopus à cause du retrait négatif de leurs titres, qui donne à leur design minimaliste une dynamique incroyable. Peu mais (très) bien.
Too Good To Waste
Sur Too Good To Waste, par exemple, j'adore l'idée de cette grande Google Map personnalisée qui s'ouvre d'emblée pour me permettre de repérer où je pourrais profiter de leur service. Tandis que ce type de carte est habituellement utilisée comme une information de second plan, qu'on retrouve souvant dans des pages intérieures, là le postulat a été de la mettre sur la home, bien en évidence, en lui permettant de prendre toute la largeur du viewport. Sympa !
A Pair of Pears
Gros coup de cœur pour ce header de fou ! Vert + mauve = amour éternel.
Greenluv
Greenluv lui non plus n'a pas un design foncièrement extravagant, mais on saluera l'utilisation massive du vert, qui n'est pas une couleur facile ni très aimée, en général. Détail subtil mais qui confère à l'interface beaucoup de caractère : l'espèce de texture vaguement recyclée de l'arrière-plan, et le logo esprit "fait à la main", qui accentue le côté responsable et écolo (je recycle et je fais moi-même).
Pour terminer, je vous laisse avec cette citation que j'adore, et qui, en dépit de son âge, s'applique très bien selon moi au web design d'aujourd'hui :
Avant donc que d'écrire, apprenez à penser
Ce que l'on conçoit bien s'énonce clairement,
Et les mots pour le dire arrivent aisément.
Hâtez-vous lentement, et sans perdre courage,
Vingt fois sur le métier remettez votre ouvrage,
Polissez-le sans cesse, et le repolissez,
Ajoutez quelquefois, et souvent effacez.