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
Définir la gouvernance d'un système de design
Gouverner un système de design
Concevoir un système d'animation
Définir le design de mouvement du produit
Prompt Stable Diffusion pour créer un media kit
Un media kit professionnel est un outil indispensable pour tout créateur de contenu, influenceur ou entreprise souhaitant présenter ses statistiques, son identité visuelle et ses offres de collaboration. Grâce à Stable Diffusion, vous pouvez générer des visuels sur mesure pour composer un media kit percutant : arrière-plans élégants, mises en page stylisées, icônes personnalisées et éléments graphiques cohérents avec votre image de marque. Plutôt que de partir d'un template générique, l'IA vous permet de créer des assets visuels uniques qui reflètent véritablement votre univers. Que vous ayez besoin d'un header sophistiqué, de mockups pour vos réseaux sociaux ou d'illustrations thématiques, Stable Diffusion transforme vos descriptions textuelles en visuels haute qualité prêts à intégrer dans votre document. Ce guide vous propose des prompts optimisés pour générer chaque composant visuel de votre media kit, du fond de page aux éléments décoratifs, en passant par les bannières et les séparateurs graphiques. Vous découvrirez comment formuler vos instructions pour obtenir des résultats professionnels, cohérents et adaptés à votre charte graphique personnelle.
Prompt Midjourney pour créer un logo
Créer un logo professionnel avec Midjourney représente une révolution pour les entrepreneurs, freelances et créatifs qui souhaitent obtenir une identité visuelle percutante sans passer par un designer graphique. Midjourney excelle dans la génération d'images stylisées et maîtrise particulièrement bien les codes du design de logo : minimalisme, vectorisation, typographie et symbolisme. En formulant un prompt précis, vous pouvez obtenir en quelques secondes des propositions de logos qui rivalisent avec des créations professionnelles. La clé réside dans la capacité à décrire non seulement l'apparence souhaitée, mais aussi le style graphique, la palette de couleurs et l'ambiance que votre marque doit véhiculer. Que vous cherchiez un logo minimaliste pour une startup tech, un emblème vintage pour une brasserie artisanale ou un monogramme élégant pour une marque de luxe, Midjourney peut générer des concepts visuels solides qui serviront de base à votre identité de marque. Ce guide vous fournit des prompts optimisés, testés et classés par niveau pour maximiser la qualité de vos résultats dès la première génération.