15+ outils pour construire votre portefeuille sur le Web

Il existe plus de moyens que jamais de vous voir (et de votre travail) vus en ligne. Qu'il s'agisse d'un design, d'une illustration, d'une photographie, d'un code ou d'un portefeuille de produits, jetez un coup d'œil à certains de ces outils pour le diffuser..

Dunked

Brainchild of Orman Clark and chums, dunked est une plateforme offrant un compte sur lequel vous pouvez télécharger vos propres exemples de portfolio et personnaliser la présentation..

Dunked est simple: créez un compte, ajoutez des projets et des pages, puis personnalisez la présentation de votre travail à l'aide de l'un des modèles disponibles..

Pendant l'installation, vous spécifiez votre propre sous-domaine personnel de dunked.com (yourpersonalthingy.dunked.com), ou vous pouvez utiliser la fonctionnalité de domaine personnalisé et pointer vers un domaine de votre choix..

Dunked propose une période d’essai gratuite de dix jours, à la suite de laquelle vous devrez vous inscrire à l’un des plans de paiement, allant de 7 USD par mois à 29 USD par mois, selon les fonctionnalités ou l’échelle souhaitée. Découvrez la vitrine pour quelques exemples à l'état sauvage.

Format

Le format est une plate-forme similaire à dunked, en ce sens qu’il offre un environnement hébergé personnalisable permettant de montrer votre travail. L’expérience d’intégration est également similaire: inscription sans engagement (sans carte de crédit), après quoi vous êtes guidé tout au long du processus de configuration de votre portefeuille. Les deux offrent un chat en direct, juste au cas où:

Choisissez parmi une multitude de thèmes, personnalisez-les à votre guise, puis c'est parti.

Les forfaits vont de 5,75 $ par mois à 24,99 $ selon les caractéristiques et l’échelle. Jetez un coup d'œil à des gens très talentueux qui utilisent le format.

Squarespace

“Nah, je n'aime pas Squarespace” - a dit personne, jamais

Squarespace n'est pas exclusivement une plate-forme de portefeuille, mais bon nombre de ses modèles sont parfaitement adaptés pour montrer la photographie, l'art, l'illustration et le design. Positionnés de manière similaire à nos deux exemples précédents, les prix des sites Web de portefeuille varient de 8 $ par mois à 26 $ par mois.

En termes de fonctionnalités, attendez-vous à l'hébergement, aux domaines personnalisés, aux modèles étendus, au support, à l'évolutivité, aux analyses, à tout ce jazz. Il existe également une application iOS gratuite, qui maintient votre portefeuille synchronisé et non fiable sur une connexion Internet, directement sur votre iPhone ou iPad. Jetez un coup d’œil à ce que d’autres ont fait avec Squarespace et leurs portefeuilles, puis faites un tourbillon.

Portefeuille Adobe

Tirant parti de sa présence déjà considérable dans la communauté créative, Adobe a récemment lancé Portfolio, sa réponse au marché des portefeuilles basé sur le cloud..

Avec une poignée de configurations parmi lesquelles choisir actuellement, la première étape est très facile.. 

Fait peu connu: toutes les dispositions de @AdobePortfolio sont nommées d'après les créations de @Behance! Voir l'étude de cas: https://t.co/LVC1rhOCdu

- Andrew Couldwell (@andrewcouldwell) 18 février 2016

Jetez un coup d’œil aux cinq mises en page en question ici; Ce sont de très bons exemples de ce que vous pouvez faire:

  • matthias.myportfolio.com
  • lina.myportfolio.com
  • sawdust.myportfolio.com
  • thomas.myportfolio.com
  • mercedes.myportfolio.com

Alors, prenez un modèle, vous serez redirigé vers l'éditeur de portefeuille, où vous pourrez commencer à ajouter des projets et à modifier la présentation. Les projets, comme vous pouvez l'imaginer, sont remplis de vos propres exemples de travail. 

Le produit d'Adobe se distingue par le fait que vous pouvez éventuellement synchroniser vos projets avec votre propre profil sur le réseau Behance. De plus, vous pouvez créditer d’autres personnes et d’équipes en connectant à leur Profils sur Behance:

Portfolio est assez nouveau, merci de nous le signaler si vous l'avez utilisé et quelles sont vos idées.

Behance ProSite

Jusqu'à présent, Behance offrait sa propre forme de portefeuille avancé: ProSite. En utilisant votre profil Behance, vous pouvez présenter votre travail de manière plus flexible et tout distribuer dans des galeries populaires alternatives. Avec Adobe Portfolio, toutefois, ProSite doit cesser..

Néanmoins, certains exemples réalisés avec ProSite restent extrêmement inspirants:

stevesimpson.prosite.com

WordPress: gestionnaire de portefeuille Behance

Envie de prendre les rênes vous-même? Behance Portfolio Manager est un plugin WordPress qui intègre votre travail avec l'aide de l'API Behance. Étant un plugin, le style de présentation est entièrement (au-delà de certaines options de mise en page de base) jusqu’au thème WordPress choisi.

Construisez votre propre portefeuille Behance-Powered

Envie de prendre les rênes encore plus? Découvrez cette série de tutoriels en trois parties de Thoriq Firdaus. Il y décrit les rouages ​​de la construction de votre propre portefeuille Web statique, en utilisant HTML, CSS et JavaScript de base. Et votre propre portefeuille Behance, bien sûr. 

Regarde la démo.

Construire une grille de portefeuille Dribbble avec Flexboxgrid et Jribbble

Un autre tutoriel que nous avons publié l'année dernière, basé cette fois sur l'API Dribbble. Suivez Jonathan Cutrell lors de la création d'une page Web statique à l'aide de techniques de présentation Flexbox et du plugin Jribbble jQuery pour extraire des exemples de portefeuille de votre compte Dribbble..

Dribbbox

Sinon, laissez Dribbbox faire le gros du travail pour vous-même, pas besoin de ressources externes. Téléchargez les fichiers, ajoutez les informations d'identification appropriées dans config.js, puis téléchargez-les sur votre serveur Web..

Découvrez la démo en ligne, en utilisant vos propres données

Et il va sans dire que vous pouvez légitimement utiliser Dribbble comme votre portefeuille en ligne…

+ ESPACE

Enfin sur le thème de Dribbble, nous avons ⌘ + SPACE. Ce est une plateforme proposant une page hébergée qui traîne dans vos identifiants Dribbble. Grâce à un certain degré de personnalisation, ⌘ + SPACE vous permet de modifier l’image ou la couleur d’arrière-plan et d’ajouter votre éventail personnel de profils de réseaux sociaux afin que les personnes puissent se connecter. Bien qu'il n'y ait pas d'option actuelle pour spécifier des URL personnalisées, les détails manquants semblent se profiler à l'horizon:

Penfolio

De manière similaire aux exemples ci-dessus, Penfolio prend votre Codepen profil et affiche son contenu sous la forme d’un portefeuille. Comme le disent les instructions: ajoutez votre nom d'utilisateur Codepen à la variable JS fournie, et c'est tout!

Semplice

Semplice n'est pas une plate-forme. C'est un thème WordPress, avec un prix unique de 89 $. Ce que vous construisez et présentez au monde est emballé avec de jolis détails: des conceptions réactives élégantes, des performances optimisées et des mises à jour de page en transition pour une expérience fluide. Découvrez cette gamme variée d’exemples pour vous inspirer!

Mais Semplice ne concerne pas seulement le front-end. Ce qu’il offre en termes de back-end est très différent: un éditeur de contenu entièrement personnalisé dans l’administrateur de WordPress:

Marché Envato

La catégorie Portfolio WordPress sur Envato Market regroupe, tout simplement, plus de 800 thèmes. Jetez un coup d'oeil à certains d'entre eux ci-dessous!

Saillant - Thème polyvalent réactifKON / CEPT - Un thème de portefeuille pour les créatifsHyper-X Le concepteur de site Web PortfolioGrand portefeuille | Portefeuille réactifWolfe - Thème WordPress portefeuille

Emballer

Enfin, sites.envato.com mérite une mention spéciale. En cours de développement, vous pouvez vous inscrire pour bénéficier d'un accès anticipé dès que les commutateurs sont basculés:

Ce ne sont que quelques façons de relancer votre portefeuille en ligne. Comment l'avez-vous fait dans le passé? Quels autres outils envisagez-vous d'essayer? Faites le nous savoir dans les commentaires!