<script>
/* ── Helper commun Newp AI Tools ── */
window.newpCall = async function(payload, onSuccess, onError) {
    /* 1. Vérifier la limite avant d'appeler l'API */
    try {
        const lr = await fetch(newpAI.checkLimit, {
            method: 'POST',
            headers: {'Content-Type':'application/json','X-WP-Nonce':newpAI.nonce},
            body: JSON.stringify({outil: payload.outil || 'inconnu'})
        });
        const ld = await lr.json();
        if (!ld.ok) { onError(ld.error || 'Limite atteinte.'); return; }
    } catch(e) { /* Si check-limit KO, on laisse passer */ }

    /* 2. Appel API */
    try {
        const r = await fetch(newpAI.endpoint, {
            method: 'POST',
            headers: {'Content-Type':'application/json','X-WP-Nonce':newpAI.nonce},
            body: JSON.stringify(payload)
        });
        const data = await r.json();
        if (!r.ok || data.error) { onError(data.error || 'Erreur inconnue (code '+r.status+').'); return; }
        const text = data.content?.map(b=>b.text||'').join('') || '';
        onSuccess(text);
    } catch(e) {
        onError('Erreur réseau — vérifiez votre connexion et réessayez. ('+e.message+')');
    }
};

window.newpSaveLead = async function(payload) {
    try {
        await fetch(newpAI.saveLead, {
            method: 'POST',
            headers: {'Content-Type':'application/json','X-WP-Nonce':newpAI.nonce},
            body: JSON.stringify(payload)
        });
    } catch(e) { /* silencieux */ }
};
</script>
---
title: "Maquette builder"
description: "⚡ Audit gratuit — 30 min Vous voulez voir où vous en êtes vraiment ? On vous montre comment on audite votre visibilité SEO et GEO en 3 minutes. Sans engagement, sans bullshit, avec un plan d'action priorisé à la sortie. Audit SEO gratuit → Audit GEO gratuit → Comment on audite votre visibilité SEO […]"
url: "https://www.newp.fr/maquette-builder/"
author: "Alphonso"
date: "2026-04-14T07:19:45+00:00"
modified: "2026-04-14T07:19:47+00:00"
lang: "fr_FR"
---

# Maquette builder

## Votre *maquette web* générée par l'IA

Décrivez votre projet, l'IA génère une maquette HTML complète et stylée — visualisez votre futur site instantanément.

 ⭐ 4,9/5 Google ✅ +200 clients 🚀 13 ans d'expérience 🔒 Sans engagement

Votre projet

Prénom & Nom \*

Email \*

 

Nom de l'entreprise

Site existant (si refonte)

 

Type de site \* Site vitrineE-commerceRefontePortfolioLanding pageApplication web 

Secteur \* Agence / Services B2BCommerce / RetailRestauration / HôtellerieSanté / Bien-êtreImmobilierArtisanat / BTPFormation / CoachingTech / SaaSMode / BeautéAutre 

 

 Décrivez votre projet, vos objectifs et vos clients cibles \*  

 Style visuel souhaité🎯

Moderne & épuré

🌿

Chaleureux

✨

Luxe & premium

🎨

Dynamique

⚡

Minimaliste

 

 

 🎨 Générer ma maquette🔒 Sans engagement · Maquette générée instantanément

L'IA conçoit votre maquette…

Design complet en cours de génération

 Analyse du secteur et de l'audience cible

 Définition de la structure et des sections

 Création de la direction artistique

 Génération du design HTML complet

 Finalisation et rendu

 

 

 

aperçu-maquette.newp.fr

 

 

 ### 🚀 Votre maquette est prête !

Vous voulez ce site réalisé par nos experts ? Contactez-nous — nous transformons cette maquette en site WordPress performant, SEO-optimisé et conforme RGPD.

 [Contacter Newp pour réaliser ce site →](https://www.newp.fr/contact/) ⭐ 4,9/5 Google ✅ Devis gratuit sous 24h 🔒 Sans engagement 

 

 🔄 Nouveau projet 

var mqStyleVal='Moderne & épuré, palette neutres et accent bleu'; function mqStyle(el){ document.querySelectorAll('#newp-maq .sc').forEach(function(c){c.classList.remove('active');}); el.classList.add('active'); mqStyleVal=el.getAttribute('data-style'); } function mqAnimLoader(){ var ids=\['ls1','ls2','ls3','ls4','ls5'\]; var delays=\[0,2000,4000,6000,8500\]; ids.forEach(function(id,i){ setTimeout(function(){ ids.slice(0,i).forEach(function(p){var e=document.getElementById(p);e.classList.remove('active');e.classList.add('done');}); document.getElementById(id).classList.add('active'); },delays\[i\]); }); } function mqGenerate(){ var nom=document.getElementById('mq-nom').value.trim(); var email=document.getElementById('mq-email').value.trim(); var desc=document.getElementById('mq-desc').value.trim(); var ent=document.getElementById('mq-ent').value.trim()||nom; var type=document.getElementById('mq-type').value; var secteur=document.getElementById('mq-secteur').value; var site=document.getElementById('mq-site').value.trim(); if(!nom||!email||!desc){mqErr('Veuillez renseigner votre nom, email et description du projet.');return;} if(desc.length<30){mqErr('Merci de décrire votre projet en quelques phrases pour un meilleur résultat.');return;} mqErrHide(); document.getElementById('maq-btn').disabled=true; document.getElementById('maq-form').style.opacity='.5'; document.getElementById('maq-loader').style.display='flex'; document.getElementById('maq-result').style.display='none'; document.getElementById('maq-preview-url').textContent=ent.toLowerCase().replace(/\\s+/g,'-')+'.fr'; mqAnimLoader(); var prompt = 'Tu es un expert en webdesign. Génère une maquette HTML/CSS COMPLÈTE et très stylée pour ce projet :\\n\\n' + '- Client : '+nom+' ('+ent+')\\n- Type : '+type+'\\n- Secteur : '+secteur+'\\n- Style : '+mqStyleVal+'\\n'+(site?'- Site actuel : '+site+'\\n':'')+ '- Description : '+desc+'\\n\\n'+ 'INSTRUCTIONS IMPORTANTES :\\n'+ '1. Génère un fichier HTML COMPLET autonome avec le CSS intégré dans

---

*Source : [www.newp.fr](https://www.newp.fr/maquette-builder/)*
