Créez un site Web de portefeuille personnel convaincant pour améliorer la compétitivité professionnelle!
Points de base:
(Cet article a été révisé et mis à jour en 2017)
Pour les développeurs, les concepteurs ou les écrivains, le freelance est un bon moyen de gagner sa vie. Mais que se passe-t-il si vous avez besoin de trouver un nouvel emploi ou un nouvel client? Le marché d'aujourd'hui est féroce et vous devez vous démarquer.
Avoir un profil LinkedIn professionnel est un bon début, mais si vous voulez vraiment attirer l'attention des gens, vous devez vous commercialiser via votre site Web de portefeuille. Il s'agit essentiellement de votre page LinkedIn personnelle, juste avec plus d'espace pour présenter vos compétences.
Les développeurs, les concepteurs et les écrivains ont chacun des compétences et des travaux à afficher, mais ils ont tous une chose en commun: ils doivent se commercialiser à des clients potentiels.
Dans cet article, je vais vous montrer quelques conseils utiles pour créer des sites Web de portfolio, ainsi que d'excellents cas.
Pourquoi avez-vous besoin d'un site Web de portefeuille?
Avoir un profil LinkedIn professionnel est une chose, mais vous pouvez utiliser votre site Web de portfolio pour vraiment montrer vos compétences. Pourquoi? gratuit! Vous pouvez faire ce que vous voulez et laisser une impression durable. Vous pouvez même gagner des prix.
Vous voulez que les clients potentiels visitent votre site Web et pensent immédiatement: "Je le veux aussi!"
Même le profil LinkedIn le plus professionnel se ressemble à d'autres profils sur le service, mais votre site Web est la façon dont vous exprimez "Je suis moi, c'est ce que je peux faire pour vous".
Besoin de plus de persuasion? Eh bien, c'est le profil LinkedIn pour les personnes qui ont les meilleurs sites de portefeuille que j'ai jamais vus.
Il s'agit de vous vendre
Cela ressemble à un cliché, mais vous êtes votre meilleur vendeur. Cela signifie que vous devez vous vendre sans perdre votre personnalité.
Comme vous le verrez dans l'exemple ci-dessous, il existe de nombreuses façons de vous montrer. Vous pouvez choisir d'être un personnage de dessin animé, d'utiliser un grand nombre de photos, de montrer vos capacités techniques ou d'impressionner vos compétences en écriture.
Il est important que vous vous sentiez à l'aise sur votre site Web. Si vous êtes un peu timide, faites votre propre dessin animé afin que vous n'ayez pas à utiliser vos photos en ligne. Si cela vous décrit le mieux, rendez votre site Web sauvage et luxueux. Faites de votre site Web votre équivalent en ligne. Donnez-lui de la personnalité tout en maintenant un style professionnel en termes de formulation.
Assurez-vous que votre portefeuille contient des travaux pertinents. Listez uniquement les travaux d'équipe si vous avez apporté une contribution importante qui peut être identifiée à votre travail. Ne volez jamais les œuvres des autres. Spécifiez ce que vous avez fait et comment cela profite à l'ensemble du processus. Si possible, faites une capture d'écran pour montrer votre section.
Si vous ne montrez que vos œuvres préférées pour élaborer votre portefeuille, c'est OK. Nous devons tous gagner leur vie, et parfois nous assumons les travaux que nous préférons éviter de gagner de l'argent. Utilisez votre portefeuille pour localiser le type de travail que vous préférez faire.
Faites savoir aux clients potentiels ce que cela fait de travailler avec vous. Lorsque vous travaillez sur place, veuillez inclure une lettre de recommandation d'un client ou d'un collègue précédent. Lorsque vous travaillez uniquement hors site, faites savoir aux gens à quoi s'attendre en ce qui concerne la communication, la gestion des délais ou vos heures de travail.
Consignez de votre site Web de portefeuille comme l'équivalent de la soumission d'une demande d'emploi, convainquez les clients potentiels pourquoi ils devraient vous embaucher. Essayez de rendre la meilleure première impression possible et l'avantage supplémentaire est que lorsqu'il sera excellent, les clients potentiels reviendront visiter votre site Web pour le plaisir.
Oh, n'utilisez pas le mot "nous" quand vous êtes seul ...
quels sont le contenu?
Chaque site Web de portefeuille doit contenir du contenu de base:
Cela semble facile, non? Regardons quelques exemples et voyons comment une petite créativité (ou dans certains cas très grande) peut donner vie à cette liste.
Exemple de portefeuille de développeur
Il s'agit du site Web de Keith Clark, un maître CSS d'un certain type. Voici un exemple de son travail en utilisant HTML et CSS3. C'est exactement ce qui est utilisé pour les "travaux récents".
Rencontrez Jean Helfenstein, un développeur frontal très créatif et expérimenté, comme le montre son site Web de portefeuille.
Ce portefeuille primé démontre les compétences de développement de Tim tout en offrant une interface amusante pleine de personnalité et d'humour. (Il y a un ne pas appuyer sur ce lien!
pour voir ce qui se passe lorsque vous essayez de mettre en surbrillance le nom de Tim avec le curseur!)
Ce site Web de portefeuille créatif, produit par Kenji Saito à Tokyo, présente intelligemment des exemples de son incroyable travail de codep.
Exemple de portefeuille de concepteurs
J'ai mentionné le site Web de Robby ci-dessus car c'est en effet le meilleur site de portefeuille que j'aie jamais vu. La partie du design est magnifique, mais son CV interactif est simplement une œuvre d'art. Robby est à la fois un expert en conception et un expert en codage, et son site Web ne laissera personne remettre en question ses compétences.
Haraldur travaille pour une agence de conception qui travaille en étroite collaboration avec Google. Bien que sa page d'accueil ne semble pas si impressionnante, sa description de projet est certainement impressionnante. Ici, il montre les détails du projet et, plus important encore, son rôle dans le projet.
Adham, à la fois un designer et un programmeur, a trouvé un moyen parfait de présenter son travail directement sur la page d'accueil. Il a également trouvé un excellent moyen d'utiliser l'un de ses intérêts (le Jedi) pour évaluer ses compétences. Il a également produit un très bon aperçu des travaux récents.
Exemple du portefeuille de l'écrivain
Bien que le site Web de Kristi ne soit pas aussi éblouissant que ceux de ceux ci-dessus, c'est le site parfait pour son écrivain. Elle montre exactement ce que vous pouvez l'embaucher pour faire, et son site Web vous donne l'impression d'être un écrivain de confiance qui sait comment livrer des œuvres de haute qualité.
C'est formidable de voir comment les écrivains s'expriment avec des mots, car c'est exactement pourquoi vous les embauchez. Au lieu de placer des images partout, Sally s'assure que tout ce qu'elle fait est correctement décrit. Et elle utilise deux petits mots magiques qui vous font ressentir la qualité immédiatement: primé.
Aubre est un écrivain polyvalent avec un site Web très personnalisé. Elle a clairement indiqué ce qu'elle aimait écrire et avait un compte actif des médias sociaux pour soutenir sa réclamation.
Le portefeuille Pixelingo de Carolyn Wood de l'écriture et de l'édition de Carolyn Wood est principalement basé sur le texte, ce qui est logique si vous essayez de commercialiser des compétences d'écriture et d'édition. Son site Web clairement, concise, et explique directement les services qu'elle fournit et pourquoi les clients potentiels peuvent vouloir travailler avec elle. Le site Web transmet également une forte personnalité et un caractère unique.
Parfois, surtout si vous avez un portefeuille fort, vous devez laisser le travail lui-même parler. C’est ce que Joy Castiglione a fait, montrant ses compétences artistiques méticuleuses dans les illustrations, la 3D et la photographie. Joy utilise de grandes miniatures dans une grille qui s'étend sur l'ensemble de l'écran pour maximiser la visibilité du travail, avec peu à imaginer. Quant à l'interface utilisateur, Joy offre une navigation simple sur un simple fond noir, et bien que j'aie remarqué qu'elle utilise le domaine de conception élégant, c'est vraiment cool!
Conclusion
différents types de compétences vous permettent de présenter votre travail de différentes manières, ce qui est certainement vrai. J'espère que ces exemples vous incitent à tirer le meilleur parti de votre propre site Web de portefeuille. Le ciel est la limite (oui, ajoutons un autre cliché). Le concours est intense, mais le site Web du portefeuille est un excellent projet sur lequel vous pouvez travailler pendant votre temps libre. Assurez-vous simplement de créer des facteurs incroyables (le dernier cliché, je le promets) et vous réussissez.
Vous voulez en savoir plus sur le travail en ligne et le freelance? Veuillez vérifier le lien suivant:
Afficher la prime SitePoint pour plus de livres, de cours et d'enregistrements d'écran gratuits.
Les questions fréquemment posées sur la création d'un site Web de portfolio
Les sites Web du portefeuille des développeurs Web doivent contenir des éléments clés pour les faire ressortir. Tout d'abord, il devrait avoir une introduction claire et concise à qui vous êtes, à ce que vous faites et à votre domaine d'expertise. Deuxièmement, il devrait présenter votre meilleur travail. Il peut s'agir d'une capture d'écran, d'un lien vers un site Web actif ou d'une étude de cas détaillant le projet et votre rôle dans le projet. Troisièmement, il devrait contenir une liste de compétences techniques que vous avez. Enfin, n'oubliez pas d'inclure les coordonnées afin que les employeurs potentiels puissent facilement vous contacter.
Pour rendre votre site Web de portefeuille plus attrayant, envisagez d'ajouter des éléments interactifs tels que des effets d'animation ou de survol. Vous pouvez également inclure un blog où vous partagez vos réflexions sur les tendances de l'industrie ou expliquer le processus derrière le projet. Inclure une lettre de recommandation d'un client ou d'un employeur précédent peut également ajouter de la crédibilité à votre site Web.
Vous pouvez utiliser plusieurs plates-formes pour créer votre site Web de portfolio. Adobe Portfolio et Wix sont des choix populaires car ils ont une interface conviviale et des modèles personnalisables. Si vous avez des compétences de codage, vous préférez peut-être créer votre site Web à partir de zéro pour présenter vos capacités.
Pour optimiser votre site Web de portefeuille en fonction des moteurs de recherche, assurez-vous d'inclure des mots clés pertinents dans votre contenu et vos balises Meta. Assurez-vous également que votre site Web est adapté aux mobiles, car c'est un facteur que les moteurs de recherche envisagent lors du classement des sites Web.
Il est recommandé de mettre à jour régulièrement votre site Web de portefeuille, idéalement lorsque vous terminez un nouveau projet. Cela montre des employeurs potentiels que vous êtes actif dans votre domaine et améliorez constamment vos compétences.
Bien qu'il puisse être tentant d'inclure tous les éléments, il est préférable de se concentrer sur la qualité plutôt que sur la quantité. Choisissez le projet qui démontre le mieux vos compétences et vos capacités et expliquez chaque projet en détail.
Pour que votre site Web de portefeuille se démarque, concentrez-vous sur la création de conceptions uniques et mémorables. Assurez-vous également que votre contenu est bien écrit et engageant. Y compris les présentations vidéo ou les workflows en coulisses peuvent également rendre votre site Web plus amusant.
y compris un curriculum vitae sur votre site Web de portefeuille peut être utile car il fournit un aperçu complet de votre expérience et de vos compétences pour les employeurs potentiels. Cependant, assurez-vous qu'il est à jour et correspond aux informations sur votre site Web.
Oui, l'utilisation de modèles peut vous faire gagner du temps et vous assurer que votre site Web a un look professionnel. Cependant, assurez-vous de le personnaliser pour refléter votre marque et votre style personnels.
Si vous débutez et que vous n'avez aucun projet à montrer, envisagez de créer des projets personnels ou de fournir vos compétences à des organisations à but non lucratif. Vous pouvez également inclure tous les cours ou certifications pertinents que vous avez terminés.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
