Ce que vous obtenez
- Un fichier HTML avec polices et images intégrées, ou une version Next.js, React, Vue ou Astro
- Accueil, catalogue avec filtres, fiches produit, collections, panier et paiement de démonstration
- Pages guide des tailles, livraison, FAQ, contact, à propos, newsletter, mentions légales et 404
- Un validateur qui vérifie les liens, la structure, le fonctionnement hors ligne et les noms d’exemple oubliés
- En option : photos produit et campagne assorties par PopNow, chiffrées avant chaque lancement
Idéal pour
- Marques de sneakers, de chaussures et de vêtements de sport
- Petites marques de vêtements qui veulent un look de campagne
- Prototypes de boutique à confier à un développeur avant de brancher un vrai panier
Pas fait pour
- Encaisser de vrais paiements dès aujourd’hui : le paiement reste une démo tant qu’aucun prestataire n’est connecté
- Catalogues de centaines d’articles qui nécessitent une base de données
- Identités de marque criardes, sombres ou néon
Comment l’utiliser
Dans Claude ou ChatGPT
Utilisez le skill PopNow « Modèle de site e-commerce de sneakers » (sneaker-store-website) pour ceci : Créez une boutique pour Northfold, une petite marque de chaussures de trail qui vend cinq modèles en EUR, avec livraison gratuite dès 120 EUR et 30 jours pour les retours.
Dans un agent de code
/popnow-sneaker-store-website Créez une boutique pour Northfold, une petite marque de chaussures de trail qui vend cinq modèles en EUR, avec livraison gratuite dès 120 EUR et 30 jours pour les retours.
Puis essayez
Placez mes photos produit de ./photos sur le fond de la boutique et indiquez-moi d’abord le prix.
Portez la boutique dans mon projet Next.js et gardez le paiement en démo.
À préparer
- Noms de produits, prix, coloris et tailles
- Deux à quatre collections et vos conditions de livraison et de retour
- Photos produit, ou une clé API PopNow pour les générer
- Adresse et horaires du magasin si vous en avez un
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 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 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 paiement encaisse-t-il de vrais règlements ?
Non. Il valide le formulaire, ajuste les totaux selon le mode de livraison et affiche une confirmation, mais il s’arrête clairement avant le paiement. Connecter un prestataire de paiement est une étape distincte dans un vrai projet.
Puis-je utiliser mes propres photos produit ?
Oui. Déposez-les et le skill les utilise telles quelles ou, avec votre accord et un devis en crédits, les place sur le fond assorti de la boutique ou les détoure avec PopNow pour une grille homogène.
Fonctionne-t-il pour des vêtements plutôt que des chaussures ?
Oui. Les pointures deviennent des tailles en lettres, le guide des pointures devient un tableau de mesures et les options de largeur deviennent des coupes. Collections et gammes peuvent être renommées ou supprimées.
Et si je n’ai pas de clé API PopNow ?
La boutique se construit quand même. Les produits reçoivent des vignettes de remplacement légendées ou vos propres photos, et la réponse liste les emplacements qui attendent encore des images.