Article original : 13 Freelance Developer Portfolios to Inspire You
Par Kyle Prinsloo
Vous envisagez donc de créer votre site portfolio en tant que développeur web freelance.
Ou peut-être cherchez-vous à créer un espace en ligne où les employeurs potentiels peuvent se faire une idée de qui vous êtes et de ce que vous avez fait par le passé.
Dans les deux cas, votre site portfolio est l'endroit idéal pour montrer vos travaux passés et fournir un moyen pratique pour que les clients ou employeurs potentiels puissent vous contacter. Même si vous n'avez pas de travaux passés, un excellent portfolio peut vous aider à obtenir ce premier client.
Nous allons examiner les fonctionnalités standard que votre site portfolio devrait inclure pour transmettre un message clair. Après avoir couvert les bases, nous allons plonger dans quelques portfolios inspirants, magnifiques et simplement incroyables de freelances.
Inclure une Page "À Propos" sur Votre Site Portfolio
Un site portfolio, et les pages d'atterrissage de sites d'entreprise en général, sont les cartes de visite modernes.
Transmettre les informations qui feront en sorte que les clients et employeurs potentiels restent pour en savoir plus sur vous, dans l'espoir de travailler avec vous, est crucial.
Cela dit, il est considéré comme une bonne pratique d'inclure une section "À propos" sur votre site. Dans cette section, donnez une version bien révisée des informations les plus importantes (pertinentes) sur vous-même, votre expérience et peut-être aussi votre approche.
Bien sûr, il peut y avoir des variations, mais le plus important est d'essayer d'identifier vos points de vente uniques et vos validateurs (travaux passés et/ou compétences) et de les souligner aussi clairement que possible.
Nous verrons dans certains des portfolios inspirants ci-dessous que vous pouvez être créatif tout en restant clair dans le message principal.
Montrez des Preuves de Vos Travaux Passés dans Votre Portfolio
Votre site portfolio sert un objectif principal : montrer la crédibilité et établir la confiance dans l'esprit de vos visiteurs.
Il existe un moyen sûr de le faire et c'est par l'affichage clair de projets ou de travaux précédents.
Cela devient encore plus pertinent et important si votre visiteur idéal n'est pas techniquement averti et veut simplement voir des preuves et la qualité des travaux précédents.
C'est un bon endroit pour montrer une gamme de travaux illustrant ce dont vous êtes capable et que vous êtes en mesure de vous adapter aux besoins de différents projets.
Gardez à l'esprit que la clarté est importante ici. Montrer une capture d'écran d'un projet d'exemple n'est pas suffisant, surtout si vous n'avez pas une grande expérience.
Ce que vous pourriez faire, c'est décrire le processus pour chaque projet : utilisez cet espace comme un moyen de communiquer votre réflexion et d'expliquer certains choix de conception ou techniques que vous avez faits.
Si cela est bien fait, un client ou employeur potentiel peut comprendre comment et pourquoi vous faites ce que vous faites, ce qui lui donnera une impression beaucoup plus informée de vous et de votre façon de travailler.
Ajoutez des Témoignages à Votre Site Portfolio
Ajouter des témoignages, si vous en avez, est probablement le meilleur moyen de fournir une preuve sociale de votre travail. Ceux-ci peuvent être des citations de clients et collègues passés. Si vous avez travaillé avec des marques, incluez leurs noms et logos.
Démontrer comment les clients et employeurs passés se sentent à propos de leur expérience avec vous peut apaiser les nerfs d'un visiteur anxieux et solidifier l'impression de confiance que vous essayez de créer avec votre site portfolio.
Inclure Vos Coordonnées
Cela peut sembler évident, mais de nombreux sites portfolio rendent plus difficile que nécessaire la recherche des informations de contact les plus importantes.
Laissez votre adresse e-mail, les liens vers les réseaux sociaux ou un formulaire de contact dans un endroit facile à trouver sur votre site.
Vous devez rendre l'expérience des visiteurs interagissant avec votre site aussi facile que possible, y compris le processus à suivre lorsqu'ils ont décidé qu'ils veulent vous contacter.
10 Portfolios de Freelance Incroyables pour Vous Inspirer
Stef Ivanov
Designer UX et UI freelance, Stef Ivanov, a travaillé pour plus de 100 entreprises au cours d'une carrière de 13 ans, et il y a une excellente sélection de ses travaux dans son portfolio.
Cependant, ce n'est pas pour cela que je l'ai inclus dans cette liste. Il n'aurait pas de sens d'inclure uniquement les freelances les plus expérimentés ici. Où est l'inspiration dans cela ? Plutôt, il a été inclus pour la page d'atterrissage qui attire l'attention.
Elle présente un simple bloc de texte introductif qui est assez standard pour les sites en général.
Ce qui rend la page d'atterrissage exceptionnelle est un portrait à la plume et à l'encre croisé de Stef avec un halo animé d'abeilles bourdonnant autour de sa tête.
Non seulement il maîtrise les bases que nous avons mentionnées ci-dessus, mais il a ajouté une petite touche supplémentaire qui montre un peu de sa personnalité créative et piquer l'intérêt des visiteurs.
Erika Senft Miller
Lorsque vous visitez le site d'Erika, vous êtes accueilli par un écran de chargement très minimaliste.
Quelque chose de très inhabituel se produit une fois la page complètement chargée. Vous devriez visiter le site d'Erika pour en avoir une vraie impression, mais essayons de donner une description détaillée, d'accord ?
Son site web est présenté comme une page lignée que vous pouvez déplacer en faisant glisser avec la souris. Lorsque vous déplacez le pointeur à l'écran, vous remarquerez que les lignes composant la page bougent et se courbent autour du pointeur.
Lorsque vous arrivez à un élément de portfolio – représenté comme une orbite 2D à plusieurs couches qui se transforme lentement et qui elle-même s'étend lorsque vous passez la souris dessus – les lignes autour de l'élément se déforment également.
Une fois que vous cliquez sur l'une de ces orbites en mouvement, les informations sur le projet s'étendent vers l'extérieur. Et le concept intrigant continue. Au lieu de faire défiler vers le bas ou sur le côté, vous suivez un chemin sinueux comme vous le souhaitez.
La manière dont cela est présenté est très créative, mais ce qui la rend exceptionnelle est sa capacité à attirer un visiteur avec son style d'interaction unique.
Erika a présenté une façon fascinante d'explorer son travail.
Jessica Haines
Jessica a un excellent site portfolio !
Il est conçu en pensant aux conversions, il est bien pensé, les couleurs sont superbes, il est spécialisé - c'est tout simplement superbe.
Ce qui est cool dans son site web et qui se démarque pour moi, c'est qu'elle montre clairement son expertise.
Prenez des notes pour votre site portfolio. Je donne toujours son exemple lorsque je discute avec des étudiants freelances.
Rey van den Berg
La clarté est la clé dans le portfolio de Rey.
Rey semble avoir choisi une approche moins créative en faveur de vraiment maîtriser les fondamentaux d'un site portfolio de haute qualité.
Sur la page d'atterrissage, vous voyez un texte d'introduction et une illustration d'un développeur assis à un ordinateur portable. Ce que cette page d'atterrissage fait si bien, c'est fournir une description claire de ce qu'il fait exactement et fournir les informations cruciales dont nous parlions plus tôt.
Vous n'avez pas besoin de faire défiler plus loin si vous cherchez à le contacter via un formulaire ou les réseaux sociaux et il dirige les visiteurs vers une section où ils peuvent voir une élaboration sur les services qu'il fournit.
Rey a clairement conçu le texte de son site web pour établir la confiance avec les visiteurs du site de manière plus personnelle. Il y a peu de jargon technique, ce qui est invitant pour les visiteurs moins techniquement avertis, tout en incluant ses compétences techniques pour les employeurs potentiels.
Ce site maîtrise les fondamentaux en étant clair et en fournissant des preuves de travail. Rey va plus loin en étant personnel tout en restant professionnel pour attirer les clients et employeurs potentiels dans son approche de communication avec "Promesses", "Avantages pour Vous", et "FAQ".
Adam Brooks
Un design épuré et une utilisation généreuse de l'espace blanc donnent au site d'Adam une sensation moderne qui plaira à la plupart.
La page d'atterrissage inclut une photo souriante d'Adam qui ajoute immédiatement de la personnalité au site. Il est clair sur ce qu'il fait et inclut une certaine crédibilité dès le départ en déclarant qu'il a travaillé avec des marques du monde entier.
Après une introduction douce à ce qu'il fait, un défilement vers le bas de la page révèle un pitch de ses services en deux phrases avec des liens de contact. Cela peut être tout ce que certains visiteurs recherchent, surtout s'ils ont été référés d'ailleurs concernant les services d'Adam. Il a bien fait d'inclure un moyen de le contacter si tôt dans son site.
Pour ceux qui ne saisissent pas tout à fait ce pitch en deux phrases, il développe cela un peu en expliquant ses services un peu plus – surtout utile pour les visiteurs plus profanes.
Suite à cette section, nous sommes accueillis par quelques travaux d'exemple sous forme de maquettes de dispositifs présentés de manière aérée, grâce à l'espace blanc généreux, et minimaliste, ce qui donne une sensation professionnelle.
Ce site est fantastique pour paraître crédible, professionnel et, grâce à la signature en bas du site, accessible.
Geoff House
Geoff ne perd absolument pas de temps à rassurer les clients et employeurs potentiels qu'il peut accomplir un travail – il montre des travaux passés presque immédiatement !
Vous êtes accueilli par une phrase claire sur ce qu'il fait et où il travaille actuellement.
En faisant défiler vers le bas, vous découvrez plusieurs projets sur lesquels Geoff a travaillé par le passé.
Cliquer sur l'un de ces projets est là où ce site portfolio excelle. Vous trouverez une étude de cas du projet où il fournit une brève description de celui-ci et développe sur son rôle et son équipe au sein du projet.
Cette manière de présenter les travaux passés fait des merveilles dans l'esprit des visiteurs. Elle fournit des informations sur la rationale du projet, une plongée plus profonde dans le but du projet et une chance de se faire une idée de son style de communication.
Jennie Lakenan
J'adore le site web de Jennie, car il est simple mais efficace.
Elle a un excellent titre, de superbes images, des témoignages, des appels à l'action clairs et elle est spécialisée.
Beaucoup trop de freelances en font trop avec des animations et des fioritures - le portfolio de Jennie est un bon exemple de simplicité et de ne pas perdre de vue l'objectif principal : obtenir plus de clients.
Adhemas Batista
Adhemas a travaillé sur un grand nombre de projets très impressionnants, mais ce n'est pas ce que j'aime le plus dans son site portfolio.
Il a réussi à inclure tous les fondamentaux d'un excellent portfolio sur une seule vue avec une tonne d'espace blanc.
Son design est minimal mais très intelligent. En haut, vous pouvez trouver les informations de contact des réseaux sociaux et une adresse e-mail. Au centre en haut, vous pouvez lire ce qu'Adhemas fait, son travail actuel et son lieu de résidence, ainsi que sa disponibilité.
Un peu plus bas sur la page d'atterrissage, son affichage des travaux précédents commence avec de grandes images multicolores qui ont un effet de survol animé.
Cliquer sur l'un de ces projets passés vous emmène à une longue page d'étude de cas qui est riche en médias avec une tonne d'espace blanc. Il a détaillé ces études de cas de projets de manière extensive, vous permettant de vous faire une vraie idée du projet et de son but.
Le site portfolio d'Adhemas est un excellent exemple de la manière dont beaucoup d'espace blanc peut être utilisé tout en incluant une tonne d'informations utiles sur une seule vue.
Flamy
Un écran de chargement plein écran laisse place au design de portfolio non conventionnel mais accrocheur de Flamy.
Le minimalisme épuré n'est pas le nom du jeu ici avec un thème de cartoon fort étant préféré. Le site de Flamy montre que vous pouvez être excentrique et amusant sans sacrifier l'appel professionnel.
Lorsque vous atteignez la page d'atterrissage, vous voyez ce qui ne peut être décrit que comme un homme avec une flamme pour tête et des cartes décrivant les services que Flamy offre.
Le reste du site voit des effets de parallaxe intelligents être utilisés pour ajouter un élément interactif au site.
Ce site est sans aucun doute amusant, bien que ce ne soit pas pour tout le monde. Cela dit, ils respectent les fondamentaux et toute l'excentricité est exécutée de manière à ne pas sacrifier l'UX ou la clarté de l'offre.
Si rien d'autre, ce site laissera une impression durable dans l'esprit des visiteurs, et parfois c'est tout ce dont vous avez besoin pour que les visiteurs reviennent sur votre site et vous contactent.
Ivo Mynttinen
Le site d'Ivo est d'un minimalisme presque scandinave.
Il est épuré, utilise beaucoup d'espace blanc avec de grands titres clairs, et respecte toutes les autres bases du design telles que la belle hiérarchie visuelle et l'opacité du texte bien assortie.
Sa page d'atterrissage inclut un chemin clair pour voir les projets passés, qui incluent de longues descriptions de projets, et un bouton de contact intuitif.
Les transitions de page fluides complètent un site portfolio impeccable.
Ivo a pensé à tout ce que les clients et employeurs potentiels pourraient être intéressés à voir ou à découvrir.
Si vous voulez voir à quoi ressemble un site portfolio parfait, sans clochettes et sifflets inutiles, c'est celui-ci.
Sara Michelazzo
Si vous aimez les sites web minimalistes, le portfolio de Sara est un bon exemple.
Elle répond à ce qu'elle fait et qui elle est en un coup d'œil sur son site web.
Ma seule critique est qu'il n'y a pas de formulaire de contact, mais à part cela, c'est un exemple minimaliste épuré dont il faut s'inspirer.
Jordan Flaig
Voici une description minimale de l'un des sites les plus minimalistes que vous verrez.
Il répond à toutes les questions importantes des visiteurs du site, sauf une question cruciale manquante - "Comment puis-je vous contacter, Jordan ?"
Ajoutez une section de contact à votre version unique de ce site et vous aurez la carte de visite moderne minimaliste parfaite entre vos mains.
Ruben Kuipers
Le style du site portfolio de Ruben est celui que de nombreux développeurs reconnaîtront probablement. Il commence même par un "Salut, je suis Ruben" !
En tant que développeur, vous pourriez apprécier les petits extras qui nous rendent heureux comme un interrupteur à bascule pour le mode sombre (et l'image de profil correspondante en mode sombre), des animations subtiles et une section sur "Compétences et Outils".
Ce que vous ne remarquerez peut-être pas, c'est comment ces extras complètent un site déjà brillant.
Lorsque vous atterrissez sur la page de Ruben, vous savez immédiatement à quoi il ressemble (ce qui augmente la familiarité), ce qu'il fait, qu'il est crédible (une liste de clients passés) et vous avez un moyen de le contacter.
Il a intelligemment inclus des témoignages entrelacés avec des cartes de projet qui, ensemble, font un cas convaincant pour "Engageons ce gars !"
En fin de compte, ce site est un excellent exemple d'une seule page qui apaise toutes les préoccupations des visiteurs sans que la page ne semble trop longue ou surchargée. Il parvient à montrer sa crédibilité, son expertise technique et ses témoignages dans un package fluide.
C'est un portfolio de premier ordre et pourrait servir de réelle inspiration pour votre prochain portfolio.
Résumé
Nous avons examiné 10 sites portfolio de freelance fantastiques conçus dans une multitude de styles et de personnalités.
Si vous deviez retenir une chose de cet article, ce devrait être ceci :
Maîtrisez ces fondamentaux que tous les sites portfolio devraient avoir.
Une fois que vous avez compris comment vous voulez présenter les informations les plus importantes pour les visiteurs de votre site, vous pouvez commencer à devenir fantaisiste.
Ne faites pas cela à l'envers ou vous risquez de perdre des clients ou des emplois potentiels.
Espérons que vous avez trouvé de l'inspiration pour améliorer ou construire votre site portfolio de freelance !
Je vous laisse avec un dernier site portfolio à explorer par Robby Leonardi.
C'est tout !
J'espère que vous avez trouvé cet article utile.
À bientôt sur Twitter
Kyle