HomeCasa Prompts

Créer un site web professionnel complet

Générez la structure, les textes et le code HTML/CSS d'un site professionnel responsive pour une entreprise, avec SEO de base et accessibilité. Conçu pour ChatGPT, Claude et Gemini. Il comprend 7 variables personnalisables et vous pouvez le copier gratuitement en un clic.

Intermédiaire · Code · En attente de relecture éditoriale

Conçu pour:

Prompt

Agis comme un développeur web senior et un designer UX spécialisé dans les sites de petites entreprises.

Je veux créer le site professionnel de {{business}}, une entreprise de {{industry}} située à {{location}}.
Public cible : {{audience}}.
Objectif principal du site : {{goal}}.

Livre, dans cet ordre :
1. Un plan du site avec les pages nécessaires et l'objectif de chacune.
2. Pour la page d'accueil : la structure des sections (bandeau d'accroche, proposition de valeur, services, preuve sociale, appel à l'action, contact) avec de vrais textes prêts à l'emploi, sur un ton {{tone}}.
3. Du HTML5 sémantique et du CSS moderne (Flexbox/Grid, variables CSS, mobile-first) pour la page d'accueil dans un seul bloc, sans framework externe.
4. Les balises SEO : title (60 caractères maximum), meta description (155 maximum) et données structurées JSON-LD de type LocalBusiness avec des champs d'exemple marqués [À COMPLÉTER].
5. Une liste de contrôle d'accessibilité (contraste, textes alternatifs, navigation au clavier) appliquée au code.

Contraintes :
- N'invente pas de coordonnées, de prix ni d'avis : utilise des marqueurs [À COMPLÉTER].
- Palette de couleurs : {{colors}}.
- Explique brièvement chaque décision de design importante.

Comment l'utiliser

  1. Renseignez les variables avec les données réelles de votre entreprise.
  2. Collez le prompt dans votre assistant IA.
  3. Relisez le code dans un éditeur et remplacez tous les marqueurs [À COMPLÉTER] avant de publier.
  4. Demandez des itérations précises : « rends le bandeau d'accroche plus compact sur mobile » ou « ajoute une section FAQ ».

Exemple d'utilisation

Entreprise : Kiné Lumen · Secteur : kinésithérapie du sport · Lieu : Lyon · Objectif : obtenir des réservations de premier rendez-vous.

Exemple de résultat

1. Plan du site

  • Accueil : présenter le studio et mener à la demande de devis.
  • Services : rénovation complète, projet de décoration, conseil à l'heure.
  • Réalisations : avant/après de logements réels.
  • Contact : formulaire de devis et coordonnées [À COMPLÉTER].

3. Code de la page d'accueil (extrait)

<header class="hero">
  <h1>Votre premier logement, pensé pour grandir avec vous</h1>
  <p>Studio Aurore imagine la rénovation des jeunes familles à Paris : des espaces lumineux, pratiques et à votre mesure.</p>
  <a class="btn" href="#devis">Demandez votre devis gratuit</a>
</header>

<style>
  :root {
    --blanc-casse: #f7f5f0;
    --sauge: #8a9a7b;
    --noir: #1c1c1c;
  }
  body { margin: 0; background: var(--blanc-casse); color: var(--noir); font-family: system-ui, sans-serif; }
  .hero { display: grid; gap: 1rem; padding: 4rem 1.25rem; max-width: 60rem; margin: auto; }
  .btn { justify-self: start; background: var(--noir); color: var(--blanc-casse); padding: .9rem 1.4rem; border-radius: .5rem; }
  .btn:focus-visible { outline: 3px solid var(--sauge); outline-offset: 3px; }
  @media (min-width: 48rem) { .hero { padding: 6rem 2rem; } }
</style>

Le bouton est noir sur blanc cassé (contraste largement supérieur à 4,5:1) ; le vert sauge sert aux accents et à l'indicateur de focus, car il est trop clair pour du texte sur fond clair.

4. SEO

  • Title : Studio Aurore | Décoration et rénovation à Paris
  • Meta description : Rénovation et décoration d'intérieur pour jeunes familles à Paris. Des espaces lumineux et pratiques. Demandez votre devis gratuit…

Informations clés

Catégorie
Programmation et développement · Créer des sites web
Type de résultat
Code
Niveau
Intermédiaire
Conçu pour
ChatGPT, Claude et Gemini
Vérifié sur
En attente de vérification éditoriale
Variables
Nom de l'entreprise, Secteur, Localisation, Public cible, Objectif du site, Ton et Couleurs de la marque
Langue
Français
Prix
Gratuit, sans inscription
Mis à jour
07/11/2026

Questions fréquentes

Puis-je publier directement le code généré par l'IA ?

Utilisez-le comme base : relisez le code dans un éditeur, testez le site sur mobile et sur ordinateur, remplacez les marqueurs [À COMPLÉTER] et vérifiez le contraste et les textes alternatifs avant de publier.

Est-ce utilisable avec WordPress ou d'autres constructeurs de sites ?

Oui. Le plan du site, les textes et les balises SEO peuvent être transposés dans n'importe quel constructeur. Le HTML et le CSS servent de référence de design ou pour un site statique.

Combien de pages doit avoir le site d'une petite entreprise ?

Cela dépend de l'objectif, mais accueil, services, à propos, contact et pages légales suffisent généralement. Le prompt vous propose un plan du site adapté à votre cas.

À quoi sert ce prompt ?

Générez la structure, les textes et le code HTML/CSS d'un site professionnel responsive pour une entreprise, avec SEO de base et accessibilité.

Avec quels outils d'IA fonctionne-t-il ?

Il est conçu pour ChatGPT, Claude et Gemini. Nous ne l'avons pas encore vérifié sur ces outils ; les résultats peuvent donc varier de l'un à l'autre.

Comment personnaliser le prompt ?

Cliquez sur « Personnaliser » et remplissez les variables (Nom de l'entreprise, Secteur, Localisation, Public cible, Objectif du site, Ton et Couleurs de la marque). Le texte se met à jour instantanément et vous pouvez ensuite le copier en un clic. Les valeurs sont stockées uniquement dans votre navigateur.

Faut-il de l'expérience pour l'utiliser ?

Il est de niveau intermédiaire : il vaut mieux connaître le sujet pour fournir un bon contexte et relire le résultat d'un œil critique.

Ce prompt est-il gratuit ?

Oui. Tous les prompts de HomeCasa Prompts sont gratuits, sans inscription ni abonnement. Vous pouvez aussi les utiliser dans des projets professionnels.

Puis-je me fier au résultat de l'IA ?

Considérez-le comme un brouillon de qualité : vérifiez toujours les données, les chiffres et les affirmations importantes avant de publier ou de prendre des décisions.

Prompts similaires