5 fonctionnalités pour faire ressortir votre portefeuille de développeurs Web –

Cet article sponsorisé a été créé par notre partenaire de contenu, BAW Media . Merci de soutenir les partenaires qui rendent SitePoint possible.

Il n'est pas toujours facile de trouver et d'obtenir de nouveaux clients en tant que développeur Web.

Premièrement, il y a l'obstacle de savoir comment traduire ce que vous faites dans une langue que les clients pourront comprendre. Si vous commencez à parler de choses comme PHP, les API et les wireframes, les yeux de vos prospects vont s'émousser. Ils veulent voir de leurs propres yeux ce que vous pouvez faire.

Deuxièmement, comment vous démarquez-vous de la foule lorsque la plupart des développeurs utilisent les mêmes outils et langages de programmation pour créer des sites Web?

Un outil bien conçu Le site de portfolio de développeur web résoudra ces deux problèmes.

Ci-dessous, je vais vous montrer quelques portefeuilles de développeur web qui sont de véritables vedettes dans l'espace. Si vous souhaitez créer quelque chose d'aussi attrayant et innovant que les sites ci-dessous, j'ai également suggéré quelques sites pré-construits BeTheme que vous pouvez utiliser pour créer facilement le vôtre.

Jetons un coup d'œil

1. Faites une première impression forte avec une animation accrocheuse

En tant que développeur, vous devez non seulement vous distinguer des autres développeurs Web, mais vous devez vous distinguer des concepteurs Web. C'est là que vous avez un avantage sur tout le monde.

Puisque vous êtes responsable du codage du site Web, vous avez les compétences nécessaires pour créer quelque chose qui semble plus vivant qu'une simple image ou conception statique. Alors, pourquoi ne pas donner aux clients potentiels un avant-goût de cela dès le début avec une bannière et une animation accrocheuses?

Voici comment le développeur Jacek Jeznach présente des prospects à son site de portefeuille ainsi qu'à chaque page suivante :

C'est un site Web simplement conçu à première vue. Cependant, la façon dont la conception de la page d'accueil se déroule donne le ton à quelque chose de vraiment original. Chaque page perpétue ensuite cette tradition – avec de simples blocs de texte accompagnés d'images et d'animations accrocheuses.

Comment utiliser BeCode pour vous faire une première impression:

deux choses ici qui rendent ce site portfolio si impressionnant:

• La palette de couleurs saisissante
• Les animations subtiles

Si vous voulez accomplir quelque chose de similaire, le BeCode 2 site Web pré-construit serait un bon point de départ:

Remarquez comment il utilise les mêmes types de différenciateurs clés que le site de Jeznach. C'est un exemple beaucoup plus subtil, mais il atteint le même objectif. Les perspectives ne pourront pas en détacher les yeux.

2. Donnez à votre site portfolio un look unique et avant-gardiste

La dernière chose que vous voulez, c'est de concevoir votre site Web pour qu'il ressemble à un site Web d'entreprise ennuyeux. Ce serait certainement plus facile à construire, mais cela ne vous aiderait pas à gagner de nouveaux clients.

Alors, pensez à ce qui vous rend unique en tant que développeur Web. Votre site dans son ensemble devrait refléter cela. C'est le seul moyen de faire passer des clients potentiels du point A (votre page d'accueil) au point B (votre portefeuille).

Adham Dannaway par exemple, est concepteur / développeur: [19659003]

En tant que tel, le site Web de Dannaway est une manifestation littérale de cette double personnalité. Lorsque les prospects tirent l'image vers la gauche ou la droite, ils exposent les deux côtés différents: concepteur contre codeur.

Il suffit de faire réfléchir les prospects, "Hmmm … Que vais-je trouver d'autre ici?" Mais il n'y a pas de cloches et de sifflets. Le reste du site du portfolio est conçu de manière minimale et sans surprise.

Comment utiliser BeDesign pour insuffler une véritable personnalité à votre site de développeur Web:

L'exemple ci-dessus fonctionne bien car Dannaway a trouvé un moyen unique de montrer la différence entre être designer et développeur. Mais ce n'est pas nécessairement ce qui va fonctionner pour vous.

Ce sur quoi vous voulez vous concentrer, c'est comment créer quelque chose qui vous est propre. Pour commencer, pensez à utiliser le site pré-construit BeDesign 3 :

Comme vous pouvez le voir, cela ne ressemble en rien au site de Dannaway, mais il a toujours un site unique se sentir bien, jouer avec la lumière et l'obscurité et donner une tournure unique à la parallaxe.

Une fois que vous avez trouvé votre voix et votre personnalité, personnalisez ce site prédéfini et personnalisez-le.

3. Placez votre portfolio de développeur Web sur une page dédiée

Plusieurs fois, un développeur Web créera son portfolio sur la page d'accueil et l'appellera un jour. Mais vous devez vous rappeler quelque chose:

Les clients ne vous embauchent pas simplement parce que votre travail est impressionnant. Ils vous embauchent parce qu'ils veulent travailler avec quelqu'un comme vous .

Donc, lorsque vous construisez votre site de portfolio, donnez à votre travail un espace dédié et permettez aux clients potentiels de vous connaître un peu plus sur le reste du site.

Gardez à l'esprit qu'ils veulent voir plus qu'une simple liste de logos clients, aussi. Ils veulent savoir ce que vous avez construit et voir comment cela s'est avéré.

Prenez le portefeuille pour développeur full-stack Matthew Williams :

À à première vue, voici à quoi ressemble le portefeuille. Cependant, les clients potentiels peuvent survoler chaque photo et en savoir plus sur le travail:

Ils peuvent faire défiler les images des sites conçus par Williams et, dans certains cas, cliquer sur

Comment donner à vos exemples de portfolio de développeur de l'espace pour briller à l'aide de BeArchitect:

Ce qui est bien avec les sites pré-construits de BeTheme, c'est qu'il existe un tonne d'éléments et de mises en page qui peuvent être utilisés dans diverses niches. Prenez la page Projets pour BeArchitect 5 par exemple.

Cette grille de maçonnerie de projets fonctionnerait très bien pour le portefeuille d'un développeur Web. Surtout si vous voulez que le vôtre ait une petite touche de mise en page et de conception.

Et comme pour les exemples de portfolio de Williams, chacun de ces projets a sa propre page dédiée. Donc, si vous voulez plus d'espace pour montrer votre travail et expliquer les circonstances uniques du travail, ce site pré-construit fonctionnerait très bien.

4. Création de marques de confiance dans le site

Pour les sites Web d'entreprise et de commerce électronique, les marques de confiance se présentent sous la forme de notifications de consentement aux cookies, de certificats SSL et de sceaux antivirus et anti-programme malveillant. Mais pour les développeurs Web, vous devez gagner la confiance d'une manière différente.

Les clients ne veulent pas seulement voir quel bon travail vous avez fait en créant un site Web. Ils veulent également savoir que le client était satisfait du travail, du processus et des résultats.

Donc, vous devrez fournir des preuves.

Site Web de Sara Soueidan est un bon exemple de la façon dont vous pouvez le faire:

Ceci est juste en dessous du pli sur la page d'accueil. Les logos seuls sont impressionnants car de nombreux clients sont des organisations bien connues.

Cependant, si un prospect venait à visiter la page Travail sur le site, ils trouveraient que ces logos dirigent chacun vers une étude de cas à part entière avec un témoignage client:

Afin de gagner la confiance en tant que développeur, vous devez être transparent avec les clients sur le processus et ce qu'ils obtiennent de vous. Malheureusement, vous ne leur dites pas à quel point vous êtes un bon codeur. Ils doivent aussi l'entendre de vos anciens clients.

Comment créer la confiance grâce à la conception à l'aide de BeTheme:

Si vous souhaitez partager les histoires de vos clients de la même manière que Soueidan, Le site prédéfini BeTheme par défaut serait utile:

D'une part, vous auriez différentes options en termes de présentation de votre portefeuille de développeurs Web ou la liste des clients sur la page d'accueil.

Dans l'exemple ci-dessus, le compteur animé vous permettrait de souligner le montant d'expérience que vous avez. Cela serait utile si vous n'avez pas de gros clients et de logos à vendre.

Le site est également équipé d'un modèle de page Portfolio:

Chacun de ces images de portfolio renvoie également à une page d'étude de cas dédiée, similaire au site de Soueidan:

La page est à vous de personnaliser, vous pouvez donc ajouter toute la confiance -des éléments de construction dont vous avez besoin. Maquettes de pages Web. Explicateurs de processus. Témoignages de clients.

5. Facilitez la tâche des prospects pour passer aux étapes suivantes

Le dernier élément dont vous avez besoin pour créer le portefeuille de développeurs Web parfait pour vous est un CTA sans tracas.

Qu'est-ce que cela signifie?

D'une part, votre navigation doit être simple. Ne le surchargez pas d'informations étrangères. Vous vous êtes déjà vendu par la conception de votre site et la qualité de votre portfolio. Gardez-le simple et présentez-le comme une progression naturelle des étapes que les perspectives devraient prendre.

Jonny MacEachern en a un bel exemple:

[19659003] Il y a trois étapes:

1. En savoir plus sur mes services.
2. Consultez mon portefeuille.
3. Obtenez les prix.

Cela devrait être aussi simple que cela.

Et tous les CTA doivent être aussi clair et cohérent, ce qui signifie décider quelle action vous voulez qu'ils prennent. Dans le cas de MacEachern, les prospects ont deux options.

Ils peuvent demander un devis s'ils sont intéressés:

Ou ils peuvent entrer en contact via le formulaire de contact ou en direct widget de chat:

Si vous avez consacré beaucoup de temps à la création d'un site qui démontre clairement vos compétences et a gagné la confiance des prospects, ne jetez pas tout loin en simplifiant l'appel à l'action.

Comment transformer des prospects impressionnés en clients avec BeSEO:

Pour le construire par vous-même, vous allez avoir besoin de comprendre ce que

Voulez-vous que les prospects s'inscrivent à un appel de découverte? Pour remplir un formulaire de contact pour obtenir un devis? Pour vous inscrire directement sur le site? Une fois que vous connaissez votre appel à l'action, vous pouvez concevoir votre navigation ainsi que les éléments clés du CTA.

Si vous cherchez quelque chose qui vous aidera à le faire de manière claire et cohérente, consultez le BeSEO 3 site pré-construit:

Il est très propre et simple dans sa conception, ce qui rendra la personnalisation de vos besoins un jeu d'enfant.

Il est maintenant temps de créer votre propre portefeuille de développeurs Web qui attire l'attention

Si vous voulez que les clients potentiels prennent connaissance de votre travail, alors votre site de portefeuille de développeurs Web doit trouver un équilibre entre l'attractivité et la fiabilité.

Cela signifie que la construction un site Web pour vous-même que vos prospects seraient ravis d'avoir comme propre site tout en incluant des échantillons qui font vraiment tomber leurs chaussettes. Donc, au fur et à mesure que vous construisez votre portefeuille, concentrez-vous à leur montrer de quoi vous êtes vraiment capable.