Ce que vous obtenez
- Un site HTML hors ligne avec accueil, services, tarifs, pages d’offres, travaux, études de cas, à propos, processus, contact, conditions et page 404
- Une grille d’offres avec un forfait mis en avant, un tableau comparatif et une facturation trimestrielle facultative
- Des études de cas avec écrans de téléphone et de navigateur construits en HTML, pas des captures d’écran
- Un validateur des routes, de l’intégrité des données, de l’accessibilité et des restes d’exemples
- En option : détourage du portrait et images de projet réalisés par PopNow après devis
Idéal pour
- Designers UI, UX, de marque et web indépendants
- Développeurs, illustrateurs et photographes solo qui vendent des forfaits
- Consultants et coachs avec des offres à périmètre fixe
Pas fait pour
- Agences avec une équipe et de nombreuses lignes de services
- Boutiques en ligne vendant des produits physiques
- Portfolios calmes centrés sur l’image
Comment l’utiliser
Dans Claude ou ChatGPT
Utilisez le skill PopNow « Site de designer indépendant » (freelance-designer-website) pour ceci : Construisez mon site. Je suis Dana Oyelowo, designer produit à Leeds. Forfaits : Audit 1 200 GBP (1 semaine), Sprint 4 800 GBP (3 semaines), Abonnement 3 500 GBP/mois. Les projets sont dans notes/projects.md.
Dans un agent de code
/popnow-freelance-designer-website Construisez mon site. Je suis Dana Oyelowo, designer produit à Leeds. Forfaits : Audit 1 200 GBP (1 semaine), Sprint 4 800 GBP (3 semaines), Abonnement 3 500 GBP/mois. Les projets sont dans notes/projects.md.
Puis essayez
Chiffrez le détourage de mon portrait depuis photos/me.jpg pour l’accroche.
Deux projets n’ont pas de photos. Chiffrez pour eux des images d’identité dans la même série.
À préparer
- Vos services et deux à quatre forfaits avec de vrais prix et délais
- Deux projets ou plus, avec le problème, les décisions et le résultat
- Une photo de vous à mi-corps sur fond uni, et des photos de vos réalisations
- Facultatif : une clé API PopNow
Skills similaires
Tout voir →- Web
Créateur d’avatar 3D
+25Créez dans votre navigateur un personnage 3D façon peluche et enregistrez-le en PNG transparent ou en page 3D.
- Web
Calendrier heatmap d’activité
+25Une année d’activité quotidienne en calendrier de cases colorées, avec séries, totaux et navigation au clavier.
- Web
Modèle de landing page SaaS IA
+25Papier sable et filets fins autour d’un tableau kanban où un assistant planifie les tâches.
- Web
Section hero animée
+25Un hero de landing page avec un mot de titre qui change en douceur, deux boutons et un large cadre d’image.
- Web
Modèle de site de marque de boissons
+25Site lumineux pour marque de boissons ou snacks : boutique, composeur de caisse, carte des revendeurs et paiement de démo, en un fichier.
- Web
Modèle de site d’agence créative à shader
+25Héros shader orange vivant, déclaration en bas, navigation en pilules et grille d’études de cas décalée.
- Web
Landing page SaaS sombre
+25Un site marketing sombre et très animé pour un logiciel, livré en un seul fichier HTML autonome.
- Web
Site portfolio de designer
+25Six cartes inclinées autour d’un titre qui s’estompe, une carte portrait rouge, des études de cas éditoriales.
- Web
Site portfolio de développeur
+25Un site personnel sombre pour développeurs, avec études de cas, articles, conférences, CV et formulaire de contact.
- Web
Site SaaS éditorial
+25Héros scindé bleu marine, titre serif sur cinq lignes, photo documentaire, bandeaux inclinés et accent cobalt.
- Web
Modèle de site glassmorphism
+25Verre dépoli sur fond noir, grand titre serif à un mot en italique, et inscription par e-mail.
- Web
Site web de produit matériel
+25Noms de modèles fins et géants sur studio argenté, cartes de fiches et gamme à l’échelle réelle.
- Web
Diagramme d’architecture interactif
+25Un schéma système cliquable et hors ligne, construit à partir d’un modèle JSON vérifié, avec les preuves derrière chaque bloc.
- Web
Héros à grille interactive
+25Grille sombre de fins filaments qui se courbe vers le curseur et envoie un anneau à chaque clic.
- Web
Explorateur de graphe de connaissances
+25Transformez vos notes de projet en graphe consultable hors ligne, où chaque affirmation renvoie à sa ligne source.
- Web
Modèle de tableau de bord KPI
+25Quatre indicateurs avec variations, courbe lumineuse, répartition et objectifs, sur papier chaud.
- Web
Landing page à partir de maquettes IA
+25Voyez trois maquettes de page complète, choisissez-en une, et votre agent la code proprement.
- Web
Modèle de site web magazine
+25Un site de magazine digne de l’imprimé, avec articles, rubriques, petite boutique et abonnements, en un seul fichier HTML.
- Web
Héros à animation de particules
+25Texte sur papier chaud, à côté d’une sphère de points qui change à chaque idée.
- Web
Site de marque personnelle
+25Portrait fondu dans du papier chaud sous un fin crochet, affirmations de chaque côté.
- Web
Modèle de site de boutique pour animaux
+25Boutique d’animaux qui fonctionne : catalogue, déclinaisons, panier, planificateur de recharges et paiement de démo, en un HTML.
- Web
Modèle de site de podcast
+25Un site de podcast avec héros lisible, archive d’épisodes, pages d’invités et un lecteur qui continue de jouer en naviguant.
WebSection de tarifs dessinée à la main
+25Tableau de tarifs façon carnet : cartes d’encre légèrement inclinées, bascule annuelle et mode sombre, dans un seul fichier hors ligne.
- Web
Page de lancement produit cinématique
+25Page presque noire façon cinéma : titre serif, scène de nuit encadrée, formulaire de réservation.
- Web
Site de présentation d’article de recherche
+25Une page projet pour votre article avec Figure 1 interactive, résultats, limites et citation en un clic.
- Web
Modèle de dashboard admin
+25Une console de back-office fonctionnelle avec graphiques, tableaux, kanban et calendrier, en un seul fichier HTML hors ligne.
- Web
Modèle de landing page SaaS
+25Un site marketing clair et apaisé pour un logiciel, avec console produit fonctionnelle, tarifs et inscription.
- Web
Site CV portfolio façon scrapbook
+25Un CV en ligne sur plusieurs pages fait d’objets en papier, avec études de cas et CV imprimable.
- Web
Modèle de site e-commerce de sneakers
+25Une boutique complète de chaussures ou de vêtements avec catalogue, fiches produit, panier et paiement de démo, en un fichier HTML.
- Web
Modèle de site de club sportif
+25Site de club, salle ou studio avec planning, pages d’entraîneurs, adhésions, plan des terrains et réservation dans un seul fichier.
- Web
Section mur de témoignages
+25Un mur de citations clients en maçonnerie ou en dérive lente, qui ne publie que les citations dont les personnes ont donné leur accord.
- Web
Modèle de site d’agence de voyages
+25Site centré sur la photo pour circuits, guides ou refuges : recherche de voyages, demandes de réservation et quiz de choix de séjour.
- Web
Modèle de page d’automatisation de workflows
+25Page graphite au titre court, avec un graphe de nœuds vivant qui s’exécute et relance les étapes.
Questions
Comment fonctionne le portrait de l’accroche avec ma propre photo ?
Envoyez une photo à mi-corps sur fond uni. Le détoureur de fond de PopNow la détoure en image transparente, et un filtre SVG de la page la teinte en bleu pâle en mode clair tout en la conservant juste en mode sombre ; ainsi, toute photo s’accorde au design.
Puis-je vendre des forfaits sans système de paiement ?
Oui. Chaque forfait a sa propre page avec planning, livrables, public visé et FAQ, et son bouton mène au formulaire de brief avec le forfait présélectionné. Reliez le formulaire à votre messagerie ou à un service de formulaires au moment de la mise en ligne.
Mes projets n’ont pas de bonnes photos. Que faire ?
PopNow peut générer une étude de matière ou de lieu par projet dans une série cohérente, chiffrée avant son lancement. Ce sont clairement des images d’ambiance, jamais présentées comme des photos de travaux livrés ; les écrans des études de cas sont construits en HTML.
Convient-il aux illustrateurs ou aux consultants ?
Oui. Les travaux deviennent un portfolio de projets en images seules pour le visuel, et pour les consultants les services deviennent des offres et les forfaits des packs, avec des études présentées en problème, approche et résultat.
S’agit-il d’un portfolio de graphisme indépendant ou d’un site de vente ?
Les deux. Les études de cas présentent votre portfolio de graphisme indépendant, tandis que les pages d’offres et le formulaire de brief transforment les visiteurs en projets payés. Il convient aussi à un portfolio de web designer indépendant : remplacez les exemples de travaux et gardez les forfaits.