<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Création application mobile clé en main pour 5000€ tout compris. Développement d'app mobile sur mesure, iOS Android prix fixe.">
<meta name="keywords" content="tarif pour création application mobile, création application mobile prix, application mobile clé en main, développer une application mobile pas cher, app mobile 5000 euros, devis application mobile, application iOS Android prix fixe, créer mon app mobile, application mobile tout compris">
<meta name="author" content="App Pour 5000">
<title>App Pour 5000€ - Votre application mobile tout compris</title>
<link rel="canonical" href="https://app-pour5000.fr/">
<link rel="icon" type="image/png" href="icon.png">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
<link rel="stylesheet" href="style.css">
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-1065459965"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'AW-1065459965');
</script>
<script>
gtag('event', 'conversion', {'send_to': 'AW-1065459965/G0bACJ0F_9wBEP3BhvwD'});
</script>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-7NLXQ14KL6"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-7NLXQ14KL6');
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "App Pour 5000€",
"url": "https://app-pour5000.fr/",
"logo": "https://app-pour5000.fr/logo.svg",
"email": "contact@app-pour5000.fr",
"address": {
"@type": "PostalAddress",
"addressLocality": "Barcelone",
"addressCountry": "ES"
},
"founder": [
{ "@type": "Person", "name": "Christophe" },
{ "@type": "Person", "name": "Lucas" }
],
"description": "Développement d'applications mobiles iOS et Android clé en main, prix fixe, backend Django inclus."
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Service",
"serviceType": "Développement d'application mobile",
"provider": {
"@type": "Organization",
"name": "App Pour 5000€",
"url": "https://app-pour5000.fr/"
},
"areaServed": "FR",
"offers": [
{
"@type": "Offer",
"name": "Pack Standard",
"price": "5000",
"priceCurrency": "EUR",
"description": "Application mobile iOS et Android, 10 écrans maximum, modules standards inclus, backend Django, publication sur les stores, support 30 jours."
},
{
"@type": "Offer",
"name": "Pack Premium",
"price": "10000",
"priceCurrency": "EUR",
"description": "Pack Standard sans limite d'écrans, interface et backoffice personnalisés, paiements Stripe, IA, chat temps réel, tests unitaires, formation d'équipe."
}
]
}
</script>
</head>
<body class="home-page">
<div class="bg-orbs" aria-hidden="true">
<div class="orb orb-1"></div>
<div class="orb orb-2"></div>
<div class="orb orb-3"></div>
</div>
<header class="header" id="header">
<nav class="nav container">
<a class='logo' href='/'>
<img src="icon.png" alt="App Pour 5000€" class="logo-icon">
App Pour 5000€
</a>
<ul class="nav-menu desktop-menu" id="nav-menu">
<li><a class='active' href='/'>Accueil</a></li>
<li><a href='/modules'>Modules</a></li>
<li><a href='/packs'>Packs</a></li>
<li><a href='/contact'>Contact</a></li>
<li class="nav-extra"><a href='/prototype-ia'>Prototype IA</a></li>
<li class="nav-extra"><a href='/qui-sommes-nous'>Qui sommes-nous</a></li>
<li class="nav-extra"><a href='/faq'>FAQ</a></li>
</ul>
<div class="nav-actions">
<a class='nav-link-secondary' href='/faq'>FAQ</a>
<a class='nav-cta' href='/contact'>Démarrer</a>
</div>
<div class="mobile-menu-toggle" id="mobile-menu-toggle">
<span></span>
<span></span>
<span></span>
</div>
</nav>
</header>
<main>
<!-- Hero -->
<section class="hero">
<div class="hero-decor" aria-hidden="true">
<div class="glass-shape shape-1"></div>
<div class="glass-shape shape-2"></div>
<div class="phone-mockup">
<div class="phone-screen">
<div class="phone-bar"></div>
<div class="phone-content">
<div class="phone-line"></div>
<div class="phone-line short"></div>
<div class="phone-card"></div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="hero-content fade-in-up">
<h1>Votre application Mobile pour 5000€ tout compris</h1>
<p class="subtitle">Développement sur mesure iOS & Android. Prix fixe, qualité premium, livraison rapide.</p>
<div class="price-card glass-card">
<div class="price-card-label">Prix fixe</div>
<div class="price">5000€</div>
<ul class="price-includes">
<li><i class="fas fa-check"></i> Design & maquettes</li>
<li><i class="fas fa-check"></i> Développement complet</li>
<li><i class="fas fa-check"></i> Mise en ligne stores</li>
</ul>
</div>
<p class="price-note">Le prix du nocode. La qualité du vrai développement.</p>
<a class='cta-button hero-cta' href='/contact'>Démarrer mon projet</a>
</div>
</div>
</section>
<!-- Features -->
<section class="features">
<div class="container">
<h2 class="section-title">Que contient notre offre ?</h2>
<div class="features-grid">
<div class="feature-card glass-card">
<div class="feature-icon icon-purple"><i class="fas fa-mobile-alt"></i></div>
<h3>10 écrans maximum</h3>
<p>Interface simple avec éléments standard Ionic, couleurs et polices personnalisées selon vos besoins.</p>
</div>
<div class="feature-card glass-card">
<div class="feature-icon icon-blue"><i class="fas fa-puzzle-piece"></i></div>
<h3>Modules complets inclus</h3>
<p>Géolocalisation, notifications, authentification, paiements, chat et bien plus — tout ce qu'il faut pour une app non basique.</p>
</div>
<div class="feature-card glass-card">
<div class="feature-icon icon-cyan"><i class="fas fa-server"></i></div>
<h3>Backend inclus</h3>
<p>API REST, base de données PostgreSQL et interface d'administration Django. Tout ce qu'il faut pour faire fonctionner votre app.</p>
</div>
<div class="feature-card glass-card">
<div class="feature-icon icon-pink"><i class="fas fa-store"></i></div>
<h3>Publication sur les stores</h3>
<p>Mise en ligne sur Apple App Store et Google Play Store avec toutes les démarches incluses.</p>
</div>
<div class="feature-card glass-card">
<div class="feature-icon icon-green"><i class="fas fa-headset"></i></div>
<h3>Support 30 jours</h3>
<p>Accompagnement et corrections inclus pendant 30 jours après la livraison.</p>
</div>
<div class="feature-card glass-card">
<div class="feature-icon icon-orange"><i class="fas fa-rocket"></i></div>
<h3>Développement rapide</h3>
<p>Livraison en 1 mois avec suivi hebdomadaire de l'avancement.</p>
</div>
</div>
</div>
</section>
<!-- How it works -->
<section class="how-it-works">
<div class="container">
<h2 class="section-title">Comment ça marche</h2>
<div class="steps-grid">
<div class="step-card glass-card step-active">
<div class="step-number">1</div>
<h3>Entretien de qualification</h3>
<p>On discute de vos besoins en 30 minutes pour valider l'éligibilité de votre projet à l'offre 5000€.</p>
</div>
<div class="step-card glass-card">
<div class="step-number">2</div>
<h3>Développement sur mesure</h3>
<p>1 mois de développement avec livraison hebdomadaire sur Android pour suivre l'avancement en temps réel.</p>
</div>
<div class="step-card glass-card">
<div class="step-number">3</div>
<h3>Livraison & publication</h3>
<p>Application finalisée, publiée sur les stores Apple & Google, avec 30 jours de support inclus.</p>
</div>
</div>
</div>
</section>
<!-- Tech Stack -->
<section class="tech-stack">
<div class="container">
<h2 class="section-title">Notre stack technique</h2>
<div class="tech-grid">
<div class="tech-card glass-card">
<div class="tech-icon"><i class="fab fa-angular"></i></div>
<div class="tech-info">
<h4>Ionic / Angular</h4>
<p>App hybride iOS & Android</p>
</div>
</div>
<div class="tech-card glass-card">
<div class="tech-icon"><i class="fas fa-bolt"></i></div>
<div class="tech-info">
<h4>Capacitor</h4>
<p>Accès natif aux fonctionnalités</p>
</div>
</div>
<div class="tech-card glass-card">
<div class="tech-icon"><i class="fab fa-python"></i></div>
<div class="tech-info">
<h4>Django</h4>
<p>API REST & admin CRUD</p>
</div>
</div>
<div class="tech-card glass-card">
<div class="tech-icon"><i class="fas fa-database"></i></div>
<div class="tech-info">
<h4>PostgreSQL</h4>
<p>Base de données scalable</p>
</div>
</div>
</div>
</div>
</section>
<!-- Trust signals -->
<section class="trust-section">
<div class="container">
<h2 class="section-title">Pourquoi nous faire confiance ?</h2>
<div class="trust-grid">
<div class="trust-card glass-card">
<div class="trust-quote">« Plus de 200 applications livrées depuis 2010. On connaît les bottlenecks, la sécurité et les guidelines des stores. »</div>
<div class="trust-author">
<div class="trust-avatar"><i class="fas fa-code"></i></div>
<div>
<div class="trust-name">200+ apps réalisées</div>
<div class="trust-role">15 ans d'expérience mobile</div>
</div>
</div>
</div>
<div class="trust-card glass-card">
<div class="trust-quote">« Développement 100% à Barcelone et Lyon, sans sous-traitance. Vous parlez directement au développeur qui code votre app. »</div>
<div class="trust-author">
<div class="trust-avatar"><i class="fas fa-map-marker-alt"></i></div>
<div>
<div class="trust-name">Basé à Barcelone & Lyon</div>
<div class="trust-role">Espagne & France</div>
</div>
</div>
</div>
<div class="trust-card glass-card">
<div class="trust-quote">« Un prix unique, zéro surprise. Pas de devis interminables ni de tarifs opaques — juste 5000€ tout compris. »</div>
<div class="trust-author">
<div class="trust-avatar"><i class="fas fa-handshake"></i></div>
<div>
<div class="trust-name">Prix transparent</div>
<div class="trust-role">Simple. Prévisible. Abordable.</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Portfolio preview -->
<section class="portfolio-preview">
<div class="container">
<h2 class="section-title">Applications publiées sur les stores</h2>
<p class="portfolio-preview-intro">Plus de 200 apps livrées — dont <a href='/qui-sommes-nous#realisations'>HopHopFood</a>, <a href='/qui-sommes-nous#realisations'>DLCScan</a>, <a href='/qui-sommes-nous#realisations'>Foxpitoo</a>, <a href='/qui-sommes-nous#realisations'>OSCAR CRM</a> et bien d'autres. <a href='/qui-sommes-nous#realisations'>Voir les 11 réalisations →</a></p>
<div class="portfolio-gallery portfolio-gallery-preview">
<a class='portfolio-item glass-card' href='/qui-sommes-nous#realisations'>
<img src="portfolio/hophopfood.png" alt="HopHopFood — application anti-gaspillage">
<h4>HopHopFood</h4>
</a>
<a class='portfolio-item glass-card' href='/qui-sommes-nous#realisations'>
<img src="portfolio/dlcscan.png" alt="DLCScan — application mobile SaaS">
<h4>DLCScan</h4>
</a>
<a class='portfolio-item glass-card' href='/qui-sommes-nous#realisations'>
<img src="portfolio/foxpitoo.png" alt="Foxpitoo — application mobile publiée sur les stores">
<h4>Foxpitoo</h4>
</a>
<a class='portfolio-item glass-card' href='/qui-sommes-nous#realisations'>
<img src="portfolio/oscar.png" alt="OSCAR CRM — application mobile">
<h4>OSCAR CRM</h4>
</a>
<a class='portfolio-item glass-card' href='/qui-sommes-nous#realisations'>
<img src="portfolio/jjb.png" alt="BJJ Strategy — application mobile publiée sur les stores">
<h4>BJJ Strategy</h4>
</a>
<a class='portfolio-item glass-card' href='/qui-sommes-nous#realisations'>
<img src="portfolio/minha.png" alt="Minha à Paris — application mobile publiée sur les stores">
<h4>Minha à Paris</h4>
</a>
</div>
</div>
</section>
<!-- CTA Modules -->
<section class="modules">
<div class="container">
<p class="modules-intro">Découvrez tous les modules et fonctionnalités inclus dans votre application mobile.</p>
<p class="modules-sub">Vous avez déjà un MVP ou un prototype fait avec l'IA ? Découvrez comment <a href='/prototype-ia'>transformer un prototype IA en application</a> (diagnostic + accompagnement).</p>
<a class='cta-button' href='/modules'>Voir les modules</a>
</div>
</section>
</main>
<footer class="footer">
<div class="container">
<div class="footer-inner">
<div class="footer-brand">
<img src="icon.png" alt="" class="footer-brand-icon">
<span class="footer-brand-name">App Pour 5000€</span>
</div>
<nav class="footer-nav" aria-label="Navigation pied de page">
<a href='/modules'>Modules</a>
<a href='/packs'>Packs</a>
<a href='/prototype-ia'>Prototype IA</a>
<a href='/qui-sommes-nous'>Qui sommes-nous</a>
<a href='/contact'>Contact</a>
<a href='/faq'>FAQ</a>
</nav>
<div class="footer-meta">
<a href="mailto:contact@app-pour5000.fr">contact@app-pour5000.fr</a>
</div>
</div>
<div class="footer-bottom">
<p>© 2025 App Pour 5000€ · <a href='/mentions-legales'>Mentions légales</a></p>
</div>
</div>
</footer>
<script>
const mobileMenuToggle = document.getElementById('mobile-menu-toggle');
const navMenu = document.getElementById('nav-menu');
mobileMenuToggle.addEventListener('click', () => {
navMenu.classList.toggle('active');
});
window.addEventListener('scroll', () => {
const header = document.getElementById('header');
if (window.scrollY > 50) {
header.classList.add('scrolled');
} else {
header.classList.remove('scrolled');
}
});
</script>
</body>
</html>
