Share
Hier, nous avons examiné les 15 principaux conseils que toute personne créant un portefeuille basé sur une image devrait garder à l'esprit. Aujourd'hui, nous allons rassembler certains des meilleurs sites de portefeuille sur le net dans une extravagance visuelle massive. Prêt à être inspiré? Prenez un cahier et préparez-vous à prendre des notes.
Ce que nous allons faire aujourd'hui, c'est plus qu'une simple rafle. il ne s'agit pas d'un tas de jolies images ni de montrer qui est le meilleur dans un domaine particulier (même si je suis sûr que cela arrivera de toute façon). Le but de cet article est de vous donner un vaste choix d’idées pour créer votre propre portefeuille. Si vous êtes toujours pris de court d'idées créatives, cet article devrait vous aider à revenir à la création imaginaire jusqu'à ce que vous créiez en un rien de temps de nouvelles solutions basées sur l'image.
Bon, faisons ça? J'espère que votre navigateur est prêt à gérer une nouvelle action de tabulation.
Nous allons commencer cette liste de génialité avec les sites développés en normes. Ceux-ci utilisent HTML, CSS et un peu de script dans la plupart des cas pour créer des portefeuilles qui ne affichent pas seulement de belles images? ils vous disent quelque chose sur le talent derrière le site. Pour moi, c'est la clé pour créer un portefeuille en ligne efficace.
Rappelez-vous, ce qui fonctionnera pour VOUS n'est pas nécessaire l'une de ces idées? ce sera la somme des idées qui aident à dire au monde qui vous êtes et ce que vous pouvez faire pour eux. Pensez-y de cette façon - tout le monde ne va pas bien dans une robe noire moulante (certainement pas)? Mais, tout comme les déclarations de mode, tout le monde devrait avoir quelque chose à mettre pour exprimer son identité aux gens qui l’entourent. La même chose vaut pour les portefeuilles.
Personnalité (unicité) + Les produits (images, vidéos, etc.) = Votre portefeuille idéal
Je vais lancer cette partie de la rafle avec l'un de mes sites de photographie préférés? il n'a pas d'images énormes ou de trucs d'interface utilisateur sophistiqués qui font exploser vos cerveaux de développement? mais ce qu'il a, c'est CHARACTER, la chose la plus importante qu'un portefeuille puisse avoir. C'est propre, professionnel, unique et tout à fait efficace pour vous dire ce que vous obtiendrez si vous embauchez Jessica Claire comme photographe..
Ce portefeuille fonctionne sur la simplicité pure. Un carrousel d'images plein écran avec une navigation intuitive au clavier pour se déplacer. Le survol du centre de la zone de l'image apporte des informations supplémentaires.
Un autre portefeuille axé sur la saisie au clavier? Cette fois, un petit script astucieux aide les visiteurs à se déplacer. Les images sont redimensionnées pour remplir l'arrière-plan, mais ne sont jamais aussi déformées qu'elles ne paraissent attrayantes.
Ce site signifie quelque chose pour moi car, eh bien, j'ai construit la chose la plus maudite. Ce qui est intéressant à mon avis, c’est qu’il repose à 100% sur un thème WordPress conçu comme un modèle et non comme une solution personnalisée. L'idée à retenir de celui-ci est qu'il est tout à fait possible de construire un excellent portefeuille sans connaître des tonnes de savoir-faire en matière de codage. Trouvez un thème qui fonctionne et ajustez-le jusqu'à ce qu'il soit parfait pour votre propre portfolio / blog / tout ce dont vous pourriez avoir besoin.
À première vue, s'agit-il d'un portefeuille de réseau ordinaire? agréable et propre, mais rien de spécial? jusqu’à ce que vous ajoutiez quelques animations et interactions jQuery faciles. C'est incroyable ce que certaines animations rapides et certains effets de fondu peuvent faire pour améliorer l'expérience d'un site comme celui-ci. Très beau effectivement!
Un autre thème WordPress, Chocolate présente quelques astuces d’interface utilisateur sophistiquées en utilisant WordPress comme fondement..
Celui-ci adopte une approche directe à une grille plein écran, remplissant le cadre avec des modules de grille pouvant être triés via le menu contextuel en bas. Je suis sûr que nous en verrons beaucoup dans un proche avenir, mais c'est une façon amusante d'aborder un site de portefeuille, car il peut s'adapter à n'importe quelle plateforme d'affichage..
Parfois, votre portefeuille ne se limite pas à des images (même s’il s’agit de votre pain quotidien)? Si vous êtes un concepteur de sites Web, graphiques ou d'interface utilisateur, vous devez réellement vous exprimer sur la manière dont vous affichez ces images. Rob Edwards prend cette idée à cœur dans un petit portfolio amusant qui inclut quelques ruses d’interface utilisateur fantaisistes.
Considérez ceci: les agences de design de premier plan ne se contentent pas de montrer de superbes graphismes? pour eux, les bonnes images ne sont qu'une partie du jeu. Ils gagnent leur vie en résolvant des problèmes, pas seulement en faisant de belles images. Tolleson Design est l'une de ces agences et il est intéressant de voir comment elles ont abordé le problème. Au lieu des grandes images, ils ont opté pour une approche réduite qui vous rapproche de l'écran. Vous êtes aussi susceptible de lire sur chaque projet que de faire défiler les yeux dans les yeux..
Celui-ci est spécial parce qu'il ressemble vraiment à une mise en page de site ordinaire de la distance? ce n'est que lorsque vous commencez à cliquer autour de leur portefeuille que vous réalisez le brillant qui se passe dans les coulisses.
Le site de Pablo Gonzalez montre à quel point il est facile de créer un portefeuille de vidéos. Créez une mise en page simple, ajoutez un peu d'amour à la lightbox et vous êtes prêt à envoyer des personnes sur votre site. C'est aussi simple que cela, et comme "the goods" ("la marchandise") concerne uniquement ses vidéos, il n'a pas besoin de fluff supplémentaire pour faire le pas..
Une autre expérience d’interface utilisateur intelligente - TomPain montre sa capacité à exploiter les acrobaties jQuery de manière utilisable dans son site de portfolio personnel..
ce n'est pas un portefeuille persay? mais considérez le nombre de choses que vous pouvez faire avec cette approche en couches unique d'un curseur d'image. Dès que vous commencez à cliquer, vous devriez commencer à voir des façons créatives de pouvoir déformer cette même idée;)
Des images complètes avec une marque personnelle soigneusement conçue. Ceci est vraiment un site de portefeuille à sa forme plus pure. Simple, facile à naviguer et épuré avec n'importe quel non-sens.
Si vous avez été dans le domaine de la conception Web pendant un certain temps, vous avez entendu parler de North Kingdom. Ils ont construit certains des sites les plus épiques de la planète (je ne plaisante pas - http://www.designchapel.com/dchpl2002/), mais leur portefeuille le plus récent est réduit avec goût à une approche plus simple. . Ne vous y trompez pas, ils ont toujours les marchandises. Si vous recherchez une solution de portefeuille plus "adulte", considérez cela comme un guide..
Flash réussit toujours à se sentir plus libre d’esprit que d’autres sites..
Ce qui est intéressant à propos de Flash de nos jours, c’est que même s’il devient de moins en moins populaire parmi les développeurs passionnés de standards du monde, il incombe toujours aux gestionnaires d’effacer complètement les sites HTML / CSS ordinaires quand ils le souhaitent. Flash est-il pour vous? Peut-être peut-être pas? mais dans la liste ci-dessous, il y a des TONNES d'idées qui valent la peine d'être reprises dans vos propres projets personnels, que vous utilisiez Flash ou l'utilisation de HTML / CSS et des scripts sophistiqués pour le réaliser. Quelque part, Flash réussit toujours à se sentir plus libre que d'autres sites. Prendre plaisir!
- Il semble que, peu importe la qualité des sites HTML / CSS + jQuery, il y a toujours un type malin qui décide de sortir de l'eau avec Flash. C'est le cas du site Nicola Walbeck. Concept simple, arraché impeccablement en utilisant Flash comme base. Notez que l’inclusion de la souris en tant qu’appareil de navigation est ce qui fait que cela fonctionne..
Celui-ci est peut-être le meilleur de tout le groupe? un photowall infiniment déplaçable avec des transitions douces et un système de filtrage qui a laissé ma mâchoire sur le sol. Honnêtement, je ne sais pas s’il existe un moyen de dépasser ce type de situation. Kinda vous fait souhaiter qu'Apple et Adobe décident simplement de s'entendre et de libérer Flash pour les masses.
Vous vous moquez de moi avec celui-ci? Une autre étoile à retenir? est-ce gimmicky et inclure de la musique? Ouais? mais quelque chose me dit que les clients potentiels de ce type s'en moquent.
Un autre chef-d'œuvre Flash. Je ne suis pas particulièrement intéressé par les temps de chargement sur celui-ci (allez comprendre), mais le site actuel est incroyable une fois chargé.
Celui-ci est intéressant parce que, techniquement, tout est faisable avec HTML / CSS et un peu de scripting love? mais il y a juste quelque chose à ce sujet qui me souffle.
Dans les années 90, lorsque nous avions envisagé tout ce dont Flash était capable, nous avions à l’esprit ce genre de choses..
Celui-ci est tout artsy et des trucs? et l’arrière-plan semble tout droit sorti d’un décor de concert digne d’éloges, mais il contribue à créer un sentiment de personnalité pour l’artiste ici. Bien fait en effet!
Il est difficile d'exprimer à quel point j'ai apprécié ce site. Disposition unique, vérifiez. Dark Ethics pour une expérience de visionnement agréable, vérifiez. Des transitions douces et peu d'attente entre les diapositives, vérifiez. Celui-ci vient de saigner personnalité professionnelle.
Un autre chef-d’œuvre en plein écran: une navigation fluide avec une souris, avec d’énormes images très haute résolution qui donnent une belle apparence même sur mon écran 42 ".
Nikon prend Flash très au sérieux avec ce site? montrant à quel point Flash peut créer des expériences complètes, plutôt que des sites banals. Juste prendre un moment pour parcourir? sensationnel.
Pour ma vie, je ne peux pas décider si j'aime celui-ci ou si je l'aime un peu. Il se sent un peu plus maladroit dans la zone de navigation que certains des autres sur cette liste, mais il arrive aussi d’apporter son propre sac d’idées uniques? alors formez vos propres opinions.
Un autre design de grille? Je sais, nous devrions nous ennuyer maintenant, non? Faux! La beauté d'un site de grille bien fait est que les limitations pour la créativité sont presque illimitées. J'aime particulièrement l'animation Flip-Revoir lorsque vous sélectionnez une photo ici..
Celui-ci est moins portefeuille et plus? euh interactif. Immersive Garden est cependant une maison de conception interactive et en mouvement, il est donc parfaitement logique qu'ils aient apporté le même niveau d'interaction et d'expérience visuelle sur leur site..
Je ne peux pas dire que celui-ci était particulièrement époustouflant? mais cela fait certaines choses avec l’interface utilisateur qui mérite d’être prise en compte. Ceci est tout à fait possible avec les menus contextuels de la souris jQuery;)
Un site plein écran qui utilise la marque géométrique unique du photographe pour faciliter la navigation sur l'ensemble du site. C'est un peu trop haut dans les nuages à mon goût? mais encore une fois, c’est une craie pleine d’idées qui méritent d’être prises en compte.
J'ai gardé l'un des meilleurs pour la fin? Ceci est un autre site "concept" qui offre tout ce que vous pouvez imaginer. C'est aussi 2 sites en un? tout aussi génial.
N'oubliez pas de consulter les conseils de notre site Web sur les portefeuilles pour plus de détails sur la façon d'améliorer votre propre portefeuille. J'espère certainement que vous avez apprécié la rafle? À ce stade, vous devriez déborder de bonnes idées à apporter à vos propres projets, alors allez au travail!
Accentsconagua