20 exemples de portfolio de conception sur le site

Tout texte sur la société ne sera plus qu'un ensemble de phrases bien construites, s'il n'est pas pris en charge par la section contenant les travaux. Portfolio - un passeport, une carte de visite, passez au monde des clients sérieux. Et vous devez pouvoir vous débrouiller.

L'article a rassemblé 20 exemples de pages "Portfolio" provenant de différentes sociétés, afin que vous sachiez à quel point elles sont faites et que vous avez appliqué quelque chose de votre cru. Ou corrigé.

Art Lebedev Studio

Lien - //www.artlebedev.ru/everything/

Caractéristiques

  1. Le nom de la création du portefeuille est "Conçu".
  2. Affiche le nombre total d'oeuvres - et c'est impressionnant. Et grandissant presque tous les jours. Regardez maintenant sur le site: le numéro ne sera plus 3621.
  3. Les travaux sont répartis non seulement dans les domaines d'activité des studios, mais également dans ceux des clients. Dans toutes les directions, il y a une division:
  1. Si vous cliquez sur le bouton "Tous les tags", vous pouvez fermer votre minable studio de la province pour mieux pénétrer:
  1. Le principe d'organisation du travail - les tuiles que vous faites défiler pendant longtemps:
  1. Si vous déplacez le curseur sur une œuvre en particulier, vous pouvez voir les aspects liés de sa création:
  1. À l'intérieur:
  • décrit la tâche et signe le processus de sa solution;
  • indique qu'il a été créé dans le cadre de la résolution du problème:
  • informations sur tous les responsables de projet:
  1. À la fin de la page avec les travaux, il y a un panneau de partage dans les réseaux sociaux. D'accord - il est préférable de partager votre portefeuille et de ne pas simplement copier / coller un lien vers celui-ci.

Art Lebedev Studio est une entreprise légendaire. Leur travail sur les os démonté, admiratif et méprisant, dans les cercles de design et pas seulement. Une chose est claire: les gars sont depuis longtemps passés de la conception Web à la transformation graphique de n’importe quel sujet du monde matériel. Quelle est la preuve - un portefeuille.

Société Altek

Lien - //altekpro.ru/portfolio/

Caractéristiques

  1. Une caractéristique intéressante du portfolio sur ce site est la chaîne de recherche:
  1. Les commentaires des clients et leur liste sont également inclus dans l'en-tête du portefeuille - une bonne réception pour améliorer l'impression de la liste des travaux.
  2. Les travaux sont classés par catégories pour faciliter la visualisation d’une activité spécifique. Le bouton "Tous" est configuré par défaut. Il renvoie également une liste de tous les travaux.
  3. Principe d'organisation:

La liste est faite avec la pagination - 15 pages de travail inspirent!

  1. Dans n'importe quel travail:
  • grande photo de l'endroit;
  • sa description:

La société a essayé et créé un portefeuille intelligent sur son site Web - une description compétente du travail, des détails et des photos de haute qualité. Tout fonctionne pour qu'un jeune restaurateur ou propriétaire de café y aille pour l'équipement de son établissement.

Entreprise de construction "Intechstroy"

Lien - //almetfasad.ru/portfolio/

Caractéristiques

  1. L'étrange division du travail n'est qu'une catégorie de “Finition de façade”, en cliquant sur ce qui ne change pas la liste des travaux - ils sont les mêmes que dans la catégorie “Tout”.
  2. La liste est la suivante:
  1. La liste complète des œuvres peut être consultée en cliquant sur le bouton "Voir plus" ci-dessous.
  2. Lorsque vous survolez une œuvre avec son curseur, sa description apparaît:
  • cliquer sur une loupe ouvrira la galerie de photos de cette œuvre;
  • cliquer sur les liens ouvre une description détaillée du poste.
  1. A quoi ça ressemble de l'intérieur:

En tant que personne ayant participé à l'achat d'une maison de campagne, j'aimerais lire pour chaque travail ce qui a été fait et comment et comment: du matériel, des outils, un calendrier de projet. Ce n'est pas ici - très désolé.

Fabrique de meubles Lev Soloviev

Lien - //www.sl-mebel.ru/portfolio/

Caractéristiques

  1. Le portefeuille est présenté par sections - chacune avec ses propres photographies d’œuvres - «Mobilier pour bars et restaurants», «Mobilier pour intérieurs privés», «Restauration de mobilier», etc. Les œuvres sont divisées en pagination.
  2. Les photos de n'importe quelle catégorie peuvent être visualisées dans un diaporama, puis revenir aux miniatures.
  3. Lorsque vous passez la souris sur une image, une info-bulle apparaît qui indique que le travail sur la balise méta alt n'a pas été effectué:
  1. De plus, si vous cliquez sur le travail, tout ira bien:

Dans ce portfolio, vous voulez voir non seulement une galerie de bonnes photos pour chaque travail, mais également lire au moins une brève description - par exemple, qui a eu l’idée d’habiller le canapé d’une veste - «veste en cuir»?!

Atelier "Armoire"

Lien - //www.g-atelier.ru/portfolio

Caractéristiques

  1. Inscription intrigante "Cette page présente les produits créés pour nos clients par les maîtres de l'Atelier Wardrobe. Partie 1". Comme un chapitre de l'histoire. La deuxième partie est accessible si vous cliquez sur le bouton "Regarder plus" sous toutes les œuvres.
  2. La liste des œuvres est décorée avec des carreaux simplement retournés au bas de la page. Rien signé.
  3. Si vous déplacez le curseur sur un travail particulier, une icône en forme de loupe apparaît sur laquelle vous pouvez cliquer et accéder à la page à partir des galeries d'images. Voici une surprise: lorsque vous parcourez des photos, ce ne sont pas seulement les photos sous un angle différent qui sont affichées, mais également les autres travaux du studio. Ceci est trompeur:

Et ici ce n'est pas tout à fait clair ce qu'ils voulaient montrer:

  1. Une réception forte à la fin de la liste des travaux - un appel à l'action avec un formulaire de retour d'expérience:

Atelier et vêtements - pas mon sujet. Dans ce portfolio, les photos sont belles, mais l’esprit masculin a besoin de descriptions et chaque travail est signé. Consultation gratuite à la fin - comme moyen de clarifier les problèmes du portefeuille.

Société "Repablayk"

Lien - //republike.ru/portfolio.html

Caractéristiques

  1. Impression positive du fait que toutes les œuvres sont signées.
  2. Les œuvres sont divisées en catégories non situées au-dessus mais légèrement en dessous et sur le côté:
  1. L'attention est attirée sur le désir des créateurs du site de motiver les visiteurs à vouloir la même présentation:
  1. Lorsque vous survolez le travail, il y a une question intrigante:
  1. Chaque travail à l'intérieur se compose de plusieurs parties:
  • diaporama de présentation:
  • tous les aspects de travail:
  • Description de travail détaillée:

Il est intéressant de noter que la société propose d’autres services (nommage, développement de sites Web, design d’intérieurs, etc.) et que le portefeuille ne contient que des travaux de création de présentations. De toute évidence, il s’agit là de la direction principale et, à en juger par le portefeuille, de la direction réussie de la société.

Agence "VelikaPlaza"

Lien - / progrès / portfolio /

Caractéristiques

  1. En général, le portefeuille Texterra comprend des sections sur les clients, les critiques, les requêtes, les certificats et le travail direct. L'agence caractérise ses travaux:
  1. A très (!) À l'origine joué le nombre d'œuvres dans le portefeuille. Lire:
  1. Les œuvres sont décorées avec des catégories de pictogrammes:
  1. Lorsque vous ouvrez l'une d'entre elles, un portefeuille d'œuvres apparaît directement avec le nom de la direction, une brève description et des captures d'écran signées. Lorsque vous passez la souris sur un lien de travail, le message "Plus" apparaît:
  1. La page à l'intérieur de la catégorie "Contenu" contient un lien vers l'original et une capture d'écran de haute qualité de l'ensemble (!) Article qui peut être développé sur les réseaux sociaux, ainsi que directement de la page au travail suivant.
  2. Les œuvres appartenant à d'autres catégories dans la structure de la représentation interne diffèrent les unes des autres. Voici, par exemple, une vue de l’intérieur d’une des œuvres de la catégorie "Développement de sites Web":

Vous pouvez voir ici les données de sortie les plus importantes: l'adresse du site, le CMS, la tâche, le travail effectué et les captures d'écran des pages, l'apparence du site dans différentes adaptations, les fonctionnalités répertoriées et les informations sur les personnes ayant participé au développement.

Dans la catégorie "Contenu vidéo", dans les exemples d'œuvres, les vidéos filmées sont logiquement montrées.

Comme pour l'ensemble du portefeuille, tout travail se termine par un appel à l'action en remplissant un formulaire de rétroaction:

Si vous rassemblez les travaux de Texterra dans un seul fichier, il s'agira d'un papier blanc et d'un kit marketing. Comme tout spécialiste du marketing Internet, je m'efforce d'avoir le même bagage, même si c'est sacrément difficile.

OST Art Forge Factory

Lien - //ostmetal.com/portfolio/

Caractéristiques

  1. La page principale du portefeuille contient un court texte décrivant la société OST, une liste des travaux. Veuillez noter que les images sont en filigrane:
  1. Lorsque vous vous déplacez au travail, il y a une loupe. Si vous cliquez sur, une fenêtre modale s'ouvre - une galerie de photos avec une description du projet et la localisation géographique de l'objet.
  1. Le portefeuille peut être partagé sur les réseaux sociaux. Ceci est une indication directe:

Vous vous attendez à plus de travail de n'importe quel portefeuille - il n'y en a que 21 - malgré le fait que la société a un site web depuis 2001. Tout le travail ne peut peut-être pas être affiché ou la page d'arrivée créée il n'y a pas si longtemps. En tout cas, je souhaite que l'OST augmente le nombre d'œuvres. Ils ont littéralement de beaux mots.

Atelier "Verbe"

Lien - //glagol-maket.ru/blog/cases

Caractéristiques

  1. Le portefeuille s'appelle des études de cas clients. Le panneau avec les observations est situé en haut de la fenêtre, pour chaque statistique fournie sur les vues, le nom et une brève description. Les œuvres sont séparées par pagination:
  1. Une description détaillée du travail est en même temps une entrée de la section «Cas» du blog du développeur de la mise en page:
  1. Pour chaque projet, le résultat est spécifié:

et a parlé des artistes:

  1. Pour chaque cas, vous pouvez voir en détail tout le processus de création d'une mise en page:
  1. Tous les cas se terminent par un appel pour le partager sur les réseaux sociaux, commander une mise en page ou consulter le blog du concepteur principal:

Super portfolio avec des images de première classe, une description détaillée de chaque travail. À Penza, le travail peut être visionné en direct - les modèles sont exposés dans de nombreux centres commerciaux de la ville. Et oui, ce sont mes compatriotes, fiers d’eux. Ils rendent les choses si difficiles, mais ...

Société "Remsk"

Lien - //remsk.net/portfolio.html

Caractéristiques

  1. Les œuvres sont divisées en catégories, signées, divisées par pagination et contiennent une brève description:

Si vous cliquez sur le bouton "En savoir plus", une galerie de photos d'un travail spécifique s'ouvrira:

Dans l'étude de ce portfolio, la dissonance cognitive se manifeste - d'une part, de belles images, de brèves descriptions et "En savoir plus", d'autre part, juste des photos. À propos de la réparation, je veux en savoir beaucoup plus.

Agence "PrazdnikON"

Lien - //www.prazdnikon.ru/foto-i-video

Caractéristiques

  1. Portfolio est présenté en trois sections:
  1. Le portefeuille des vacances pour enfants commence par un exemple de "massacre":
  1. La même chose peut être dite à propos du portefeuille de l'organisation anniversaire:
  1. Les pages de cette section du portefeuille sont organisées comme suit:
  • galerie photo:
  • enregistrement de l'événement:
  • programme de travail avec le client:
  • et quelques autres points de vente:
  • et à la fin immédiatement deux formes de commentaires:
  1. Que pouvez-vous faire avec les travaux du portfolio et en général avec une page? Correct:

La page principale du portefeuille semble faible par rapport à la conception de ses sections. Mais il y a tout: statut, qualité de la description textuelle, vente de blocs. Approche sérieuse - clients sérieux.

Production de Studio PhotoIDEAL

Lien - //photo-ideal.ru/portfolio/

Caractéristiques

  1. Le portefeuille comprend six sections thématiques:
  1. Lorsque vous cliquez sur le bouton plus en détail, une liste de photos s'ouvre et vous pouvez voir si vous faites défiler la page. Il n'y a pas de flèches ni de galeries de photos habituelles, mais les photos sont signées et filigranées:
  1. Pour chaque travail, vous pouvez contacter le studio en remplissant le formulaire de feedback:

Ce portefeuille, qui ne nécessite pas de longues descriptions (peut-être courtes). Les photos parlent d'elles-mêmes: équipes médicales internationales, articles de parfum coûteux, matériel publicitaire, intérieurs, comme dans les pages de magazines de mode.

Service de voiture DUBOKSERVIS

Lien - //dubokservis.ru/nashi-raboty/

Caractéristiques

  1. Les œuvres du portefeuille sont organisées selon le principe "Avant et après" et sont signées du nom des marques automobiles. Les œuvres sont séparées par pagination:
  1. Le nombre de modèles et le résultat du travail inspirent le respect pour moi en tant que conducteur. En fait ... tout!

Très concis. Il vous suffit de parcourir ses pages, de le faire glisser avec le curseur et de regarder les terribles bosselures et égratignures dont il ne reste aucune trace. Dans le contexte de l’immense majorité des stations-service, qui n’ont que le téléphone, ce portefeuille a l’air décent.

Entreprise de nettoyage "Du coeur"

Lien - //uborkavufe.ru/portfolio.html

Caractéristiques

  1. Portfolio se compose de deux blocs de site Web de bout en bout:
  • avantages concurrentiels de l'entreprise:
  • liste de clients:
  1. Les travaux sont signés et ont des photos pertinentes:
  1. Si vous survolez le curseur, son “cercle” se transformera en une image carrée:
  1. Le point positif est que, sur de nombreuses photographies, des employés en uniforme sont montrés, où le nom de l’entreprise - «De cœur pur» est bien lu.

Je ne comprends pas pourquoi ce n'était pas pour faire une galerie d'œuvres sur chaque objet de nettoyage, pour vous dire quelles zones et quels objets ont été nettoyés. Ceci est très logique et ajouterait du poids au portefeuille. Cependant, la liste de clients parle d'elle-même.

Studio de tatouage "Hé, capitaine!"

Lien - //haycaptaintattoo.com/portfolio

Caractéristiques

  1. Portfolio long (du mot "très") est chargé - le seul exemple de ce type de la collection.
  2. Toutes les œuvres sont signées et filigranées salon:
  1. En cliquant sur n'importe quelle œuvre, une fenêtre avec une photo agrandie s'ouvre:
  1. Si vous parcourez des photos, ce ne sera pas le même travail sous un angle différent, et l'autre - avec un nouveau tatouage:

Aiguilles usagées, encre pour les tatouages, temps de travail et prix - malheureusement, ces informations ne sont pas disponibles. De toute évidence, les images ici résolvent beaucoup plus.

Confiserie Coolnws Foods

Lien - //www.coolnws.ru/home_sweet/portfolio/

Caractéristiques

  1. Les œuvres du portefeuille sont divisées en catégories, mais il n’existe pas de catégorie "Toutes". Une liste complète des gâteaux peut être retournée en cliquant sur le lien "Portfolio":
  1. Tout gâteau de l'intérieur ressemble à ceci:
  • Chaque gâteau, attention, a son propre article:
  • photo dédicacée pouvant être augmentée:
  • informations sur le gâteau:
  • "vendre" des moments:
  • gâteaux similaires:

Le seul portfolio de la collection que vous souhaitez manger ou faire un don - en totalité ou dans chaque œuvre séparément. Et son décor plus que digne, en fait un modèle pour les entreprises aux activités similaires et plus encore.

Réseau de salons d'épilation au laser et de cosmétologie "Girlfriends"

Lien - //podruge.ru/portfolio/

Caractéristiques

  1. Le portefeuille est divisé en catégories. Et le premier lui donne le statut, le titre et la photographie:
  1. Si vous ouvrez la section "Etoiles", tout deviendra plus clair:
  1. Ouvrez la carte:
  1. La section du portefeuille "Avant et Après" n’est pas très attrayante sur le plan esthétique, mais elle est nécessaire pour une telle entreprise. Comme vous pouvez le voir, voici les sous-catégories de travail:
  1. Si vous ouvrez une sous-catégorie, il y aura une galerie d'œuvres pour un service spécifique:
  1. Section "Vidéo" - vidéos avec le processus de pointer la beauté:

Que puis-je dire - un tel portefeuille peut être fier. Le flux de clients riches et célèbres et les clients dans les "Girlfriends" après ces commentaires flatteurs fournis.

Société "Propre"

Lien - //art-doors.ru/portfolyo/

Caractéristiques

  1. Les travaux sont organisés par tuiles, signés et ont un filigrane:
  1. Sous la liste des travaux, il y a un très grand texte pour ce type de pages:
  1. Si vous survolez l'œuvre, l'inscription "Look" apparaît, vous pouvez l'ouvrir. Inside - un cas à part entière pour le projet - le texte, qui alterne avec de grandes images croissantes:
  1. La page de n'importe quel travail et la page avec le portefeuille sont à la fin d'une application de calcul:

Agréable à lire et à visualiser le portefeuille - non seulement des déclarations déclaratives sur les portes exclusives, mais également de nombreuses œuvres avec une description détaillée du processus de fabrication, y compris une histoire sur les objets, les matériaux utilisés et les accessoires.

Société "Saison Climatique"

Lien - //www.climatseason.ru/portfolio/

Caractéristiques

  1. Il existe un filtre des œuvres par objets et par types. Tous les travaux sont signés, leur type et catégorie d'équipement utilisé sont indiqués:
  1. Une description de travail détaillée ressemble à ceci:
  1. Les informations sur tout travail comprennent:

    • description du poste;
    • galerie de photos magnifiquement conçue (mais les photos ne sont pas signées);
    • description du projet;
    • une histoire sur sa mise en œuvre;
    • équipement utilisé (notez le prix et un lien vers la fiche article).

Si nous parlons des faiblesses, il y a une police plutôt petite sur la page de portfolio elle-même et dans chacune des œuvres. Autrement, ce n'est pas un très mauvais portefeuille parmi les concurrents, dont beaucoup n'ont même pas de sites plus ou moins sains.

Agence "Maison Immobilier"

Lien - //www.domnedv.ru/page167/portfolio/

Caractéristiques

  1. Le portfolio a une présentation de blog classique - image / titre / date de publication / annonce de texte:
  1. Si vous ouvrez un travail, il ressemblera également à un article ordinaire, si vous ne lisez pas:

Il y a ici tous les signes de l’affaire: la situation actuelle, la tâche, une photo de l’objet (c’est étrange que des maisons aient été prises partout, pas des intérieurs d’appartements) et une solution.

  1. Tout travail de la liste et du portefeuille en général peut être partagé sur les réseaux sociaux.

Le portefeuille de design le plus étrange et le plus simple de la collection. Et le plus informatif en termes de composante textuelle. Повторюсь - надо читать каждую конкретную работу - там очень интересно.

Не говори, что делаешь. Покажи, что сделал

Перед вами сайт клининговой компании, который я хотел включить в подборку, но не включил по вполне понятной причине:

Судя по футеру, сайт никак не менялся с 2015 года. Тем не менее, он в выдаче поисковых систем, иначе я бы его не смог найти. С точки зрения "Яндекса" все не так уж плохо. Mais pour les personnes, les clients potentiels, le manque de travail de la société est une cloche inquiétante et une excuse pour partir rapidement à la recherche de concurrents possédant un portefeuille.

Si vous voulez au moins regarder votre portefeuille, rappelez-vous qu'il caractérise:

  1. Augmentez le nombre d'œuvres, peu importe ce qu'elles disent, mais la liste de 1-2 points inspire faiblement. Cependant, s'il y en a des centaines, il vaut mieux montrer le meilleur.
  2. Divisez le travail en catégories - vous simplifiez ainsi la recherche de clients intéressés par le plus proche de leur domaine d'activité.
  3. Signez le travail et les photos pour montrer ce que c'était et pour qui cela a été fait.
  4. Décrivez chaque travail en détail - il ne suffit pas de les afficher dans la liste générale - vous devez indiquer que vous devez créer une page distincte pour chacun d'entre eux. Ne lésinez pas sur les photos - affichez les photos de l'objet sous des angles différents.
  5. Démontrez dans le portefeuille de clients bien connus, leurs photos et leurs critiques - cela contribue à augmenter la fidélité des clients et à augmenter leur statut.
  6. S'il y a beaucoup d'exemples dans le portefeuille:

    • faire la pagination;
    • masquer une partie du travail derrière le bouton "Voir plus";
    • faire une recherche de portefeuille.
  1. Terminez la description de poste par un appel à l'action - une offre de vous contacter et d'obtenir le même résultat intéressant sera plus que appropriée.

Scalambur: Travaillez votre travail. C'est comme un livre de notes d'étudiant, pour lequel vous travaillez d'abord, puis elle travaille pour vous.

Regarde la vidéo: Conception Web - Quelle plateforme utiliser pour creer votre site web? (Octobre 2019).

Laissez Vos Commentaires