<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="img/favicon-16.png" sizes="16x16">
<link rel="icon" href="img/favicon-32.png" sizes="32x32">
<link rel="apple-touch-icon" href="img/apple-touch-icon.png">
<title>AMDev — Développement de sites, logiciels et applications sur mesure</title>
<meta name="description" content="AMDev conçoit et développe vos sites internet, logiciels (SaaS) et applications mobiles sur mesure, et les héberge pour vous. De l'idée à la mise en ligne. Site vitrine à partir de 690 €.">
<meta name="keywords" content="développement web, création site internet, logiciel sur mesure, SaaS, application mobile, agence web, développeur freelance, hébergement web">
<link rel="canonical" href="https://am-dev.fr/">
<meta name="robots" content="index, follow">
<meta property="og:type" content="website">
<meta property="og:title" content="AMDev — Développement de sites, logiciels et applications sur mesure">
<meta property="og:description" content="Sites internet, logiciels SaaS et applications mobiles sur mesure, conçus et hébergés par un seul interlocuteur. Site vitrine à partir de 690 €.">
<meta property="og:url" content="https://am-dev.fr/">
<meta property="og:image" content="https://am-dev.fr/img/og-cover.png">
<meta property="og:locale" content="fr_FR">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="AMDev — Développement web sur mesure">
<meta name="twitter:description" content="Sites, logiciels et applications sur mesure, conçus et hébergés par un seul interlocuteur.">
<meta name="twitter:image" content="https://am-dev.fr/img/og-cover.png">
<!-- Quand tu auras tes profils, ajoute-les dans "sameAs" ci-dessous (LinkedIn, Malt, fiche Google…). -->
<script type="application/ld+json">
{
"@context":"https://schema.org",
"@type":"ProfessionalService",
"@id":"https://am-dev.fr/#business",
"name":"AMDev",
"description":"Développement de sites internet, logiciels web (SaaS), applications mobiles et services de récupération de données, avec hébergement et maintenance.",
"url":"https://am-dev.fr/",
"image":"https://am-dev.fr/img/og-cover.png",
"logo":"https://am-dev.fr/img/apple-touch-icon.png",
"email":"contact@am-dev.fr",
"priceRange":"€€",
"availableLanguage":"fr",
"address":{"@type":"PostalAddress","addressLocality":"Aix-en-Provence","addressRegion":"Provence-Alpes-Côte d'Azur","postalCode":"13100","addressCountry":"FR"},
"geo":{"@type":"GeoCoordinates","latitude":43.5297,"longitude":5.4474},
"areaServed":[
{"@type":"City","name":"Aix-en-Provence"},
{"@type":"AdministrativeArea","name":"Provence-Alpes-Côte d'Azur"},
{"@type":"Country","name":"France"}
],
"openingHoursSpecification":[
{"@type":"OpeningHoursSpecification","dayOfWeek":["Monday","Tuesday","Wednesday","Thursday","Friday"],"opens":"09:00","closes":"18:00"}
],
"sameAs":[],
"makesOffer":[
{"@type":"Offer","itemOffered":{"@type":"Service","name":"Création de site internet"},"priceSpecification":{"@type":"PriceSpecification","minPrice":"690","priceCurrency":"EUR"}},
{"@type":"Offer","itemOffered":{"@type":"Service","name":"Logiciel / SaaS web sur mesure"}},
{"@type":"Offer","itemOffered":{"@type":"Service","name":"Application mobile"}},
{"@type":"Offer","itemOffered":{"@type":"Service","name":"Hébergement et maintenance"}},
{"@type":"Offer","itemOffered":{"@type":"Service","name":"Récupération de données / scraping"}}
]
}
</script>
<link rel="stylesheet" href="assets/fonts.css">
<link rel="stylesheet" href="assets/style.css">
<!-- Google Analytics 4 : l'ID se configure dans assets/main.js (constante GA_ID) -->
<script src="assets/main.js" defer></script>
<style>
/* Styles spécifiques à la page d'accueil */
header{padding:96px 0 80px;position:relative;overflow:hidden}
header::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(640px 380px at 80% -10%, var(--accent-soft), transparent 70%),linear-gradient(180deg, var(--bg-soft), transparent 42%)}
header h1{font-family:'Sora',sans-serif;font-weight:700;font-size:clamp(38px,6.2vw,64px);line-height:1.07;letter-spacing:-.03em;margin-bottom:24px;max-width:19ch}
header h1 .hl{color:var(--accent)}
header .lede{font-size:clamp(17px,2vw,20px);color:var(--ink-dim);max-width:58ch;line-height:1.6}
header .lede strong{color:var(--ink-2);font-weight:600}
.band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg-soft)}
.band-inner{display:flex;gap:40px;flex-wrap:wrap;justify-content:space-between;padding:26px 0}
.band .it{display:flex;align-items:center;gap:11px;font-size:14.5px;color:var(--ink-2)}
.band .it b{font-family:'Sora',sans-serif;color:var(--ink);font-weight:600}
.band .ic{width:34px;height:34px;border-radius:9px;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
@media(max-width:720px){
.band-inner{display:flex;flex-direction:column;align-items:center;gap:16px;padding:26px 0}
.band .it{justify-content:center;font-size:14px}
}
.svc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
@media(max-width:720px){.svc-grid{grid-template-columns:1fr}}
.svc{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:32px 30px;transition:all .3s;box-shadow:var(--shadow);display:flex;flex-direction:column}
.svc:hover{border-color:var(--line-2);box-shadow:var(--shadow-lg);transform:translateY(-3px)}
.svc.wide{grid-column:1/-1;flex-direction:row;align-items:center;gap:26px}
.svc.wide .ic{margin-bottom:0}
.svc.wide .body{flex:1}
@media(max-width:720px){.svc.wide{flex-direction:column;align-items:flex-start}}
.svc .ic{width:46px;height:46px;border-radius:12px;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;margin-bottom:18px;font-size:22px;flex-shrink:0}
.svc h3{font-family:'Sora',sans-serif;font-size:19px;font-weight:600;margin-bottom:9px;letter-spacing:-.01em}
.svc p{font-size:15px;color:var(--ink-dim);line-height:1.6;margin-bottom:18px;flex:1}
.svc .foot{display:flex;align-items:center;justify-content:space-between;gap:12px}
.svc .price-tag{font-family:'Sora',sans-serif;font-weight:700;font-size:15px;color:var(--ink)}
.svc .price-tag.devis{color:var(--ink-2)}
.svc .more{font-size:14.5px;font-weight:600;color:var(--accent);display:inline-flex;align-items:center;gap:6px;transition:gap .25s;white-space:nowrap}
.svc:hover .more{gap:11px}
.proj-list{display:flex;flex-direction:column;gap:20px}
.proj{display:grid;grid-template-columns:1.05fr 1fr;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff;transition:all .35s;box-shadow:var(--shadow)}
.proj:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px);border-color:var(--line-2)}
@media(max-width:760px){.proj{grid-template-columns:1fr}}
.proj-media{aspect-ratio:16/11;overflow:hidden;background:linear-gradient(135deg,var(--bg-tint),var(--bg-soft));display:flex;align-items:center;justify-content:center}
.proj-media .ph{font-size:13px;color:var(--ink-dim);border:1px dashed var(--line-2);padding:10px 16px;border-radius:8px;background:#fff}
.proj-media img{width:100%;height:100%;object-fit:cover;display:block}
.proj-body{padding:34px 32px;display:flex;flex-direction:column}
.proj-tag{font-size:12.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);margin-bottom:13px}
.proj-body h3{font-family:'Sora',sans-serif;font-size:25px;font-weight:600;letter-spacing:-.02em;margin-bottom:11px}
.proj-body p{font-size:15px;color:var(--ink-dim);line-height:1.6;margin-bottom:20px;flex:1}
.stack{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.chip{font-size:12.5px;font-weight:500;color:var(--ink-2);background:var(--bg-soft);border:1px solid var(--line);padding:5px 12px;border-radius:7px}
.proj-link{font-weight:600;font-size:15px;color:var(--accent);display:inline-flex;align-items:center;gap:7px;transition:gap .25s}
.proj:hover .proj-link{gap:12px}
.rev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:820px){.rev-grid{grid-template-columns:1fr;max-width:520px;margin-inline:auto}}
.rev{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px 26px;box-shadow:var(--shadow);display:flex;flex-direction:column}
.rev .stars{color:#f5b40a;font-size:15px;letter-spacing:2px;margin-bottom:14px}
.rev p{font-size:15px;color:var(--ink-2);line-height:1.6;margin-bottom:20px;flex:1}
.rev .who{display:flex;align-items:center;gap:12px}
.rev .av{width:40px;height:40px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;font-family:'Sora',sans-serif;font-weight:700;font-size:15px}
.rev .who b{display:block;font-size:14.5px;font-weight:600}
.rev .who span{font-size:13px;color:var(--ink-dim)}
.rev-note{text-align:center;margin-top:22px;font-size:13.5px;color:var(--ink-dim)}
</style>
</head>
<body>
<nav>
<div class="wrap nav-inner">
<a href="index.html" class="logo">AM<span>Dev</span></a>
<div class="nav-links">
<a href="index.html#services" class="lnk">Services</a>
<a href="index.html#realisations" class="lnk">Réalisations</a>
<a href="index.html#methode" class="lnk">Méthode</a>
<a href="contact.html" class="nav-cta" onclick="trackRdv()">Prendre rendez-vous</a>
</div>
</div>
</nav>
<header>
<div class="wrap">
<span class="pill"><span class="live"></span>Disponible pour de nouveaux projets</span>
<h1>Je conçois et développe vos <span class="hl">sites, logiciels et applications</span> sur mesure.</h1>
<p class="lede">Du site internet à la plateforme SaaS, en passant par les applications mobiles : je prends en charge votre projet <strong>de la conception à la mise en ligne</strong>, hébergement compris. Un seul interlocuteur, pas de technique à gérer de votre côté.</p>
<div class="hero-actions">
<a href="contact.html" class="btn btn-primary" onclick="trackRdv()">Réserver un appel gratuit →</a>
<a href="#services" class="btn btn-ghost">Découvrir les services</a>
</div>
<p class="hero-note">Site internet <b>à partir de 690 €</b> · Logiciels & applications sur devis</p>
</div>
</header>
<div class="band">
<div class="wrap band-inner">
<div class="it"><span class="ic">💡</span><span>De l'idée à la <b>production</b></span></div>
<div class="it"><span class="ic">🛠️</span><span><b>Node, React, Flutter</b>, WordPress</span></div>
<div class="it"><span class="ic">🚀</span><span><b>Hébergement</b> & maintenance inclus</span></div>
<div class="it"><span class="ic">🤝</span><span>Un seul <b>interlocuteur</b></span></div>
</div>
</div>
<section id="services">
<div class="wrap">
<div class="sec-head reveal">
<div class="sec-kicker">Services</div>
<h2 class="sec-title">Tout votre projet web, au même endroit</h2>
<p class="sec-desc">Que vous ayez besoin d'un simple site ou d'une plateforme complète, je couvre l'ensemble de la chaîne technique.</p>
</div>
<div class="svc-grid">
<a class="svc reveal" href="site-vitrine.html" onclick="trackService('site-vitrine')">
<div class="ic">🌐</div>
<h3>Sites internet</h3>
<p>Sites vitrines et e-commerce pour présenter votre activité, être trouvé sur Google et convaincre vos clients. Idéal pour lancer ou développer votre projet.</p>
<div class="foot"><span class="price-tag">à partir de 690 €</span><span class="more">Voir les offres →</span></div>
</a>
<a class="svc reveal d1" href="saas-web.html" onclick="trackService('saas')">
<div class="ic">🧩</div>
<h3>Logiciels & SaaS sur mesure</h3>
<p>Plateformes et outils en ligne conçus pour votre métier : gestion, réservation, suivi client, automatisation… Pensés autour de votre façon de travailler.</p>
<div class="foot"><span class="price-tag devis">Sur devis</span><span class="more">En savoir plus →</span></div>
</a>
<a class="svc reveal d2" href="application-mobile.html" onclick="trackService('mobile')">
<div class="ic">📱</div>
<h3>Applications mobiles</h3>
<p>Applications iOS et Android pour vos clients ou vos équipes, publiées sur l'App Store et Google Play.</p>
<div class="foot"><span class="price-tag devis">Sur devis</span><span class="more">En savoir plus →</span></div>
</a>
<a class="svc reveal d3" href="scraping.html" onclick="trackService('scraping')">
<div class="ic">📊</div>
<h3>Récupération de données</h3>
<p>Collecte automatisée de données en ligne : surveillance de prix, veille concurrentielle, extraction à grande échelle. Les données dont vous avez besoin, prêtes à l'emploi.</p>
<div class="foot"><span class="price-tag devis">Sur devis</span><span class="more">En savoir plus →</span></div>
</a>
<a class="svc wide reveal d4" href="hebergement.html" onclick="trackService('hebergement')">
<div class="ic">🛡️</div>
<div class="body">
<h3>Hébergement & maintenance</h3>
<p>Une fois votre projet en ligne, je m'occupe de tout : hébergement, nom de domaine, certificat SSL, sauvegardes, mises à jour et support. Votre site tourne, vous n'avez rien à gérer.</p>
<div class="foot"><span class="price-tag">forfaits mensuels</span><span class="more">Voir les formules →</span></div>
</div>
</a>
</div>
</div>
</section>
<section id="realisations" class="sec-soft">
<div class="wrap">
<div class="sec-head reveal">
<div class="sec-kicker">Réalisations</div>
<h2 class="sec-title">Des projets concrets, livrés et en ligne</h2>
</div>
<div class="proj-list">
<a class="proj reveal" href="projet-horaly.html">
<div class="proj-media"><span class="ph">img/horaly-cover.png</span></div>
<div class="proj-body">
<div class="proj-tag">Logiciel SaaS · Application mobile</div>
<h3>Horaly</h3>
<p>Une plateforme de prise de rendez-vous en ligne que les entreprises proposent sous leur propre marque, avec un espace de gestion web et une application mobile pour leurs clients.</p>
<div class="stack"><span class="chip">Plateforme web</span><span class="chip">App mobile</span><span class="chip">Sur mesure</span></div>
<span class="proj-link">Voir le projet →</span>
</div>
</a>
<a class="proj reveal d1" href="projet-formations.html">
<div class="proj-media"><span class="ph">img/formations-cover.png</span></div>
<div class="proj-body">
<div class="proj-tag">Site internet · Vente de formations</div>
<h3>Plateforme de formations</h3>
<p>Un site sur mesure pour présenter et vendre des formations en ligne, réalisé et hébergé de A à Z. Design soigné et parcours d'inscription clair.</p>
<div class="stack"><span class="chip">Site vitrine</span><span class="chip">Vente en ligne</span><span class="chip">Hébergé par AMDev</span></div>
<span class="proj-link">Voir le projet →</span>
</div>
</a>
<a class="proj reveal d2" href="projet-boutique.html">
<div class="proj-media"><img src="img/reboot-paca-home.jpg" alt="Reboot PACA — boutique de tech reconditionnée" loading="lazy"></div>
<div class="proj-body">
<div class="proj-tag">E-commerce · Reconditionné · Aix-en-Provence</div>
<h3>Reboot PACA</h3>
<p>Une boutique en ligne sur mesure pour le matériel reconditionné, avec rachat, réparation et un rapport d'état noté sur 100 propre à chaque appareil.</p>
<div class="stack"><span class="chip">WooCommerce</span><span class="chip">Design custom</span><span class="chip">Rapport d'état /100</span></div>
<span class="proj-link">Voir le projet →</span>
</div>
</a>
</div>
</div>
</section>
<section id="methode">
<div class="wrap">
<div class="sec-head reveal">
<div class="sec-kicker">Ma méthode</div>
<h2 class="sec-title">Un projet clair, du premier échange à la mise en ligne</h2>
</div>
<div class="steps">
<div class="step reveal"><div class="n">1</div><h4>On échange</h4><p>Vous me décrivez votre besoin. Je vous pose les bonnes questions et vous oriente, même si tout n'est pas encore clair.</p></div>
<div class="step reveal d1"><div class="n">2</div><h4>Je vous propose</h4><p>Vous recevez une proposition concrète et un devis transparent, sans jargon ni surprise.</p></div>
<div class="step reveal d2"><div class="n">3</div><h4>Je réalise</h4><p>Je développe votre projet en vous tenant informé régulièrement de l'avancement.</p></div>
<div class="step reveal d3"><div class="n">4</div><h4>Je mets en ligne</h4><p>Je déploie, j'héberge et j'assure le suivi. Votre projet tourne, vous n'avez rien à gérer.</p></div>
</div>
</div>
</section>
<!-- ====== AVIS FICTIFS — À REMPLACER PAR DE VRAIS AVIS GOOGLE AVANT MISE EN LIGNE ====== -->
<section id="avis" class="sec-soft">
<div class="wrap">
<div class="sec-head reveal" style="text-align:center">
<div class="sec-kicker">Avis clients</div>
<h2 class="sec-title" style="margin-inline:auto">Ils m'ont fait confiance</h2>
</div>
<div class="rev-grid">
<div class="rev reveal"><div class="stars">★★★★★</div><p>« Mon site était en ligne en moins de deux semaines. Tout a été simple, chaque étape m'a été expliquée sans termes compliqués. »</p><div class="who"><div class="av">M</div><div><b>Marie L.</b><span>Praticienne bien-être</span></div></div></div>
<div class="rev reveal d1"><div class="stars">★★★★★</div><p>« Un vrai professionnel, à l'écoute et réactif. Le résultat correspond exactement à ce que je voulais, et il s'occupe de toute la technique. »</p><div class="who"><div class="av">T</div><div><b>Thomas R.</b><span>Artisan</span></div></div></div>
<div class="rev reveal d2"><div class="stars">★★★★★</div><p>« Rapport qualité-prix imbattable pour lancer mon activité. Mon site apparaît maintenant sur Google quand on cherche mon métier. »</p><div class="who"><div class="av">S</div><div><b>Sophie B.</b><span>Coach indépendante</span></div></div></div>
</div>
<p class="rev-note">Avis d'exemple — ils seront remplacés par mes avis Google vérifiés.</p>
</div>
</section>
<section id="rdv">
<div class="wrap reveal">
<div class="cta-final">
<h2>Parlons de votre projet</h2>
<p>Réservez un appel gratuit de 30 minutes pour en discuter, ou envoyez-moi un message. Réponse rapide, sans engagement.</p>
<div class="actions">
<a href="contact.html" class="btn btn-primary" onclick="trackRdv()">Réserver un appel →</a>
<a href="contact.html" class="btn btn-out" onclick="trackContact('form')">Décrire mon projet</a>
</div>
</div>
</div>
</section>
<footer>
<div class="wrap">
<div class="foot-grid">
<div class="foot-col foot-brand">
<a href="index.html" class="logo">AM<span>Dev</span></a>
<p>Sites internet, logiciels SaaS et applications mobiles sur mesure, conçus et hébergés par un seul interlocuteur.</p>
</div>
<div class="foot-col">
<h5>Services</h5>
<a href="site-vitrine.html">Sites internet</a>
<a href="saas-web.html">Logiciels & SaaS</a>
<a href="application-mobile.html">Applications mobiles</a>
<a href="hebergement.html">Hébergement & maintenance</a>
<a href="scraping.html">Récupération de données</a>
</div>
<div class="foot-col">
<h5>En savoir plus</h5>
<a href="index.html#realisations">Réalisations</a>
<a href="index.html#methode">Méthode</a>
<a href="contact.html">Contact & rendez-vous</a>
<a href="mentions-legales.html">Mentions légales</a>
</div>
</div>
<div class="foot-bottom">
<span>© 2026 AMDev — Développement web sur mesure · Aix-en-Provence</span>
<span><a href="#" onclick="trackContact('linkedin')">LinkedIn</a> · <a href="#" onclick="trackContact('malt')">Malt</a></span>
</div>
</div>
</footer>
</body>
</html>
