
Galerie d'aperçus
Skills similaires
Voir tous les SkillsCe que vous obtenez
- Un seul fichier portfolio autonome pour votre activité, qui s'ouvre dans n'importe quel navigateur et fonctionne hors ligne, polices et images intégrées ; un portage dans votre propre projet sur framework si vous en avez un.
- Des études de cas avec planches d'identité, des pages de services avec récapitulatifs de prix, un journal, ainsi que filtres, recherche, tri, vues grille et liste et un widget de réservation fonctionnels.
- Le style signature dans un exemple de 28 pages avec 14 images créées sur mesure : cartes flottantes, tuile portrait rouge, typographie estompée, animations calmes et prise en charge complète de la réduction des animations.
Idéal pour
- Designers indépendants de marque, web et produit qui veulent un portfolio publiable tel quel.
- Petits studios qui peuvent transformer la tuile rouge en portrait du fondateur ou de l'équipe et écrire à la première personne du pluriel.
- Designers qui vendent des services à prix fixe et veulent des pages de services claires, une frise du processus et un parcours de réservation.
Pas pour
- Une vraie réservation d'agenda, l'envoi d'e-mails ou des paiements ; les formulaires affichent uniquement des confirmations de démonstration honnêtes.
- Les photographes ou agences qui ont besoin d'une galerie d'images dense et pleine page plutôt que d'études de cas sobres.
- Présenter la fictive Elin Saro, ses clients ou ses citations comme de vrais travaux.
Identité visuelle et charte graphiqueWeb design et expériences numériquesCréer un site portfolioStyle verrouilléRésultat modifiableBentoFantômePortraitProcessus
À propos de ce Skill

Portfolio de designer Bento crée un site portfolio pour un designer indépendant, un studio ou une petite marque : une scène gris pâle, un titre sur deux lignes dont la seconde s'estompe, six cartes bento flottantes autour d'une tuile portrait rouge et des études de cas sobres. L'exemple met en scène Elin Saro, designer fictive basée à Rotterdam, avec 28 pages reliées où chaque filtre, formulaire et étape de réservation fonctionne.

Ce que vous obtenez
- Un seul fichier de site autonome qui s'ouvre dans n'importe quel navigateur et fonctionne hors ligne, polices et images intégrées. Si vous avez déjà un projet sur un framework, le design y est porté à la place.
- Un portfolio complet : un index des projets, six études de cas avec planches d'identité, une page à propos, des services avec quatre pages détaillées et des récapitulatifs de prix, le processus, les avis, un journal de quatre articles, la réservation, une FAQ, une newsletter, la confidentialité, un colophon et une page introuvable soignée.
- Des contrôles fonctionnels : puces de catégorie avec compteurs, recherche en direct, tri, vues grille et liste, un widget de réservation avec jour, heure et sujet, et des formulaires avec validation et états de réussite.
- Une direction artistique unique pour 14 images : douce lumière du nord, surfaces gris chaud pâle et un seul élément rouge, l'identité de chaque client étant montrée sous forme d'objets réels plutôt que d'écrans.
- Des animations calmes : les cartes se posent une seule fois, les sections apparaissent au défilement, et le réglage de réduction des animations rend tout instantané.

Comment l'utiliser
- Indiquez votre nom ou celui de votre studio, ce que vous concevez, vos projets avec clients et résultats, vos services, vos prix et vos coordonnées. Tout ce qui manque est rédigé sous forme d'espace réservé plausible et listé pour que vous le confirmiez.
- Envoyez un portrait à mi-corps pour la tuile rouge et des photos de vos travaux, ou laissez l'agent générer des natures mortes de projets dans la même lumière douce. Les portraits générés ne sont que des substituts en attendant les vôtres.
- Ouvrez chaque page sur ordinateur et sur mobile, testez les filtres, la réservation et les formulaires, puis demandez des modifications.

La typographie utilise Instrument Sans et Geist Mono, intégrées au fichier. Les nouvelles images proviennent de l'outil d'image de votre agent et peuvent entraîner des frais d'utilisation.
Ce qu'il vous faut avant de commencer
- Vous fournissez
- Votre nom ou celui de votre studio, ce que vous concevez et une courte présentation · Des projets avec client, année, catégorie et résultat, ainsi que vos services, prix et coordonnées · Un portrait à mi-corps et des photos de projets, ou votre accord pour générer des images de substitution
- Dépendances
- Node.js 18 ou version ultérieure sur la machine de votre agent, pour exécuter le script fourni qui génère le fichier unique hors ligne · Un accès à Internet pendant la génération du fichier, pour télécharger une fois les polices et les intégrer · Un outil d'image dans votre agent, ou vos propres photos, pour le portrait et les images de projets · Un navigateur récent pour prévisualiser et relire chaque page
- Coûts externes
- Les nouvelles images de projets et de portrait sont générées avec l'outil d'image de votre agent, qui peut être payant. Sans cet outil, fournissez vos propres photos ; six images neutres peuvent rester en espaces réservés. Consulter l'exemple est gratuit.
- Dernier test
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Avis des utilisateurs
Chargement des avis…









