Petite session inspiration aujourd’hui, avec un sélection de portfolios et de CV en ligne qui sont carrément trop classes ! Tu me crois pas ? Je te laisse voir la suite alors

1. Ismet

Ismet Website Portfolio

Nominé aux CSS Winner, le portfolio en ligne d’Ismet Trako est une vraie merveille en matière de design et de code. Ismet a designé lui-même le site et le code a été réalisé par Aleksi Tappura, qui possède également un super site web. Il utilise des fonts très présentes ces temps-ci comme la Google Font Montserrat. La mise en page de ses différents travaux est habilement construite. Le rendu fait très professionnel, donc j’ai envie de dire « exemple à suivre », jeune MMI !

[su_button url= »http://ismet.im/ » target= »blank » style= »flat » background= »#eb3″ color= »#fff » size= »5″  radius= »4″ icon= »icon: chain » icon_color= »#fff » class= »button »]ismet.im[/su_button]

 

2. Brian Delaney

Brian Delaney Website Portfolio

Très sympathique le changement de couleur du background au survol du menu. Ce portfolio est en fait un one page assez original puisqu’il ne nous oblige pas à scroller comme la plus part des one page qu’on croise sur le web. Ce site est très fluide, et cette impression est accentuée par des animations rapides et bien travaillées pour améliorer l’expérience de navigation de l’utilisateur. Cette fois, Brian était pas dans la kitchen ! ok vanne pourrie

[su_button url= »http://briandelaney.com/ » target= »blank » style= »flat » background= »#eb3″ color= »#fff » size= »5″  radius= »4″ icon= »icon: chain » icon_color= »#fff » class= »button »]briandelaney.com[/su_button]

 

3. Marco Almeida

Marco Almeida Website Portfolio

On reste dans un style sobre et épuré, comme les deux précédents portfolios. Cette fois-ci, on s’arrête sur celui du brésilien Marco Almeida qui a obtenu la « Honorable Mention » par Awwwardspreuve que la sobriété peut être radicalement efficace dans un portfolio en ligne !

[su_button url= »http://aboutmarco.com/ » target= »blank » style= »flat » background= »#eb3″ color= »#fff » size= »5″  radius= »4″ icon= »icon: chain » icon_color= »#fff » class= »button »]aboutmarco.com[/su_button]

 

4. Clement Grellier

Clement Grellier Website Portfolio

Un petit peu de french touch ici avec le portfolio de Clement Grellier, ancien SRC (ex-MMI), qui s’amuse à dessiner des images SVG quand on survole différents liens sur son site (menus, créations). On se rend compte qu’il joue beaucoup avec les animations, et il faut avouer qu’elles sont plutôt bien bossées ! Son preloader est assez cool aussi, tu trouves pas ?

[su_button url= »http://clementgrellier.fr/ » target= »blank » style= »flat » background= »#eb3″ color= »#fff » size= »5″  radius= »4″ icon= »icon: chain » icon_color= »#fff » class= »button »]clementgrellier.fr[/su_button]

 

5. Garphee

Garphee Website Portfolio

Trop drôle le petit bidule qui te cause quand tu arrives sur le site de Garphee :)
En attendant, le type plaisante pas quand tu vois pour qui il a bossé et surtout sur quels gros sites et magazines il a été mentionné ! C’est donc une très bonne source d’inspiration pour un étudiant dans le domaine du multimédia et de l’internet

[su_button url= »http://www.razvangarofeanu.com/ » target= »blank » style= »flat » background= »#eb3″ color= »#fff » size= »5″  radius= »4″ icon= »icon: chain » icon_color= »#fff » class= »button »]www.razvangarofeanu.com[/su_button]

 

6. Pat Kay

PatKay Website Portfolio

Personnellement, je suis pas fan de son logo. Mais j’ai littéralement kiffé sa homepage ! Rien que le texte d’accroche (oui parce que c’est important aussi) monte que le mec connait son sujet. 6 mots suffisent pour instaurer une confiance totale entre lui et le visiteur de son portfolio, chapeau ! De plus, la navigation est simple et efficace, puis les petites animations sont très agréables. Site à mettre dans ses favoris.

[su_button url= »http://patkay.com.au/ » target= »blank » style= »flat » background= »#eb3″ color= »#fff » size= »5″  radius= »4″ icon= »icon: chain » icon_color= »#fff » class= »button »]patkay.com.au[/su_button]

 

7. Monk Design (Patrick Monkel)

Monk Design Website Portfolio

Contrairement au précédent, je trouve le logo bogoss (vous avez dit Assassin’s Creed?) pour ce portfolio. Ce genre de menu est intéressant quand on passe sur mobile, en revanche, c’est dommage qu’il faille cliquer une fois dessus en mode desktop pour afficher ce même menu (ça rallonge le chemin pour accéder au contenu souhaité). Pour la partie portfolio, je trouve le header dans la présentation de chaque projet très classe. La sobriété est encore mise à l’honneur dans ce webdesign, ce qui prouve bien son efficacité pour ce type de site web.

[su_button url= »http://monk-design.nl/ » target= »blank » style= »flat » background= »#eb3″ color= »#fff » size= »5″  radius= »4″ icon= »icon: chain » icon_color= »#fff » class= »button »]monk-design.nl[/su_button]

 

8. AnodPixels (Alexandru Nastase)

AnodPixels Website Portfolio

Alexandru Nastase (on va l’appeler AnodPixels hein) a obtenu une « Special Mention » par Awwwards lui aussi. Cette charte graphique colorée avec cette typographie sur ce portfolio en full page donne presque un aspect « journal ». Dommage que le temps de chargement soit un peu long et les animations pas très fluide.

[su_button url= »http://anodpixels.com » target= »blank » style= »flat » background= »#eb3″ color= »#fff » size= »5″  radius= »4″ icon= »icon: chain » icon_color= »#fff » class= »button »]anodpixels.com[/su_button]

 

9. Clément Zezuka

CZK Website Portfolio

J’espère que tu aimes scroller, parce que là, tu n’as que ça à faire … puis admirer. Le concept est original, je te laisse le découvrir et le comprendre (j’avoue, j’ai mit un peu de temps à saisir), mais l’idée est intéressante. Avec plus de recul, on a quand même une sensation d’enfermement avec ce type de scroll « ralenti » qui donne la sensation d’être freiné (et c’est le cas) . C’est légèrement désagréable à mon goût. Mais tu peux garder l’idée de ce concept en tête pour un futur projet !

[su_button url= »http://www.czk.fr » target= »blank » style= »flat » background= »#eb3″ color= »#fff » size= »5″  radius= »4″ icon= »icon: chain » icon_color= »#fff » class= »button »]www.czk.fr[/su_button]

 

10. Nerisson

Nerisson

Les français ont du talent tu ne trouves pas ? Jimmy Raheriarisoa, un directeur artistique strasbourgeois en freelance  nous propose un fabuleux portfolio en ligne ! Animation en intro, petits effets au survol (affichage des titres des projets). Bref un design original pour un site propre visuellement. Moi j’adore.

[su_button url= »http://www.nerisson.fr/ » target= »blank » style= »flat » background= »#eb3″ color= »#fff » size= »5″  radius= »4″ icon= »icon: chain » icon_color= »#fff » class= »button »]www.nerisson.fr[/su_button]

 

 

Bonus : CV Super Mario

CV de Robby Leonardi

On ne pouvait pas se quitter avec un CV en ligne complètement délirant. Peut-être que tu le connais déjà, mais dans ce cas laisse moi le présenter aux autres.
Robby Leonardi a codé en HTML5 (si si je tejure) un CV façon Super Mario, à déguster au scroll ou avec les flèches de ton clavier. Il faut avouer que c’est techniquement parfait, et le travail de story-boarding + code en amont doit être monstrueux. Mais est-ce vraiment le CV adéquat à présenter à un recruteur ?

[su_button url= »http://www.rleonardi.com/interactive-resume/ » target= »blank » style= »flat » background= »#eb3″ color= »#fff » size= »5″  radius= »4″ icon= »icon: chain » icon_color= »#fff » class= »button »]www.rleonardi.com/interactive-resume[/su_button]

 

Bonus 2 : CV Pokémon/Zelda

CV de Daniel Sternicht

Okay, un petit dernier pour la route.
Certes la navigation n’est pas très facile à manipuler mais le concept est, d’une certaine façon, plus qu’original ! Et fait pas le mytho, avoue que ça fait du bien d’avoir l’impression de jouer à Pokémon sur ton ordi
Cependant, il faut aussi prendre en compte la question de l’efficacité d’un tel CV … Il est vrai que de cette façon tu montres bien que tu as des compétences solides, mais d’un autre côté, est-ce que ce CV va réellement séduire ton recruteur pour obtenir ton stage ?

[su_button url= »http://danielsternlicht.com/ » target= »blank » style= »flat » background= »#eb3″ color= »#fff » size= »5″  radius= »4″ icon= »icon: chain » icon_color= »#fff » class= »button »]danielsternlicht.com[/su_button]

 

Et toi tu galère en code et tu veux quand même un portfolio en ligne ?

Bon okay, nous ne sommes pas tous voués au code, même en DUT MMI. Mais il existe énormément de tutos gratuits sur le web pour apprendre à faire des effets et des animations dignes d’un vrai développeur (je pense par exemple à Codrops).

Mais pour ceux qui ont des boutons rien qu’en entendant les mots « Javascript » ou « CSS », sachez que vous pouvez vous créer un portfolio qui tient la route grâce au CMS WordPress.

Il existe d’autres solutions gratuites si tu ne supportes pas non plus les CMS, comme Wix, qui te permet de builder ton site élément par élément. Mais très sincèrement, sortir d’un DUT MMI avec un site construit avec Wix ne fait vraiment pas professionnel : la solution cible les personnes quasi-étrangères au domaine du web …

Mais tu peux aussi mettre en avant tes créations sur des réseaux sociaux comme Behance. Même si ce n’est pas « ton site », Behance te permet d’être plus visible et de faire partie d’une très grande communauté de créatifs. En suivant d’autres designers, tu pourras voir de nouvelles créations pour cultiver ton inspiration. Tu peux continuer à faire de la veille de sites web en consultant tous les jours le site Awwwards qui nomine et récompense les meilleurs sites web de tout l’Internet !

Pour finir, si tu veux améliorer ta veille graphique, je t’incite vivement à lire mon article sur l’optimisation de sa veille graphique. Tu me diras ce que tu en penses !

 

Allez, bonne veille jeune MMI , et penses à ta recherche de stage, l’échéance approche plus vite qu’on le croit

Inspiration webdev : Portfolios et CV en ligne du moment
4.8 (96%) 5 votes

Ce qui pourrait également t'intéresser ...

Laisser un commentaire

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

Je veux Contribuer

C'est parti

Je suis un Professionnel

Voyons voir