Ce que vous obtenez
- Un portfolio de 28 pages en un seul fichier HTML hors ligne, ou porté dans votre framework
- Héros à cartes flottantes, grille de projets et études de cas avec planches d’identité
- Filtres de réalisations, carrousel d’avis, onglets de méthode, formulaires de réservation et de contact
- Un validateur pour la sécurité hors ligne, la structure et les noms d’exemple oubliés
- En option : scènes de projets PopNow et recadrage du portrait, chiffrés d’abord
Idéal pour
- Designers de marque, graphiques et produit
- Photographes, illustrateurs et petits studios
- Indépendants qui décrochent des missions grâce aux études de cas et aux appels
Pas fait pour
- Portfolios de développeurs centrés sur le code
- CV d’une seule page
- Galeries de centaines d’images
Comment l’utiliser
Dans Claude ou ChatGPT
Utilisez le skill PopNow « Site portfolio de designer » (designer-portfolio-website) pour ceci : Créez mon portfolio : je suis Ada Lind, designer packaging à Lisbonne, cinq projets dans ./work avec des notes dans projects.md.
Dans un agent de code
/popnow-designer-portfolio-website Créez mon portfolio : je suis Ada Lind, designer packaging à Lisbonne, cinq projets dans ./work avec des notes dans projects.md.
Puis essayez
Deux projets n’ont que des photos prises au téléphone. Refaites-les sous la lumière du site et donnez-moi le devis d’abord.
Portez-le sur notre site Astro avec une route par projet.
À préparer
- Nom, biographie, ville, coordonnées et disponibilités
- Au moins trois projets avec photos, briefs et citations réelles de clients
- Services et tarifs, et un portrait ou l’accord pour un remplaçant étiqueté
Skills similaires
Tout voir →Créateur d’avatar 3D
+3Créez dans votre navigateur un personnage 3D façon peluche et enregistrez-le en PNG transparent ou en page 3D.
Calendrier heatmap d’activité
+3Une année d’activité quotidienne en calendrier de cases colorées, avec séries, totaux et navigation au clavier.
Modèle de landing page SaaS IA
+3Papier sable et filets fins autour d’un tableau kanban où un assistant planifie les tâches.
Section hero animée
+3Un hero de landing page avec un mot de titre qui change en douceur, deux boutons et un large cadre d’image.
Modèle de site d’agence créative à shader
+3Héros shader orange vivant, déclaration en bas, navigation en pilules et grille d’études de cas décalée.
Landing page SaaS sombre
+3Un site marketing sombre et très animé pour un logiciel, livré en un seul fichier HTML autonome.
Site portfolio de développeur
+3Un site personnel sombre pour développeurs, avec études de cas, articles, conférences, CV et formulaire de contact.
Site SaaS éditorial
+3Héros scindé bleu marine, titre serif sur cinq lignes, photo documentaire, bandeaux inclinés et accent cobalt.
Modèle de site glassmorphism
+3Verre dépoli sur fond noir, grand titre serif à un mot en italique, et inscription par e-mail.
Site web de produit matériel
+3Noms de modèles fins et géants sur studio argenté, cartes de fiches et gamme à l’échelle réelle.
Diagramme d’architecture interactif
+3Un schéma système cliquable et hors ligne, construit à partir d’un modèle JSON vérifié, avec les preuves derrière chaque bloc.
Héros à grille interactive
+3Grille sombre de fins filaments qui se courbe vers le curseur et envoie un anneau à chaque clic.
Explorateur de graphe de connaissances
+3Transformez vos notes de projet en graphe consultable hors ligne, où chaque affirmation renvoie à sa ligne source.
Modèle de tableau de bord KPI
+3Quatre indicateurs avec variations, courbe lumineuse, répartition et objectifs, sur papier chaud.
Landing page à partir de maquettes IA
+3Voyez trois maquettes de page complète, choisissez-en une, et votre agent la code proprement.
Modèle de site web magazine
+3Un site de magazine digne de l’imprimé, avec articles, rubriques, petite boutique et abonnements, en un seul fichier HTML.
Héros à animation de particules
+3Texte sur papier chaud, à côté d’une sphère de points qui change à chaque idée.
Site de marque personnelle
+3Portrait fondu dans du papier chaud sous un fin crochet, affirmations de chaque côté.
Page de lancement produit cinématique
+3Page presque noire façon cinéma : titre serif, scène de nuit encadrée, formulaire de réservation.
Modèle de dashboard admin
+3Une console de back-office fonctionnelle avec graphiques, tableaux, kanban et calendrier, en un seul fichier HTML hors ligne.
Modèle de landing page SaaS
+3Un site marketing clair et apaisé pour un logiciel, avec console produit fonctionnelle, tarifs et inscription.
Site CV portfolio façon scrapbook
+3Un CV en ligne sur plusieurs pages fait d’objets en papier, avec études de cas et CV imprimable.
Modèle de site e-commerce de sneakers
+3Une boutique complète de chaussures ou de vêtements avec catalogue, fiches produit, panier et paiement de démo, en un fichier HTML.
Modèle de page d’automatisation de workflows
+3Page graphite au titre court, avec un graphe de nœuds vivant qui s’exécute et relance les étapes.
Questions
Est-il réservé aux designers graphiques ?
Non. Les sections s’adaptent aux photographes, designers produit et UX, illustrateurs, architectes et petits studios : les projets deviennent des commandes ou des études de cas, et les services deviennent des forfaits ou des abonnements.
Les formulaires de réservation et de contact envoient-ils quelque chose ?
Ils valident et confirment sur la page, et indiquent clairement que rien n’a été envoyé. Reliez un service de formulaire ou d’agenda au moment de la mise en ligne.
PopNow peut-il faire un portrait de moi ?
Seulement à partir de votre propre photo, par exemple en la recadrant sur le fond rouge. Il n’invente jamais un portrait qu’il présenterait comme le vôtre ; les personnes générées dans le modèle sont étiquetées comme remplaçants.
Comment être sûr qu’il ne reste rien de l’exemple ?
Lancez le validateur fourni. Il fait échouer la compilation si subsistent le nom du designer d’exemple, les clients, les personnes citées, le domaine, le téléphone ou les identifiants de projet, et vérifie que chaque lien mène à une page.