Portefeuille Exemples

Observez les exemples de Portefeuille pour révéler tout le potentiel du widget. Assurez-vous qu’il conviendra à tous vos objectifs.

Exemple 1: Blog de voyage

Concevez votre portefeuille de photos complet et structuré, qui ne montrera pas seulement vos œuvres, mais en informera les utilisateurs. La mise en page Liste organise les projets dans une colonne et ils sont accompagnés d'une brève description. Il est affiché juste sous la couverture du projet grâce à la vue de projet de type Carte. Un simple clic sur le projet et toutes les œuvres apparaissent dans la fenêtre contextuelle, avec du texte et d'autres informations sur le projet. Les utilisateurs ne peuvent pas simplement faire défiler les œuvres, mais également naviguer entre les projets à l'aide des flèches.

Exemple 2: Production vidéo

Affichez toutes vos œuvres dans un portefeuille vidéo élégant, intégré dans une page de site Web. Elfsight Portfolio permet d'ajouter des vidéos Vimeo et YouTube avec des aperçus et de les lire dans le popup directement sur le site. Toutes les actions habituelles: J'aime, Partager et Afficher plus tard sont prises en charge dans la fenêtre contextuelle. Vous pouvez définir le nom de la vidéo, ajouter la date et la description, et inclure un lien vers n'importe quelle adresse. Ou éteignez les éléments pour obtenir un look épuré.

Exemple 3: Concepteur Web

Afficher vos œuvres de différents domaines ne pourrait pas être plus simple, avec un menu de catégorie dans votre portefeuille. Vos projets seront répartis en catégories et les utilisateurs pourront basculer entre elles. Pour visualiser l'essence de chaque projet, vous pouvez télécharger une couverture de projet. Si vous choisissez Aspect de superposition en bas, la description du projet apparaîtra en survolant dans le coin inférieur gauche. L'en-tête aide à promouvoir l'auteur en affichant ses coordonnées et le bouton CTA.

Exemple 4: Séances photo

Avec l'aide de la disposition en grille, vous pouvez façonner vos projets photo en une galerie minimaliste élégante. Ici, il n'y a pas d'en-tête de widget et la description du projet s'affiche au survol, ce qui donne un aspect net et élégant. Les projets sont disposés en grille 3x5 avec une taille de couverture unifiée et une forme carrée pour un aspect uniforme. L'effet noir et blanc au survol lui donne une touche de style et lorsque vous cliquez dessus, les projets ne montrent que des photos sans données supplémentaires.
Commencez par créer votre widget
Commencez par créer votre widget
Vite. Facile. Pas de codage.
Créer un widget

Exemple 5: Maquilleur

Révélez votre nature artistique et concevez un widget vraiment à la mode. Voyez comment la couleur d'arrière-plan va bien avec la couleur du bouton CTA et le texte des détails du contact dans l'en-tête. Tous ces éléments donnent au widget un aspect plus défini et attirent l’attention des utilisateurs. Les photos sont disposées dans une grille avec une gouttière personnalisée et elles n'ont pas de description, ce qui crée une apparence propre et stricte. Les utilisateurs peuvent profiter de toutes les photos du popup et s'adresser à l'auteur via les contacts dans l'en-tête.

Exemple 6: Coiffeur

Lorsqu'il est nécessaire de présenter vos œuvres dans toute la diversité, notre widget peut vous aider. Ces photos des travaux du coiffeur sont disposées en grille 3x3, avec une gouttière assez grande. Les images sont toutes de même taille et de forme carrée. Tout cela crée un aspect cohérent et une telle galerie peut être bien introduite dans une page Web pour démontrer les compétences et l'expérience des auteurs. Popup ouvrira chacune des images en pleine vue pour permettre aux utilisateurs de la regarder dans tous les détails.

Exemple 7: Photographe de mode

Lorsqu'il est important d'afficher vos photos en taille réelle et d'enregistrer les proportions, notre widget propose une mise en page de maçonnerie. Il organise les photos de la manière optimale en sauvegardant leurs paramètres d'origine.La gouttière entre les photos dans cet exemple est très étroite et elles sont placées sur un fond noir - tout cela crée une géométrie élégante et ajoute un contraste. Le photographe peut introduire de manière transparente son nom et ses coordonnées dans l'en-tête. Et les éléments les plus importants - le nom et le bouton CTA - restent affichés même dans la fenêtre contextuelle.

Exemple 8: Photographe produit

Ceci est un autre exemple de la façon dont Elfsight Portfolio correspond parfaitement aux besoins de ceux qui présentent leurs photos sur le site. Ce widget a l'air très vivant et dynamique. Les photos ont la même taille et la même forme carrée, et l'absence de gouttière crée une unité artistique. Bien que les photos montrent des produits absolument différents, elles sont joliment composées ensemble dans un beau collage. Le widget a une taille automatique et remplit tout l'espace libre sur la page.

Exemple 9: Architecture

Des photos d'architecture étonnantes conservent leur caractère impressionnant lorsqu'elles sont présentées via une interface de widget réactive. La largeur automatique fait que les images occupent tout l'espace disponible sur l'écran et paraissent massives. Avec la mise en page Liste, les projets vont les uns sous les autres avec de larges gouttières créant des frontières visuelles entre eux. En survol, les utilisateurs voient un effet en noir et blanc et une animation de zoom. Le type de superposition de l'apparence du projet révèle une brève description du projet uniquement lorsque les utilisateurs survolent le projet, en gardant l'apparence propre.

Exemple 10: Tatoueur

Ces œuvres du tatoueur sont vraiment élégantes et expressives. Ils sont sur fond noir et avec une gouttière assez large. La disposition en maçonnerie permet de visualiser toutes les photos dans leur taille et leurs paramètres d'origine. Toutes les informations sur l'artiste lui-même se trouvent dans l'en-tête du widget. Le titre du widget est également modifié et possède une ligne personnalisée. Les photos des projets peuvent s'ouvrir dans la fenêtre contextuelle ou vous pouvez définir l'adresse à laquelle les utilisateurs seront redirigés pour consultation.

Exemple 11: Photographe de mariage

Ce portfolio d'un photographe de mariage présente les projets et raconte un peu chaque couple. Les projets sont affichés dans une grille par deux en ligne et placés sur un fond d'une douce couleur beige, s'associant au mariage. Chaque projet a le nom affiché en dessous et lorsque vous l'ouvrez, vous verrez une description et les meilleures photos. Notre widget est entièrement adaptable, donc même lorsqu'il est regardé à partir d'un mobile ou d'une tablette, l'interface sera brillante. Et il est facile de réserver une séance photo, avec un bouton CTA menant à une page avec un formulaire de réservation ou une commande.

Example 12: Portfolio for Wedding Photographer

This portfolio of a wedding photographer showcases the projects and tells a little about each couple. The projects are displayed in a grid by two in line and placed upon a background of a soft beige color, associating with wedding. Each project has the name displayed under it and when you open it, you will see a description and the best photos. Our widget is fully adaptable, so even when watched from a mobile or tablet, the interface will look brilliant. And it’s easy to book a photo shoot, with CTA button leading to a page with booking form or order placing.

Rejoignez 305,165 clients utilisant déjà Elfsight Apps

Essayez plus de 50 applications puissantes d'Elfsight. Pas de carte de crédit. L'adhésion est gratuite!
Commencer
Obtenez 20% de réduction maintenant!