.  
UI Design
.  
5 min
.  
Auteur:
Vanessa

Comment trouver l'inspiration ?

Comme n’importe quel designer, avant de commencer à dessiner tes rectangles sur ta maquette, tu vas avoir besoin d’inspiration. Des fois tu peux avoir ta petite idée et te sentir comme le roi du pétrole car t’auras aucunement besoin de mater ce que font les autres sur Dribbble, mais parfois, même si le coeur y est l’imagination ne suit pas.

1 Les sites style Dribbble, Behance ..

Je te listerai à la fin les ressources qui m’aident à trouver l’inspiration lorsque je veux faire une page de paiement ou une page d’accueil pour un site de fringues. On va tous sur ces sites pour trouver l’impulsion et commencer à maquetter. Mais de toi à moi, parfois ça ne fonctionne pas chez moi. Je scroll les pages et tous les sites se ressemblent, rien ne se démarque ou parfois c’est même trop original. Ce que j’aime faire, c’est aller sur les sites qui ont le même but que le produit que je veux créer. Je vais aller sur les sites de Zara, Asos, Kith et j’en passe. Je note tout ce que j’aime et ce que j’aime pas. Je note les points communs et je commence à me demander comment je vais me démarquer.

Je reste toujours dans l’optique de faire un design qui plaira aux recruteurs pour ma part. La personne qui regardera mon travail doit pouvoir se projeter et savoir que j’ai pensé au produit et aux utilisateurs, avant de faire quelque chose de sublime. S je veux faire des visuels créatifs, je ne pense pas “produit”, je vais me concentrer sur l’artistique. Pour paraphraser David Brent (The Office UK): “art is not logic”. Le design ui/ux doit l’être.

Je le savais quand j’étais dev, pour le métier de designer ce sont les mêmes codes : on réinvente pas la roue. Je m’explique. J’ai fait ma page produit pour mon faux site Dress Like, je n’aimais pas trop la façon de présenter les articles sur les sites style Asos et compagnie (des simples blocs sur le coté) j’avais envie de modernité et j’ai pensé à un slide qui présenterai les différents articles. J’ai voulu aussi mettre en valeur le nom du produit et les tailles. Ce que tu vois dans la petite bulle je l’ai trouvé sur une page Dribbble. J’ai juste arrangé l’étiquette à ma sauce et c’est tout le secret. Quand tu t’inspire : tu restes dans l’inspiration. Tu ne seras pas fier de toi si tu copies de toute façon, teste, essaie des choses. C’est moche ? Tente un angle différent.

Ma page produit avait une autre tête dans mon esprit, après plusieurs essais je suis sortie avec quelque chose de complètement différent.

2 Les Layouts

En ce moment je suis en train de travailler sur un use case, un site style Hello Fresh que tu dois surement connaitre. Pour l’inspi je fais comme je t’ai dit plus haut : je suis allée mater 3 ou 4 sites concurrents. Et là c’était pas compliqué car c’est à peu près tous les mêmes sites. Pleine page, les mêmes alignements, les mêmes couleurs, on dirait même qu’ils ont tous les mêmes photos !

Je vais devoir me démarquer avec ma page d’accueil pour qu’elle sorte du lot. Et j’ai pensé à différentes façons de présenter le produit (car sur la page d’accueil je présenterai le but du site). Regarde les exemples ci-dessous (vues sur les cours de DesignCourses) :

Il y a forcement un layout qui sortira du lot. Sur les sites qui font le même produit que toi, t’auras forcement un agencement qui n’y figure pas. A partir du moment où tu as une idée pour assembler tes jolis rectangles, tu sauras terminer le chemin que tu as commencé.

3 Va faire un tour

Je blague pas. Ça peut être la forêt, la rue ou que sais-je. J’ai déjà trouvé l’inspiration sur un panneau publicitaire (les couleurs), j’ai aussi trouvé le vert de ma prochaine app en passant devant la boutique de Prada. Il est scientifiquement prouvé que de se promener dans la nature développait notre coté créatif. Habitant près d’une forêt je t’avoue que tout ce dégradé de vert ça m’inspire. Imprègne toi du moment et du lieu, inspire, vide toi la tête. Je constate qu’il n’y a pas que le code qui peut casser la tête parfois, les designers aussi peuvent être bloqués dans leur processus de travail.

Tu peux aussi trouver l’inspi devant ta télé. Je pense que tu vas être hyper surpris quand tu vas apprendre que la maquette Dress Like j’y ai pensé en matant Peaky Blinders. Avoue t’es sur le derrière là.

Le truc c’est de bosser sur ce que l’on aime. Un sujet qui te passionne t’inspirera toujours plus qu’un sujet lambda (Captain Obvious). Prends le temps de penser à ce qui pourrait te donner des ailes quand tu dessines des rectangles (j’arrête pas avec ça hein).

Si t’as d’autres astuces pour trouver de l’inspiration n’hésite pas à les partager avec moi sur le Discord ou Twitter !

Cheers

VS

Les sites qui me servent d’inspiration

Dribbble

Behance

unDraw (pour les illustrations)

Collectui

Awwwards

Admiretheweb

Onepagelove

Godly

Landbook

palitra (trouver les palettes couleurs des marques)

appydev (une tonne d’illus !)

Retrouve sous chaque article un animal en attente d'une famille !
Icone avec la lettre i dans un cercle
Photo d'un jolie petit chien noir
Ron
1 an

Ron est un chat craintif. Il se sociabilise peu à peu et aura besoin de calme. Un ami chat serait un gros plus :)
La majorité de nos animaux à l’adoption sont en familles relais ou en pension, ils ne sont pas à la Maison SPA.
Ainsi, pour toute demande d’adoption, merci de passer par le formulaire d’adoption.

Bordeaux
-
Maison SPA
En savoir plus

Inscription à la newsletter

Si tu veux recevoir, à chaque début de mois, un résumé des derniers articles publiés et ainsi ne rien louper !

Merci ! Ton inscription a bien été prise en compte.
Oops! Une erreur est survenue, ré-essaie plus tard.