fbpx
Freelance en webmarketing, SEO, communication et graphisme

Les tops Pinterest : 5 web designs qui font du bien à la créativité

Hey bonjour toi ! Aujourd’hui, j’ai comme l’envie de te proposer quelque chose de diffĂ©rent sur Yalpel. Ça fait dĂ©jĂ  quelques semaines que je t’amĂšne chaque mardi dans mon univers au travers du wordkshop BITN. Des articles qui se dessinent de plus en plus et voguent entre vulgarisation et notions complexes. Je m’éclate vraiment Ă  te partager mes expĂ©riences, apprentissages et erreurs et Ă  dĂ©couvrir Ă  tes cĂŽtĂ©s toujours plus de choses. Tu as dĂ» le remarquer, je porte une attention particuliĂšre Ă  mon contenu en essayant de te proposer quelque chose de diffĂ©rent de ce que tu as l’habitude de voir et lire sur le web.

Le temps passe vite et j’ai l’envie de diversifier lĂ©gĂšrement ma ligne Ă©ditoriale en apportant un format beaucoup plus design et crĂ©atif sur Yalpel. Un contenu complĂ©mentaire construit autour d’une notion qui m’est chĂšre : le partage !

Je suis ce que l’on peut appeler un utilisateur compulsif des rĂ©seaux et du web en gĂ©nĂ©ral. J’accumule un nombre important d’articles, de ressources et autres visuels et bons plans dans mes bookmarks. (Je partage le tout sur Pinterest si ça te dit !). Et je suis sĂ»r que de ton cĂŽtĂ© tu as bien des choses Ă  m’apprendre et me faire dĂ©couvrir ? Tu la vois venir la nouvelle catĂ©gorie ? Eh oui, j’ai envie qu’on profite de ce nouveau format pour mettre en place un espace d’échange et de dĂ©couverte.

Pour cet article pilote, je te propose quelque chose de visuel avec une sĂ©lection et une analyse des web designs qui m’ont le plus marquĂ© ces derniers jours. C’est complĂštement personnel et je t’encourage Ă  me partager les tiens et Ă  discuter de tout ça en commentaire.

N°1 – La simplicitĂ© et le web design pour transmettre son positionnement :

👁 ‱ Pinterest : 5 web designs qui font du bien Ă  la crĂ©ativitĂ© ! ‱ Yalpel.fr #1

Pourquoi cette ressource ?

J’aime beaucoup ce template pour ce qu’il dĂ©gage. Quand la simplicitĂ© met en exergue le contenu, c’est pour moi synonyme de design efficace. Ici, les images relĂšvent Ă  elles seules le positionnement et laissent la place Ă  une juste quantitĂ© de contenu textuel. L’aspect trĂšs primaire et carrĂ© du design souligne la volontĂ© de travailler des produits bruts. Bref, c’est simple, efficace et surtout rĂ©vĂ©lateur du positionnement. Un web design qui sert le marketing !

N°2 – DualitĂ© visuelle entre des images organiques et du contenu gĂ©omĂ©trique :

👁 ‱ Pinterest : 5 web designs qui font du bien Ă  la crĂ©ativitĂ© ! ‱ Yalpel.fr #2

Pourquoi cette ressource ?

J’aime la dualitĂ© gĂ©nĂ©rĂ©e entre le parallĂ©lisme des formes primaires et gĂ©omĂ©triques et le contraste des images pleines largeurs, apportant un cĂŽtĂ© trĂšs organique. Le web design alterne parfaitement entre ces deux styles visuels pour donner une rĂ©gularitĂ© importante Ă  l’équilibre gĂ©nĂ©ral du design. J’aime Ă©galement le travail colorimĂ©trique jouant avec les contrats pour faire ressortir en un coup d’Ɠil la thĂ©matique italienne qui nous est prĂ©sentĂ©. Bref, une trĂšs belle proposition qui sait trouver un Ă©quilibre pourtant dur Ă  atteindre au vu des choix !

N°3 – L’importance de jouer avec les codes pour servir ses objectifs !  

👁 ‱ Pinterest : 5 web designs qui font du bien Ă  la crĂ©ativitĂ© ! ‱ Yalpel.fr #3

Pourquoi cette ressource ?

J’aime particuliĂšrement ce design ! LĂ  oĂč l’on pourrait ne voir qu’une page simpliste, j’y vois personnellement un questionnement intĂ©ressant sur le rĂŽle du web design dans le webmarketing. Oui, oui vraiment, je t’explique.

Ici, l’auteur joue avec les codes en cassant la notion de bloc, vĂ©ritable norme du web design et du courant de pensĂ©e du Material Design promulguĂ© par Google. Le background triangulaire vient aiguiller la lecture de l’Ɠil et place les diffĂ©rents Ă©lĂ©ments. Images et textes se confondent pour donner une impression trĂšs naturelle dans le design. Cette unitĂ© est possible selon moi par le respect des lignes et des marges.

Le tout a l’avantage de propulser visuellement les quelques zones de textes. Le design se concentre sur deux zones d’action qui doivent permettre une bonne conversion. Le web design au service du webmarketing donc !

N°4 – Les espaces vides et l’utilisation du blanc comme outils de structuration :  

👁 ‱ Pinterest : 5 web designs qui font du bien Ă  la crĂ©ativitĂ© ! ‱ Yalpel.fr #4
👁 ‱ Pinterest : 5 web designs qui font du bien Ă  la crĂ©ativitĂ© ! ‱ Yalpel.fr #4

Pourquoi cette ressource ?

Pour cette premiĂšre sĂ©rie de web designs, je voulais un exemple pour t’illustrer l’importance du blanc dans la crĂ©ation graphique. Rien Ă  signaler, visuellement ça marche trĂšs bien ! Images attractives, travail typographique, cohĂ©rence gĂ©omĂ©trique, placement, Ă©quilibre
 mais pourquoi ça marche ? L’une des raisons pour moi est l’utilisation parfaite des blancs. À eux seuls, ils structurent le site web et participent Ă  la cohĂ©rence visuelle de l’ensemble. Les blancs servent le propos, car viennent contraster les images et introduisent les textes seulement prĂ©sents dans ces espaces. Les espaces vides et l’utilisation du blanc sont l’une des clĂ©s de la rĂ©ussite visuelle d’un design et du graphisme en gĂ©nĂ©ral. (Mon avis bien sĂ»r !)

N°5 – La superposition, un travail dĂ©licat, mais visuellement intĂ©ressant :

👁 ‱ Pinterest : 5 web designs qui font du bien Ă  la crĂ©ativitĂ© ! ‱ Yalpel.fr #5

Pourquoi cette ressource ?

Ce design de site internet illustre beaucoup de notions diffĂ©rentes. J’aurais pu m’en servir pour te parler de l’utilisation des espaces, de l’application des couleurs ou encore la crĂ©ation de zones visuelles. Mais ce qui m’intĂ©resse particuliĂšrement ici c’est la superposition des Ă©lĂ©ments textuels et visuels avec ce jeu de transparence. Au-delĂ  de la difficultĂ© technique (bonjour le responsive), j’apprĂ©cie grandement ce mĂ©lange des Ă©lĂ©ments qui par l’imbrication renforce la cohĂ©rence gĂ©nĂ©rale. La dualitĂ© graphique du dĂ©but laisse place Ă  mesure du dĂ©filement Ă  une harmonie apprĂ©ciable et rĂ©solument visuelle !

Place maintenant au partage : c’est Ă  ton tour !

Alors ça ta plus ? J’ai pour ma part pris plaisir Ă  te confectionner cet article. J’attends avec impatience ton retour dans les commentaires ou sur les rĂ©seaux pour me faire part de ton analyse et de tes coups de cƓur. La section commentaire est la tienne, alors n’hĂ©site pas Ă  l’utiliser.

Cet article se prĂȘte davantage aux partages sociaux, n’hĂ©site donc pas Ă  le relayer. C’est ce qui m’aide le plus et me donne la force d’avancer et de progresser !!! Et si tu es sur Pinterest, fais-moi signe ! J’adore cette plateforme (tu peux retrouver mon compte ici).

Sur ce, je te dis Ă  bientĂŽt pour suivre mes prochaines aventures (ÂŽăƒ»Ï‰ăƒ»`)

➡ Tu as envie de dĂ©couvrir une aventure entrepreneuriale entre commerce, marketing et communication ? Ça tombe bien j’ai quelque chose pour toi : bitn.fr : comment crĂ©er sa marque de vĂȘtement et sa boutique en ligne ?

Henrik LE PLAY

PassionnĂ© par l’univers du web, du marketing et de la crĂ©ation au sens large, j’ai dĂ©cidĂ© dĂšs 2014 de me spĂ©cialiser dans ce qui m’anime. Mes expĂ©riences m’ont amenĂ© Ă  m’intĂ©resser de prĂšs aux univers riches du marketing et de la communication et de leurs dĂ©clinaisons web.

Cet article t'a plu ? Alors partage-le !

Partager sur twitter
Twitter
Partager sur linkedin
LinkedIn
Partager sur facebook
Facebook
Partager sur pinterest
Pinterest
Partager sur reddit
Reddit

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *