On à beau manier photoshop à la perfection et connaître les codes du webdesign sur le bout des doigts, des fois on a bien besoin d’un coup de pouce. Et oui, même les plus créatifs ont parfois besoin d’inspiration. L’idée n’étant pas de copier, de plagier ou de dupliquer, mais simplement de trouver des pistes d’inspirations qui pourront engendrer vos élans créatifs.

J’ai une maquette à réaliser : par où commencer ?

Vous avez un projet a designer. Bien ! Maintenant il vous faut l’inspiration pour pondre une créa autant ergonomique qu’agréable à regarder. Quand on doit créer une maquette par semaine, l’inspiration ne suit pas forcément la cadence. Réjouissez-vous : Internet est là pour vous aider !

Cernez votre projet et analysez les concurrents

La première phase de votre recherche d’inspiration est relativement simple : il suffit d’analyser les sites des concurrents. Quels mélanges de couleurs ont-ils choisis ? Quel agencement de l’information a été adopté ? Est-ce pertinent dans ce contexte ? Notez bien toutes ces informations et comparez les concurrents entre eux en attribuant des notes de 1 à 10 sur les différents critères : premier coup d’oeil / agencement de l’information / lisibilité / évaluation design & impression globale après lecture…

Une fois les concurrents analysés, il vous suffira de naviguer sur les sites de créatifs pour trouver de nouvelles idées qui vous différencieront de la concurrence.

DeviantART : LA référence des créatifs

DeviantArt.com est une des principales références en terme de partage créatif / partage de maquettes. Ainsi il vous suffira de choisir la bonne catégorie. Celle qui nous intéresse se situe dans « Design & Interfaces » > « Web Interface ». Ensuite vous devrez préciser l’objet de votre recherche dans le moteur en haut de page, exemple : « medicinal » , « associative » , « corporate » ou encore « social network ». Évidemment toutes vos requêtes devront être en anglais. N’hésitez pas à naviguer dans les 10 – 20 – 30 premières pages, parfois les meilleures idées ne remontent pas en haut de liste.

http://deviantart.com

Les annuaires WebDesign : le jackpot de l’inspiration

Les sites qui recensent les beaux designs foisonnent sur la toile. Certes la plupart seront uniquement accessibles dans la langue de Shakespeare, mais cela ne change rien à la cause : un design est un design, peu importe la langue concernée (bien qu’il puisse exister des nuances culturelles très importantes propres à votre projet, auquel cas celles-ci sont les directives principales de votre création).
Ne négligez pas l’importance de ces annuaires : ils ne sont pas là juste pour créer des backlinks, ils sont surtout là pour vous inspirer et trouver des sites dans le même domaine que votre client.
Quelques sites annuaires webdesign :
WEB ECRAN :
- http://www.webcreme.com/
- http://www.css-design.fr/
- http://www.cssheaven.com/
- http://www.webdesignfile.com/
- http://www.awwwards.com/
WEB MOBILE :
- http://www.cssiphone.com
- http://www.jqmgallery.com

Les sites revendeurs de templates :
généraliste oui, mais joli quand même.

Il existe aujourd’hui un paquet de sites qui vendent des designs « préfaits ». Vous lâchez X dollars, puis vous êtes en possession des sources liées à ce template : pack complet pour CMS, intégration HTML, ou PSD seul.
Certes, ces créations sont plutôt généralistes puisque pensées pour être vendues à un maximum de personnes. Mais il n’empêche que la plupart de ces templates sont plutôt bien conçus. Vous y trouverez certainement de bonnes idées en terme de navigation, de présentation des images ou encore d’agencement de l’information. N’hésitez pas à consulter ces sites avant toute création, une bonne idée peut vous apparaître sous les yeux à tout moment.
Quelques sites de vente de templates :
- http://www.templatemonster.com
- http://www.themefuse.net

HTML5 / JS et CSS3 vont remplacer Flash. Pensez-y !

A l’heure ou le javascript devient de plus en plus puissant grâce aux librairies comme MooTools ou jQuery, le CSS3 commence à se populariser et le HTML5 est accepté par 100% des derniers navigateurs. Alors c’est le moment de copier sur Flash. On ne parle pas ici de copier les sites « full flash » remplis d’animations épileptiques et de scripts AS qui feront planter votre browser, non. Il s’agit de s’inspirer de la façon dont sont conçus ces sites flashs : navigation originale/animée, changement de section sans rechargement de page, stockage local, éléments qui apparaissent selon l’action de l’utilisateur…..tout cela est désormais possible grâce à la magie html5/css3/javascript. Pourquoi s’en priver ? Les technos actuelles permettent de bien beaux effets tels qu’on les voyait dans les sites Flash auparavant. Inspirez vous des meilleurs sites Flash que vous connaissez, et si vos compétences le permettent, reproduisez ce qui vous plait dans la conception et dans l’agencement de l’info (attention toutefois à respecter les standards d’ergonomie et d’accessibilité !).

Les meilleures idées viennent de votre imagination.
Pas celle des autres.

Attention le fait de chercher l’inspiration sur le web ne doit pas brider votre créativité : si votre client vous a confié un projet, c’est qu’il estime que vous êtes en mesure d’avoir les idées à la hauteur et de réaliser un design pertinent qui répond à sa demande. Ne vous sous-estimez pas, ne vous limitez pas à ce que vous voyez sur les autres sites. Si vous avez une bonne idée qui ne se retrouve sur aucun site, pourquoi pas ? On peut s’inspirer des autres, mais on peut surtout améliorer ce que les autres ont pensé. Ainsi, en vous basant sur des bases trouvées ici et là, vous pourrez laisse libre court à votre créativité et améliorer tant que possible le concept / le design de votre projet.

Et vous, quelles sont vos sources d’inspirations ? Laissez nous vos meilleures trouvailles en commentaires !