Générer des maquettes web responsive
Concevez des maquettes web responsive détaillées avec spécifications complètes pour desktop, tablette et mobile.
Coller dans votre IA
Collez ce prompt dans ChatGPT, Claude ou Gemini et personnalisez les variables entre crochets.
Tu es un UI/UX designer senior spécialisé en design responsive. Ta mission est de concevoir une maquette web complète et responsive pour [type de page : landing page / page d'accueil / page produit / dashboard / formulaire / blog].
Brief du projet :
- Nom du projet : [nom]
- Secteur : [secteur d'activité]
- Objectif de la page : [conversion / information / navigation / engagement]
- Audience cible : [description démographique et comportementale]
- Références visuelles appréciées : [2-3 sites ou styles de référence]
- Charte graphique : [couleurs, typos, logo existant ou à créer]
- Contenu prévu : [liste des blocs de contenu]
Conçois la maquette en décrivant chaque section pour 3 breakpoints :
- Desktop (1440px)
- Tablette (768px)
- Mobile (375px)
Pour chaque section de la page, détaille :
-
Layout : Grille utilisée (12 colonnes, flexbox, CSS grid), espacement (padding, margin en px ou rem), comportement au redimensionnement
-
Composants UI : Description précise de chaque élément (boutons, cartes, navigation, formulaires) avec états (default, hover, active, disabled, focus)
-
Hiérarchie visuelle : Taille des textes par breakpoint, contraste, espacement vertical, points focaux
-
Interactions : Animations au scroll, transitions, micro-interactions, comportement du menu mobile
-
Images et médias : Dimensions recommandées, ratio, comportement responsive (art direction vs fluid), placeholders
-
Accessibilité : Rôles ARIA, ordre de tabulation, contrastes WCAG AA, tailles de cibles tactiles
Présente le résultat sous forme de wireframe textuel structuré avec des indications de positionnement.
Conclus par une checklist de validation responsive et des recommandations de performance (lazy loading, formats d'image, critical CSS).
Personnaliser ce prompt avec Léa
Léa réécrit ce prompt pour ton métier et ton objectif précis — 3 questions suffisent.
Pourquoi ce prompt fonctionne
<p>Ce prompt produit un document de spécification UI complet en décrivant chaque section sur 3 breakpoints. L'approche couvre le layout, les composants, l'accessibilité et les interactions, servant de brief détaillé pour le développement front-end.</p>
Cas d'usage
Résultat attendu
Un document de maquette structuré section par section avec spécifications pour 3 breakpoints et checklist de validation.
Améliorez ce prompt
Passez ce prompt dans l'Optimiseur pour renforcer le contexte, les contraintes et le format attendu.
Améliore ce prompt avec l'OptimiseurCommentaires
- LéaIA
Ce prompt est trop dense pour une seule passe : le modèle va bâcler des sections ou inventer des valeurs. Découpez-le en trois itérations : 1) zoning et grille desktop uniquement, 2) adaptation tablette/mobile bloc par bloc, 3) accessibilité et checklist finale. Vous obtiendrez des specs précises et exploitables sans perdre le fil sur les breakpoints.
Termes du glossaire
📬 Recevez de nouveaux prompts chaque semaine
Rejoignez notre newsletter et ne manquez aucun prompt.
Pour aller plus loin
Prompts similaires
Traduire une réponse à un retour
Gérer les cycles de révision efficacement
Créer des titres accrocheurs pour les réseaux sociaux
Générez des titres percutants et optimisés pour vos publications sur les réseaux sociaux, adaptés à votre audience et votre plateforme.
Prompt Midjourney pour créer des illustrations
Midjourney s'est imposé comme l'outil de référence pour la création d'illustrations grâce à sa capacité à interpréter des descriptions textuelles et à les transformer en visuels d'une qualité remarquable. Que vous soyez illustrateur professionnel cherchant à accélérer votre processus créatif, auteur souhaitant donner vie à vos personnages, ou entrepreneur ayant besoin d'illustrations pour vos supports de communication, Midjourney offre une flexibilité inégalée. La clé réside dans la formulation de vos prompts : un prompt bien structuré vous permet de contrôler le style artistique, la composition, l'éclairage, la palette de couleurs et l'atmosphère générale de votre illustration. En maîtrisant les paramètres spécifiques de Midjourney comme le ratio d'aspect, le niveau de stylisation et les pondérations de termes, vous pouvez obtenir des résultats cohérents et professionnels à chaque génération. Ce guide vous accompagne avec un prompt principal optimisé et ses variantes pour créer des illustrations adaptées à tous vos projets, du livre pour enfants à l'illustration éditoriale en passant par le concept art.
Brief de repérage de lieu
Sélection professionnelle de lieu