Ce que vous obtenez

  • Deux ou trois maquettes de page complète dans des directions artistiques différentes, parmi une bibliothèque de dix
  • La maquette retenue construite en page statique ou en composants dans votre projet, avec de vrais textes
  • Images du héros et des sections redessinées proprement à la bonne taille, exportées en WebP responsive
  • Captures ordinateur et téléphone, une comparaison côte à côte avec la maquette et un rapport qualité
  • Un rapport de contrôle des habitudes produites par machine, avec les corrections appliquées

Idéal pour

  • Pages de lancement de startups, d’applications et de produits
  • Pages de lancement et de liste d’attente qui ont besoin d’un style distinct
  • Refondre une page qui ressemble à un modèle générique

Pas fait pour

  • Reproduction au pixel près d’un fichier de maquette existant
  • Sites multipages avec logique applicative ou CMS
  • Modèles d’e-mails

Comment l’utiliser

Dans Claude ou ChatGPT

Utilisez le skill PopNow « Landing page à partir de maquettes IA » (landing-page-from-mockup) pour ceci : Page de lancement pour Lumen Notes, une application de notes en texte brut qui suggère des notes liées pendant la frappe. Gratuit sur un appareil, Pro à 6 $ par mois. Pas encore de témoignages.

Dans un agent de code

/popnow-landing-page-from-mockup Page de lancement pour Lumen Notes, une application de notes en texte brut qui suggère des notes liées pendant la frappe. Gratuit sur un appareil, Pro à 6 $ par mois. Pas encore de témoignages.

Puis essayez

Prenez le héros de la maquette B et le tableau des tarifs de la maquette A.

Construisez-la dans notre projet Astro sous site/ et relancez la revue.

À préparer

  • Nom du produit, audience et la promesse du titre
  • De trois à quatre fonctionnalités, chacune avec un détail concret, plus formules et tarifs
  • Des preuves que vous pouvez défendre (vraies citations, chiffres ou faits)
  • Une clé API PopNow, et votre DESIGN.md si la marque est déjà définie

Skills similaires

Tout voir →

Questions

Pourquoi faire des maquettes avant d’écrire du code ?

Choisir entre des pages d’allure finie est plus rapide et plus honnête que décrire un style avec des mots. Cela donne aussi à la construction une cible concrète, si bien que la comparaison de captures peut dire précisément où le code s’est écarté.

Que génère PopNow, et combien cela coûte-t-il ?

Les maquettes (environ 30 à 35 crédits chacune) et, si vous le voulez, des images de héros et de sections propres (environ 35 à 75 crédits chacune). Un passage complet type coûte environ 275 crédits ; le mode allégé avec une maquette coûte environ 35. Chaque génération est chiffrée d’abord et ne démarre qu’après votre accord.

Faut-il installer quelque chose ?

Node et Python 3, ainsi qu’un Chrome, Chromium ou Edge local pour les captures. Playwright est utilisé si votre projet l’a déjà. Il n’y a pas d’autre dépendance.

La page contiendra-t-elle du texte présent dans les images de maquette ?

Non. Les maquettes sont des images, et leur petit texte peut être déformé. Titres, fonctionnalités, prix et FAQ viennent de votre bref, et tout ce que l’agent a dû rédiger est listé pour que vous le confirmiez.