Les galeries de sites finis
Onze galeries, et surtout onze niveaux d’exigence différents. Awwwards récompense la prouesse technique et publie tous les jours, ce qui en fait la plus riche mais aussi la plus bruyante. Godly ne retient que quelques sites par semaine et c’est précisément ce qui en fait la meilleure porte d’entrée quand tu as dix minutes. Land-book est le seul classé par industrie, donc le seul directement exploitable devant un client.
- onepagelove.com : Spécialisé sites une page. Parfait pour les petits budgets clients.
- httpster.net : Sélection plus brute et plus typographique. Bon contrepoint à Awwwards.
- minimal.gallery : Uniquement des sites épurés. Utile quand un client veut du sobre.
- thefwa.com : Le plus expérimental. WebGL, 3D, projets de marques à gros budget.
- cssdesignawards.com : Plus orienté exécution technique CSS que direction artistique.
Les patterns et les interfaces réelles
Ici on ne regarde plus des sites entiers mais des morceaux : une barre de navigation, un pied de page, un parcours d’inscription. C’est la ressource qu’on ouvre au moment de résoudre un problème précis, pas au moment de chercher une direction. 60fps.design est le plus sous-estimé du lot : chaque animation d’app y est filmée et classée par type de mouvement.
- pageflows.com : Parcours utilisateurs filmés en entier : inscription, paiement, désabonnement.
- fontsinuse.com : Archive de typographie appliquée, web et print, très documentée.
Comment s’en servir sans y passer la journée
Ces galeries sont un piège si tu les ouvres sans objectif : tu y perds une heure et tu ressors avec l’impression que tout est déjà fait. La méthode qui marche tient en une contrainte. Avant d’ouvrir quoi que ce soit, écris la question à laquelle tu cherches une réponse, du type comment ce type de marque traite son hero, ou comment on annonce trois offres sans faire un tableau. Tu t’arrêtes dès que tu as trois réponses. Trois références suffisent à nourrir une direction, la quatrième ne fait que retarder le moment de dessiner.