Ce que vous obtenez
- Un fichier HTML avec polices et images intégrées, sans aucune requête réseau
- Héros shader, bandeau de clients, bande de studio, grille de travaux décalée et index de projets consultable
- Une page par étude de cas, plus journal, confidentialité, conditions et page introuvable
- Onglets de services, formules avec sélecteur de devise, devis, équipe, FAQ et formulaire de brief de projet
- En option : photos de studio, de cas et d’équipe, et boucle de carte d’étude de cas générées avec PopNow après devis
Idéal pour
- Studios de design, d’identité de marque, de web, de motion et de 3D
- Indépendants et petits cabinets de conseil qui ont de vrais projets à montrer
- Cabinets d’architecture et d’aménagement qui veulent un portfolio calme et haut de gamme
Pas fait pour
- Boutiques en ligne ou marques sombres et très néon
- Pages qui doivent avoir une photo ou une vidéo derrière le titre
- Sites sans travaux finis à présenter
Comment l’utiliser
Dans Claude ou ChatGPT
Utilisez le skill PopNow « Modèle de site d’agence créative à shader » (creative-agency-website) pour ceci : Construisez le site de Quarrow, un studio de marque et de web de quatre personnes à Porto. Projets : relance d’une boutique de céramique, une appli d’horaires de ferry et une identité de boulangerie. Formules : Sprint, Launch, Retainer.
Dans un agent de code
/popnow-creative-agency-website Construisez le site de Quarrow, un studio de marque et de web de quatre personnes à Porto. Projets : relance d’une boutique de céramique, une appli d’horaires de ferry et une identité de boulangerie. Formules : Sprint, Launch, Retainer.
Puis essayez
Chiffrez les photos des trois études de cas et une grille d’équipe avant de générer quoi que ce soit.
Transformez la carte de l’étude ferry en boucle vidéo lente à partir de sa photo principale, et donnez-moi le prix d’abord.
À préparer
- Nom du studio, une phrase de positionnement, les villes et les coordonnées
- De deux à six projets, avec le brief, ce que vous avez fait et un résultat mesurable
- Les services, la façon dont les clients vous engagent et les personnes qui dirigent
- En option : une clé API PopNow, ou vos propres photos de studio et de projets
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.
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 designer
+3Six cartes inclinées autour d’un titre qui s’estompe, une carte portrait rouge, des études de cas éditoriales.
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
Le shader ralentit-il la page ?
Il se rend à résolution réduite avec un ratio de pixels plafonné, se met en pause quand le héros sort de l’écran ou quand l’onglet est masqué, et affiche une seule image fixe si le mouvement réduit est activé. Une version CSS du même rendu sert de base, si bien que la page paraît finie même sans WebGL.
Que génère PopNow ici ?
Des photos pour la bande du studio, chaque étude de cas et l’équipe, toutes dans une même direction artistique, plus une boucle lente optionnelle qui remplace l’image fixe d’une carte d’étude. Le héros lui-même est du code et n’exige rien. Chaque lancement est chiffré en crédits et ne démarre qu’après votre accord.
Puis-je l’utiliser sans clé API PopNow ?
Oui. Les photos de studio fournies peuvent rester en remplacements neutres, les médias de cas peuvent devenir des panneaux CSS aux couleurs de chaque client, et les devis utilisent des avatars d’initiales. Le skill liste les emplacements qui attendent encore de vraies photos.
Puis-je changer l’accent orange ?
Oui, par quelques jetons et les préréglages de couleur du shader. La page garde un seul accent et évite les teintes violettes, ce que le validateur vérifie ; un DESIGN.md de marque présent dans votre projet est relié à ces jetons.