Maquette web

Vous êtes sur le blog de Thibault

Maquette web

Maquettage web

Pour vous mettre dans le contexte, mon patron m’a demandé de réaliser une maquette sur Adobe XD pour une de ses clientes. Les contraintes étaient qu’il fallait des couleurs, des tons pastel, mais tout en gardant un côté féminin. Pour cela, la cliente avait demandé du rose, du violet, du même style que sa carte de visite, (photo). Mais avant de faire la maquette XD, il fallait réaliser un Moodboard pour que la cliente puisse valider l’univers avant de se lancer dans la conception de la maquette.

Pour la création du Moodboard, j’ai été sur le site « shutterstock » pour trouver des images ou des éléments que je pourrais intégrer. La cliente avait aussi demandé un effet néon, mais première difficulté, trouver un effet néon en restant dans un ton pastel, c’est compliqué. Pour cela, j’ai essayé de jouer avec petit néon et le reste en pastel pour que le néon soit présent, mais pas dominant par rapport au pastel.

Après un envoi à la cliente, le moodboard a été valide, j’ai donc pu passer au maquettage sur Adobe XD.

Pour le maquettage, je me suis inspiré du moodboard précédemment créé. Il y avait 6 pages à créer : accueil ; qui sommes-nous ; catalogue formations & programme ; engagement pour l’accessibilité ; formulaire de réclamation ; contactez-nous. Pour la création de la maquette, j’ai repris les éléments du moodboard et j’ai rajouté des effets de parallaxe, car la cliente aimée bien ces effets. J’ai aussi rajouté des animations en lottie grâce au plugin lottiefiles sur XD. Il permet de rajouter des animations de motion design sur les maquettes et les sites rapidement et sans poids puisque ce sont des lignes de codes. Je vous mets ci-dessous des images des pages de la maquette. La maquette a été validée directement et sans modification.