5 façons d'utiliser Weston pour créer un site de portefeuille

Publié: 2018-05-08

Un site de portfolio est un élément essentiel de l'activité de chaque indépendant ou agence de création. Il vous offre un moyen de présenter une galerie de vos meilleurs travaux afin que vous puissiez tirer parti du marketing en ligne et attirer des clients du monde entier. Il peut également servir de CV interactif en vous permettant de répertorier vos meilleures compétences, votre formation, votre expérience passée, des témoignages et un formulaire de contact pour attirer de nouveaux clients.

Ce n'est pas un article sur la façon de créer un site de portefeuille ou même sur ce qu'il faut y ajouter ou comment améliorer la conception de votre portefeuille, donc je vais changer de vitesse et me concentrer rapidement sur Weston, l'un de nos meilleurs sites polyvalents thèmes ici à ThemeTrust. Il existe de nombreux avantages à utiliser un thème polyvalent plutôt qu'un autre, surtout si vous êtes développeur. En ce qui concerne les sites de portefeuille et Weston, cet avantage se présente sous la forme de la possibilité de créer une variété de sites de portefeuille différents avec un seul thème.

Types de sites de portefeuille

Afin de bien comprendre les avantages de pouvoir créer différents types de sites de portefeuille, vous devez comprendre quels types de sites de portefeuille existent. Pour commencer, les deux groupes de personnes qui ont généralement besoin de ce type de site Web sont les indépendants et certains types d'entreprises créatives basées sur les services, telles que les agences de création. Cela dit, les niches les plus courantes que vous verrez parmi les sites Web de portefeuille incluent la photographie, la conception, le développement Web et toutes les formes d'art.

Techniquement, toute entreprise basée sur les services peut créer un site Web de portefeuille. Cependant, comme les portfolios reposent généralement sur des images pour leurs conceptions, ces types de sites Web sont beaucoup plus courants chez les indépendants et les entreprises qui créent des œuvres visuelles.

Parties d'un site de portefeuille

Passons rapidement en revue les composants d'un site Web de portefeuille avant d'entrer dans le rôle de Weston dans tout cela. Un portefeuille est une donnée, donc je ne couvrirai pas cela. Au lieu de cela, je vais commencer par vous dire que votre site a besoin d'un objectif. Vous souhaitez que des clients potentiels vous contactent à la recherche d'un devis ? Voulez-vous utiliser votre site Web comme CV élargi et décrocher un emploi dans une grande agence ? Souhaitez-vous que des clients potentiels souscrivent à un plan ? Chacun d'entre eux a un effet sur la façon dont votre page d'accueil apparaîtra.

Pour encourager les visiteurs à agir afin que vous puissiez atteindre votre objectif, votre site aura besoin de quelques éléments différents. Cela implique principalement un appel à l'action sur la page d'accueil et un formulaire de contact quelque part sur votre site. Si vous souhaitez plus d'abonnements, vous aurez également besoin d'un tableau de tarification.

Il y a quelques éléments supplémentaires que vous pouvez ajouter à la page d'accueil pour aider les visiteurs à prendre une décision. Ceux-ci incluent une ligne où vous pouvez répertorier vos services, des témoignages pour la preuve sociale, un module de logo que vous pouvez utiliser pour montrer où votre travail a été présenté et une ligne ou un curseur pour présenter les membres de l'équipe, le cas échéant.

Comment Weston vous aide à créer plusieurs sites de portefeuille

Thème WordPress Weston

Weston est livré avec une poignée de fonctionnalités qui vous permettent de créer des sites de portefeuille à part entière. Il est livré avec 12 démos de page d'accueil qui peuvent être installées d'un simple clic sur un bouton, pour commencer. Cinq de ces démos sont conçues spécifiquement pour les portefeuilles. Ils automatisent le processus de création d'un site Web en vous permettant d'importer la conception et le contenu de la démo d'un simple clic. Tout ce que vous avez à faire est de remplacer le contenu original par le vôtre.

Weston propose également les présentations de portefeuille suivantes, que vous verrez dans les démos ci-dessous :

  • Portfolio à quatre colonnes
  • Portefeuille de maçonnerie pleine largeur
  • Portefeuille de maçonnerie
  • Portfolio de maçonnerie avec Load More

Vous pouvez également ajouter des catégories à vos portefeuilles. Il existe même quatre mises en page pour les éléments de portefeuille uniques et une pour les mises en page personnalisées.

Notre thème intègre également Visual Composer. Techniquement, ce plugin est maintenant connu sous le nom de WPBakery Page Builder pour WordPress. C'est une valeur de 45 $ disponible gratuitement. Ce plugin vous permet de concevoir vos propres pages et d'ajouter n'importe quel élément que vous souhaitez à votre page d'accueil.

L'intégration avec Google Fonts vous permet d'optimiser chaque partie de votre conception en expérimentant plusieurs apparences de police. Il est également compatible avec WPForms, un générateur de formulaires par glisser-déposer qui vous aidera à concevoir votre propre formulaire de contact. Enfin, un module Google Maps vous permet de vous orienter vers votre lieu de travail si vous proposez vos services hors ligne.

Si vous souhaitez voir toutes les fonctionnalités et démos de Weston, assurez-vous de visiter notre page de vente pour ce thème.

Visitez Weston

Comme je l'ai dit, ce thème est livré avec cinq démos de page d'accueil pour les portefeuilles, donc sans plus tarder, voici cinq façons d'utiliser Weston pour créer un site de portefeuille.

01. Démo de l'agence créative

L'agence créative est optimisée pour les entreprises créatives, mais cette démo peut tout aussi bien être utilisée par les indépendants en fonction de la façon dont elle est structurée. L'objectif principal pour lequel cette page de destination est conçue est un appel à l'action, que vous pouvez voir tout en haut de la démo. Lorsqu'il s'agit d'un site de portfolio, il est préférable d'utiliser « Engagez-moi » (indépendants) ou « Engagez-nous » (entreprises) comme appel à l'action et que le bouton mène à votre page de contact. Vous pouvez également utiliser "Demander un devis" ou "Contactez-nous" comme alternatives.

Si vous proposez des plans d'abonnement ou tout autre type d'offre pré-emballée que les clients peuvent acheter, vous pouvez utiliser "Afficher les plans", "S'abonner" ou "Acheter maintenant" pour les diriger vers votre page de vente. Vous pouvez également utiliser quelque chose comme "Fonctionnalités" pour les diriger vers une page de fonctionnalités avant de les diriger vers votre page de vente.

Cette démo utilise la disposition Masonry Portfolio, qui contient le portfolio. Si vous regardez au-dessus du portfolio, vous verrez un curseur pour les logos. Vous pouvez l'utiliser pour présenter les clients avec lesquels vous avez travaillé ou pour présenter quelques endroits remarquables dans lesquels votre travail a été présenté. Deux éléments supplémentaires à examiner sont la rangée de services, que vous pouvez utiliser pour répertorier vos services ou compétences, et le curseur pour les témoignages.

Voir la démo de l'agence créative

02. Démo Studio

Cette démo est très similaire à la démo Creative Agency, je n'entrerai donc pas dans les détails à ce sujet. Elle utilise plus ou moins un style différent de la démo précédente mais vous permet de présenter les mêmes éléments. Les seuls éléments que cette démo laisse de côté sont les témoignages et les derniers éléments de publication. En dehors de cela, vous pouvez toujours utiliser un appel à l'action, toujours présenter les clients avec lesquels vous avez travaillé, toujours présenter votre portefeuille et toujours présenter vos services.

Cette démo, cependant, utilise la mise en page pleine largeur du portefeuille de maçonnerie et comprend un élément que vous pouvez utiliser pour résumer votre entreprise en chiffres.

Voir la démo de Studio

03. Démo freelance

Freelancer est une démo simple conçue pour les indépendants créatifs. Il n'a pas d'appel à l'action spécifique, mais il offre suffisamment d'éléments pour que vous puissiez mettre en valeur vos compétences, votre expérience et votre expertise. Cela commence dans l'en-tête où vous pouvez répertorier vos principales compétences ou services. Il utilise ensuite la mise en page du portefeuille à quatre colonnes. Vous pouvez également donner un aperçu de votre entreprise en chiffres, partager votre expertise en présentant vos derniers articles de blog et donner une preuve sociale avec un curseur de témoignages d'anciens clients.

Voir la démo du freelance

04. Démo de portefeuille minimal

Cette démo n'est pas destinée à un type d'entreprise spécifique. Il peut être utilisé aussi bien par les indépendants que par les entreprises. Le but de cette démo est de supprimer les détails inutiles et de n'inclure que ceux qui influencent grandement le fait que des clients potentiels vous contactent ou interagissent avec votre appel à l'action.

Vous pouvez le voir dans la façon dont l'appel à l'action est situé au bas de la page. En règle générale, il est recommandé de placer votre appel à l'action en haut de la page. Il s'agit d'une simple police d'assurance car il n'y a aucune garantie que la plupart de vos visiteurs atteindront même le pied de page de votre site Web. En plaçant l'appel à l'action en bas et en utilisant une mise en page minimaliste, vous pouvez appâter les clients avec votre travail et vos compétences/services et définir le crochet avec votre appel à l'action.

Voir la démo du portefeuille minimal

05. Démo de photographie minimale

Weston - Démo de photographie minimale

Ceci est la démonstration du portefeuille de niche de Weston. Il cible les photographes, mais il peut tout aussi bien être utilisé par les graphistes et autres artistes. Il utilise un fond noir et un texte blanc qui complètent magnifiquement les photos en noir et blanc utilisées dans le portfolio. En parlant de cela, cette démo utilise la disposition du portefeuille de maçonnerie en boîte. Les seuls autres éléments qu'il utilise sont un slogan et un appel à l'action. C'est minimaliste au T, c'est pourquoi cette démo fonctionne mieux lorsqu'elle est utilisée par des indépendants et des entreprises qui créent un travail visuel suffisamment beau ou époustouflant pour se suffire à lui-même sans avoir besoin d'éléments supplémentaires pour attirer des clients potentiels.

Voir la démo de photographie minimale

Dispositions de projet unique

Je les ai mentionnés plus tôt, mais je voulais les développer un peu. Ce serait merveilleux s'il suffisait d'afficher un portefeuille d'images de votre meilleur travail sur votre page d'accueil pour attirer de nouveaux clients. Cependant, la plupart des clients veulent savoir quels services vous fournissez, dans quel créneau vous travaillez, vos compétences et, bien sûr, votre expérience.

C'est là que les mises en page de projet unique sont utiles. Ils vous permettent de mettre en évidence un projet spécifique afin que les clients potentiels puissent mieux comprendre votre façon de travailler et les résultats que vous pouvez les aider à atteindre. Vous pouvez afficher plus d'images d'un projet pour démontrer un peu mieux les résultats et entrer dans les détails de la tâche qui vous a été confiée, de ce que vous avez fait pour accomplir cette tâche, des problèmes que vous avez rencontrés et de la façon dont vous les avez traités, et plus encore.

Comme je l'ai dit plus tôt, Weston est livré avec quatre mises en page de projet unique et une que vous pouvez utiliser pour créer une mise en page personnalisée. Voici la mise en page de la galerie de texte et d'images divisée :

Weston - Disposition de projet unique

Voici les démos pour les autres layouts :

  • Mise en page personnalisée
  • Images empilées
  • Carrousel pleine largeur
  • Arrière-plan vidéo

Chaque mise en page, à l'exception de la mise en page personnalisée, vous permet d'utiliser les mêmes éléments de différentes manières. Cela inclut l'utilisation d'une image principale pour représenter votre projet et le partage d'images supplémentaires dans des tailles plus petites. Il inclut également le partage de détails sur le projet sous forme de paragraphe. Vous pouvez également fournir un aperçu rapide du client pour lequel vous avez réalisé le projet, du type de service que vous avez proposé et de l'année au cours de laquelle vous avez réalisé le projet.

Enfin, si vous regardez au bas de cette capture d'écran, vous pouvez voir qu'il existe une fonction "Suivant" et "Précédent" qui permet aux visiteurs de faire défiler facilement votre portefeuille.

Dernières pensées

Construire un site Web de portefeuille, qu'il s'agisse du vôtre ou de celui d'un client, peut sembler difficile car il s'agit d'une variante unique et pas si typique d'un site Web d'entreprise, mais il n'est pas nécessaire qu'il en soit ainsi. Si vous utilisez une démo fournie par un thème polyvalent comme Weston, tout ce que vous aurez à faire est de vous soucier de décider quelles informations vous souhaitez y ajouter. S'inquiéter de créer un thème à partir de zéro ou de s'occuper de détails complexes n'est pas un problème.

En ce qui concerne Weston, outre les sites Web de portefeuille, les sept autres démos de page d'accueil disponibles pour ce thème incluent plusieurs démos de commerce électronique, quelques démos de page de destination et une pour les mariages.

Weston est disponible pour 58 $. Ce prix comprend un an d'assistance et de mises à jour. Le support se présente sous la forme d'un forum exclusif aux clients. Cliquez sur les liens ci-dessous pour en savoir plus sur ce thème.

Visitez Weston | Voir les démos