Share
Présenter un portefeuille basé sur des images sur un site Web peut être une tâche délicate. C'est généralement très différent d'un client ou d'un site Web professionnel. Avec un site Web normal, il existe généralement une structure cohérente comprenant un en-tête, un menu de navigation, parfois une barre latérale et généralement un pied de page. Cependant, lors de la présentation de photographies, il n'y a pas de limites. Vous n'avez pas besoin d'une barre de navigation, d'un en-tête ou d'un pied de page si vous ne voulez pas les avoir. Plus vous serez créatif, tout en vous concentrant sur l'objectif principal de votre site, plus vous gagnerez en attention..
Note de l'éditeur: Aujourd'hui, nous allons jeter un coup d'œil sur un créneau très spécial de la conception Web: les portefeuilles de photographies. Owen Conti est un auteur de notre site soeur, Phototuts +, et il nous expliquera quelques conseils utiles pour créer un excellent portfolio. Il parlera avec la photographie à l'esprit, mais à peu près n'importe quel portefeuille d'images (illustration, graphisme, peinture ou même conception de sites Web) peut bénéficier de ces conseils? alors nous espérons que vous les apprécierez!
Demain, nous rassemblerons actuellement les 30 meilleurs portefeuilles de photographies et d’images sur le Web.!
Votre portefeuille de photographies en ligne est destiné à attirer une clientèle ou à montrer vos photos et vos images. Certaines personnes choisissent cette dernière option, ajoutant du texte à chaque photo qu'elles publient, créant ainsi un blog photo. Ce type de site n'a pas pour vocation d'attirer les clients et de rapporter de l'argent, mais plutôt d'être une galerie de visualisation pour ceux qui y tombent..
Les portefeuilles de photos comportent généralement deux ou trois sections:
Ce sont les trois sections principales d'un portefeuille de photographies. Cela permet au client de voir votre travail. S'ils l'aiment, il peut en savoir plus sur qui vous êtes ou vous mettre en contact avec vous. Bien que cela semble simple, de nombreuses questions et préoccupations peuvent survenir, telles que:
Dans le reste de l'article, nous allons passer en revue 15 astuces qui peuvent vous aider à réduire les préoccupations que vous pourriez avoir au sujet de votre portefeuille de photographies..
Tous les grands portefeuilles ont trois principaux points communs:
Si vous incluez ces trois détails simples dans votre portefeuille de photographies, vous êtes déjà bien parti.!
Votre portefeuille doit refléter votre groupe cible, qu'il s'agisse d'un couple à la recherche d'un mariage ou d'une agence à la recherche d'un film publicitaire. Si votre portefeuille dégage une mauvaise image, vous n'attirerez aucun des clients que vous souhaitez..
Pensez au portefeuille d'un photographe de mariage, généralement blanc, propre et facile à utiliser. Cela convient à la population cible du photographe de mariage: généralement des couples plus jeunes (parfois des femmes sont responsables de certaines décisions) qui rêvent du mariage parfait. En règle générale, les mariages sont pleins de blanc, avec de belles fleurs et des rayons de soleil. Si vous souhaitez attirer les clients de votre mariage, votre portefeuille doit ressembler à un mariage..
Dans le même temps, si vous prenez principalement des photos de mode, il est probable que vous photographiez des sujets branchés et branchés, et c’est ce que recherche votre groupe démographique cible. Demandez à votre portefeuille de refléter cela. Cela semble trop simple de trop penser, mais vous seriez surpris de voir comment certaines personnes entourent leur meilleur travail.
Dessiner une mise en page avant même de toucher la souris est une pratique courante chez les concepteurs Web, et cela ne devrait pas être différent pour votre portefeuille. J’ai trouvé que dessiner était utile pour ne pas perdre de vue nos intentions. Si nous repensons au premier conseil, nous souhaitons que notre portefeuille soit spécifiquement destiné à notre population. Cela inclut les couleurs, la mise en page, la navigation, les icônes, la typographie, etc. Si vous dessinez votre idée alors qu'elle est fraîche dans votre esprit, vous ne la perdrez pas de vue ou ne ferez aucune autre idée à l'écrire. C'est un moyen facile de s'en tenir à votre plan initial.
Rappelez-vous cependant que vous pouvez vous écarter du régime si c'est pour le mieux de votre portefeuille. Si vous finissez par penser que les vignettes seraient mieux trois, plutôt que deux, alors foncez. Essayez de vous en tenir à l'esquisse autant que possible, lorsque cela est possible. Il est là pour vous aider, pas pour vous cimenter sur place.
Lorsque vous dessinez votre site, n'oubliez pas d'ajouter un support pour le contenu dynamique. Imaginez que vous décidiez de transférer votre flux Flickr dans votre portefeuille. Bien sûr, ça a l'air bien quand il y a 12 photos, mais qu'en est-il quand il y a 21 ou 36? À quoi ressemblera votre portefeuille avec un nombre impair d'images par rapport à un nombre pair, comme si vous l'aviez esquissé??
Ce sont le type de questions que vous devez vous poser lorsque vous dessinez votre mise en page. Comment puis-je ajouter plus d'images à ma mise en page sans encombrer le design? La pagination est-elle une option? Pourrai-je seulement garder une quantité XX d'images visible à la fois??
Je ne peux pas vous dire comment dessiner votre portefeuille, mais je peux donner des conseils de mon expérience personnelle. Essayez de limiter le nombre de photos que vous avez sur chaque page afin que vous ne sentiez pas le contenu encombrant dans votre portfolio. Séparez les photos en utilisant des catégories ou des pages. La pagination fonctionne bien, mais seulement si c'est fait correctement. Ne considérez la pagination que si vous avez plus de 12 images par page. Je trouve que 12 est un bon point d’équilibre, mais tout est fini et je commence à perdre mon chemin..
En fonction du style de photographie, les images sont généralement bien meilleures si vous les visualisez sur un fond noir. Cela est généralement dû au fait qu'il y a plus de contraste que lors d'une visualisation en blanc. Le contraste aide à faire ressortir les couleurs de la photo, ce qui rend l'image plus vive et plus éclatante. Si vous faites du sport, du commercial, du HDR, de la nature ou du portrait, essayez de regarder votre travail en noir puis en blanc et voyez lequel vous convient le mieux..
Lorsque vous concevez un site sombre, il est généralement judicieux d’ajouter une touche de couleur. Ce peut être votre logo, ou votre navigation, n'importe quoi. Le noir et blanc peut être extrêmement efficace, mais ajouter une touche de couleur ajoute une touche de personnalité..
Lorsqu'un client potentiel visualise votre portefeuille, il s'attend à voir des images haute résolution de qualité professionnelle. Alors donnez-leur ça! Ne pas afficher les images "taille réelle" à 300px par 300px. Le spectateur est là pour voir votre travail avec une qualité optimale, pas une qualité médiocre optimisée pour la bande passante. Lorsque vous considérez votre groupe démographique cible, il y a de fortes chances qu'il se trouve près de chez vous. A présent, la plupart d’entre nous avons des connexions haut débit par câble ou DSL, alors utilisez-les.
Fournissez des images haute résolution à vos clients et, en retour, ils devront peut-être attendre quelques secondes de plus. S'ils sont si impatients qu'ils n'attendront pas que votre portefeuille charge la meilleure qualité possible, alors, personnellement, ils sont trop impatients pour être mon client..
Tout sur Internet a un prix; il se trouve que le prix d'un travail de haute qualité est un temps de chargement plus long.
Maintenant que vous utilisez des images haute résolution, pourquoi ne pas utiliser également une grande zone de visualisation? W3Schools rapporte qu'en janvier 2011, 0,6% des utilisateurs utilisaient encore une résolution d'affichage de 800 x 600. Cela signifie que si vous souhaitez couvrir toutes vos bases, concevez votre portefeuille pour l'adapter à ces dimensions. Ainsi, les utilisateurs dont la taille est supérieure à 800 x 600 peuvent toujours accéder facilement à votre portefeuille. Pour les utilisateurs de tablettes et de téléphones intelligents, vous pouvez redimensionner votre portefeuille en fonction de leur appareil..
Les "derniers mois" dans le monde de la conception Web sont un sujet en vogue: "Conception Web réactive"; répondre à vos utilisateurs. Demandez à votre site d'ajuster sa présentation si un utilisateur a une résolution inférieure à la normale. Si un utilisateur a un écran plus grand, essayez d’adapter votre mise en page en chargeant dans des images plus grandes. En utilisant "Responsive Web Design" dans votre portefeuille, vous pouvez obtenir une plus grande satisfaction globale des utilisateurs. Rien n’est pire que de regarder un site sur votre iMac, mais de le faire échouer sur votre iPhone le lendemain matin lorsqu’il se rend au travail en train.
Bien que vous souhaitiez partager une grande collection d’images dans votre portefeuille, essayez de limiter votre sélection aux éléments les plus puissants. Trop d'images dans votre portefeuille peuvent augmenter les temps de chargement et donner trop d'options à la visionneuse. Cela peut donner l'impression que votre portefeuille traîne encore et encore.
Si vous limitez votre sélection, le téléspectateur ne voit que la plus forte des images et s’il est intéressé à en voir plus, il peut vous contacter. En limitant votre sélection, votre portefeuille semble également plus défini et structuré. Si vous souhaitez publier une large collection de toutes vos photos, utilisez des services tels que Flickr et 500 pixels..
Lorsque vous êtes chargé d'écrire un essai littéral, vous organisez vos points dans un ordre stratégique. Vous mettez les points les plus forts au début ou à la fin de l'essai et laissez les points les plus faibles au milieu. En plaçant les points les plus forts au début, vous attirez instantanément le spectateur et captez son attention. En plaçant les points forts à la fin de l'essai, vous terminez sur une note haute, laissant au spectateur des points forts qu'il n'oubliera pas.
C'est la même chose avec votre portefeuille de photographies. Si vous placez vos images les plus fortes au début ou à la fin du portefeuille, vous frapperez le spectateur plus fort. Je recommande d'utiliser les deux extrémités du spectre, attirer leur attention dès le début et laissez-leur quelque chose à retenir à la fin du portefeuille.
Avec la technologie actuelle, peu importe les efforts que vous déployez pour protéger vos images, quelqu'un, quelque part, peut en voler une copie. Vous pouvez essayer de désactiver le clic droit ou de mettre toutes vos images en arrière-plan, en espérant que vos utilisateurs ne sont pas à la pointe de la technologie. mais ça ne marchera jamais.
Le seul moyen de protéger réellement vos photos est d’y incorporer des filigranes. En incorporant des filigranes dans le jpg, si les voleurs volent votre travail, le filigrane sera toujours là. Plus le filigrane est large, plus il sera difficile de s'en débarrasser.
L’utilisation des filigranes présente deux inconvénients:
Il n’ya plus beaucoup de gens qui utilisent des filigranes, mais si vous craignez que des gens volent vos images, cela vaut peut-être la peine.
Les téléspectateurs aiment savoir pour qui vous avez filmé et pour qui ils regardent. Ils pourraient être vraiment intéressés par vos photos de mode et ils aimeraient vous embaucher et l'un des mannequins que vous avez photographiés pour travailler à nouveau ensemble.
Si vous trouvez opportun de fournir quelques informations sur chaque photo, allez-y! Vous n'êtes pas obligé de donner un "titre" à chaque pièce, mais une description en une phrase de la société pour laquelle vous avez tourné ou de qui est le modèle, ou peut-être des outils que vous avez utilisés ou même de l'emplacement du plan..
Chaque petit geste compte et plus vous mettez de travail dans votre portefeuille, plus le client potentiel sera passionné et se verra comme:.
Lorsque je cherchais sur le Web des exemples de portefeuilles de photographies, je trouvais souvent des sites contenant des miniatures de chaque image et des flèches Suivant / Précédent pour naviguer dans la galerie. Ce que je ne trouvais pas souvent, mais trouvais plus que ce à quoi je m'attendais, c'était la navigation au clavier, en plus des vignettes et des flèches next / prev.
Plus votre site Web sera facile à naviguer et à parcourir, plus il sera heureux d’utiliser votre site. Plus ils utiliseront votre site, plus ils susciteront des sentiments positifs en examinant votre travail. La même chose fonctionne dans le sens opposé, n'oubliez pas. Si votre site est trop difficile à utiliser, vos utilisateurs seront facilement désactivés et produiront des sentiments plus négatifs à l'égard de votre travail..
Repensez votre navigation en la rendant aussi simple et naturelle que possible à utiliser.
Ce conseil est en contradiction avec le conseil n ° 6, où j’ai conseillé d’utiliser une grande zone de visualisation pour vos photos. La clé est soit:
Il est généralement judicieux de limiter le défilement de l'utilisateur, quel que soit le périphérique / la résolution utilisé. Adaptez-vous aux écrans de petite taille en modifiant la disposition du site ou en modifiant la taille des vignettes..
Comme je l'ai mentionné dans le conseil n ° 6, 800 x 600 est toujours la plus petite résolution à couvrir si vous vous inquiétez pour tous les utilisateurs possibles. Essayez de concevoir pour cette résolution, sans défilement, puis améliorez la conception et la présentation pour des écrans et des résolutions plus grands..
Indépendamment de la qualité de votre travail, si votre spectateur ne peut pas vous contacter, vous ne recevez aucun travail. Il est très simple d'ajouter des informations de contact sur votre site. Qu'il s'agisse d'une page de contact, d'un numéro de téléphone sur chaque page ou d'une adresse électronique dans le pied de page, la recherche de vos informations de contact devrait être un jeu d'enfant pour vos utilisateurs..
Vous pouvez mettre ce que vous voulez pour vos coordonnées, assurez-vous que ce que vous avez mis est correct. Un simple numéro de téléphone fera l'affaire, mais si un client potentiel n'aime pas le téléphone, il peut être préférable qu'il connaisse également votre adresse e-mail. N'oubliez pas de penser à tous vos utilisateurs avant de prendre une décision finale.
Courtiser! Vous venez de passer une semaine à concevoir votre nouveau portefeuille et une autre semaine à le coder. Vous lancez votre nouveau site et l'annoncez au monde uniquement pour recevoir quelques commentaires négatifs sur la facilité d'utilisation de votre site. Il s'avère que le site n'a pas l'air trop chaud sur les MacBook 13 ", car la résolution est loin de la résolution de votre iMac 27".
Oops! On dirait que vous auriez dû faire des tests. Non seulement cela, mais un deuxième avis aurait été super aussi! Demander à quelqu'un du secteur expert de vérifier votre nouveau portefeuille pour vous n'est jamais une mauvaise idée. Ils peuvent fournir un deuxième aperçu des zones sur lesquelles vous avez peut-être survolé et signaler les bugs évidents que vous ne voyez pas..
Cela dit, assurez-vous de choisir judicieusement votre deuxième opinion. Essayez de rester à l'écart de votre famille et de vos amis, non seulement parce que leur opinion peut être biaisée, mais aussi parce qu'ils ne connaissent peut-être pas suffisamment le secteur pour vous donner un avis correct..
Nous sommes en 2011 et la technologie que nous possédons est suffisamment sophistiquée pour que quiconque, et j'entends tout le monde, puisse posséder et conserver un portefeuille dynamique. Que vous gériez votre portefeuille avec WordPress ou un système Flash ou que vous restiez bloqué en HTML statique, vous devriez mettre à jour votre contenu..
Les utilisateurs ont l'habitude de voir de nouveaux contenus chaque fois qu'ils visitent un site Web. Nous avons grandi en voyant les mêmes vieux trucs à chaque visite. Il en va de même pour votre portefeuille de photographies, en insistant un peu moins sur la fréquence de mise à jour. C'est idéal si vous mettez à jour chaque fois que vous avez un nouveau contenu. Essayez de ne pas télécharger par lots, en jetant une poignée de photos tous les deux mois. Au lieu de cela, essayez de maintenir un calendrier cohérent, mais souple,.
Lorsque vous effectuez une mise à jour, ne mettez à jour que si le nouveau contenu est plus fort que l'ancien. Cela n'a aucun sens de remplacer une image forte par une plus faible, qu'elle soit plus récente ou non. Vous souhaitez renforcer constamment vos compétences et votre portefeuille doit en tenir compte.
Que vous conceviez votre portefeuille de photographies pour un travail rémunéré ou simplement pour montrer vos images, vous devriez toujours prendre en compte l'utilisateur final. Faites en sorte que vos utilisateurs puissent voir votre portefeuille aussi facilement que possible. Les navigations et les mises en page complexes peuvent être "cool", mais sont également inutiles si elles sont trop difficiles pour la plupart des utilisateurs.
Moins vos utilisateurs sont frustrés lorsqu'ils consultent votre portefeuille, plus ils seront susceptibles de vous contacter, à condition qu'ils aiment votre travail. Quelle que soit la qualité de vos photos, le format et les détails dans lesquels vous les présentez détermineront si elles sont dignes ou non pour le client..
Nous avons couvert 15 conseils pour créer un excellent portefeuille de photographies. Récapitulons rapidement:
N'oubliez pas que ce ne sont que des conseils - des conseils utiles que vous pouvez choisir d'utiliser dans votre propre portefeuille si vous le souhaitez. N'en utilisez aucun, ni l'un ni l'autre! C’est à vous de décider, n’oubliez jamais vos utilisateurs finaux. Ce sont eux qui comptent vraiment!
Accentsconagua