<!DOCTYPE html>

<head>

<title>Achelio – Prévision de la demande & analytics achats pour PME manufacturières</title>

<style>

:root {

--bg: #050816;

--bg-alt: #0d1021;

--card-bg: #0f172a;

--accent: #ff7a1a;

--accent-soft: rgba(255, 122, 26, 0.12);

--text-main: #f9fafb;

--text-muted: #9ca3af;

--border-subtle: rgba(148, 163, 184, 0.35);

--shadow-soft: 0 18px 40px rgba(15, 23, 42, 0.75);

--radius-lg: 18px;

}

* {

box-sizing: border-box;

margin: 0;

padding: 0;

}

body {

font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;

background: radial-gradient(circle at 0% 0%, #1e293b 0, #020617 45%, #000 100%);

color: var(--text-main);

line-height: 1.6;

-webkit-font-smoothing: antialiased;

}

a {

color: inherit;

text-decoration: none;

}

img {

max-width: 100%;

display: block;

}

.wrapper {

max-width: 1120px;

margin: 0 auto;

padding: 0 1.25rem;

}

/* NAVBAR */

header {

position: sticky;

top: 0;

z-index: 50;

backdrop-filter: blur(18px);

background: linear-gradient(to bottom,

rgba(15, 23, 42, 0.94),

rgba(15, 23, 42, 0.78),

transparent

);

border-bottom: 1px solid rgba(148, 163, 184, 0.25);

}

.nav {

display: flex;

align-items: center;

justify-content: space-between;

padding: 0.8rem 0;

}

.logo {

display: flex;

align-items: center;

gap: 0.55rem;

font-weight: 700;

letter-spacing: 0.05em;

font-size: 1.02rem;

}

.logo-mark {

width: 28px;

height: 28px;

border-radius: 999px;

background: radial-gradient(circle at 30% 0, #fde68a, #f97316, #7c2d12);

display: flex;

align-items: center;

justify-content: center;

color: #0b1120;

font-weight: 800;

font-size: 0.9rem;

box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.6), 0 15px 25px rgba(15, 23, 42, 0.9);

}

.nav-links {

display: flex;

align-items: center;

gap: 1.75rem;

font-size: 0.9rem;

}

.nav-links a {

color: var(--text-muted);

font-weight: 400;

transition: color 0.2s ease, opacity 0.2s ease;

}

.nav-links a:hover {

color: #e5e7eb;

opacity: 1;

}

.nav-cta {

padding: 0.45rem 0.85rem;

border-radius: 999px;

border: 1px solid rgba(249, 250, 251, 0.22);

background: radial-gradient(circle at 0 0, rgba(248, 250, 252, 0.08), rgba(15, 23, 42, 0.4));

font-size: 0.82rem;

font-weight: 500;

display: inline-flex;

align-items: center;

gap: 0.25rem;

}

.nav-cta span {

font-size: 0.8rem;

opacity: 0.8;

}

.burger {

display: none;

cursor: pointer;

border-radius: 999px;

border: 1px solid rgba(148, 163, 184, 0.6);

padding: 0.35rem 0.6rem;

background: rgba(15, 23, 42, 0.8);

}

.burger-line {

width: 16px;

height: 2px;

background: #e5e7eb;

margin: 3px 0;

border-radius: 999px;

}

/* HERO */

.hero {

padding: 4.5rem 0 3.5rem;

}

.hero-inner {

display: grid;

grid-template-columns: minmax(0, 3fr) minmax(0, 2.4fr);

gap: 3.25rem;

align-items: center;

}

.eyebrow {

display: inline-flex;

align-items: center;

gap: 0.4rem;

font-size: 0.76rem;

text-transform: uppercase;

letter-spacing: 0.12em;

padding: 0.18rem 0.65rem;

border-radius: 999px;

background: rgba(15, 23, 42, 0.9);

border: 1px solid rgba(148, 163, 184, 0.4);

color: #9ca3af;

margin-bottom: 1.1rem;

}

.eyebrow-dot {

width: 7px;

height: 7px;

border-radius: 999px;

background: #22c55e;

box-shadow: 0 0 0 5px rgba(34, 197, 94, 0.2);

}

h1.hero-title {

font-size: clamp(2.4rem, 5vw, 3.3rem);

line-height: 1.05;

margin-bottom: 0.9rem;

}

.hero-highlight {

background: linear-gradient(to right, #f97316, #facc15);

-webkit-background-clip: text;

color: transparent;

}

.hero-subtitle {

color: var(--text-muted);

max-width: 32rem;

font-size: 0.98rem;

margin-bottom: 1.4rem;

}

.hero-tagline {

font-size: 0.82rem;

color: #9ca3af;

margin-bottom: 1.8rem;

}

.hero-cta-row {

display: flex;

flex-wrap: wrap;

gap: 0.9rem;

align-items: center;

margin-bottom: 1.6rem;

}

.btn {

display: inline-flex;

align-items: center;

justify-content: center;

padding: 0.75rem 1.4rem;

border-radius: 999px;

font-size: 0.9rem;

font-weight: 500;

border: none;

cursor: pointer;

transition: transform 0.12s ease, box-shadow 0.12s ease, background 0.15s ease, border-color 0.15s ease, color 0.15s ease;

white-space: nowrap;

}

.btn-primary {

background: linear-gradient(135deg, #f97316, #facc15);

color: #111827;

box-shadow: 0 16px 35px rgba(248, 150, 30, 0.42);

}

.btn-primary:hover {

transform: translateY(-1px);

box-shadow: 0 18px 40px rgba(248, 150, 30, 0.55);

background: linear-gradient(135deg, #fb923c, #fde047);

}

.btn-outline {

border: 1px solid rgba(148, 163, 184, 0.6);

background: rgba(15, 23, 42, 0.9);

color: #e5e7eb;

}

.btn-outline:hover {

background: rgba(15, 23, 42, 1);

border-color: rgba(249, 250, 251, 0.7);

}

.hero-metadata {

display: flex;

flex-wrap: wrap;

gap: 1.4rem;

font-size: 0.75rem;

color: var(--text-muted);

}

.hero-metadata span {

display: inline-flex;

align-items: center;

gap: 0.35rem;

}

.hero-metadata strong {

color: #e5e7eb;

font-weight: 500;

}

.hero-card {

border-radius: 24px;

background: radial-gradient(circle at 0 0, rgba(248, 113, 113, 0.07), rgba(15, 23, 42, 0.97));

border: 1px solid rgba(148, 163, 184, 0.45);

padding: 1.4rem 1.5rem;

box-shadow: var(--shadow-soft);

}

.hero-card-header {

font-size: 0.9rem;

font-weight: 600;

margin-bottom: 0.5rem;

display: flex;

justify-content: space-between;

align-items: center;

}

.pill {

font-size: 0.72rem;

padding: 0.18rem 0.6rem;

border-radius: 999px;

border: 1px solid rgba(148, 163, 184, 0.6);

color: #9ca3af;

}

.hero-metric-row {

display: flex;

justify-content: space-between;

margin-top: 0.9rem;

font-size: 0.82rem;

color: var(--text-muted);

}

.hero-metric-value {

font-size: 1.4rem;

font-weight: 600;

color: #f97316;

}

.hero-card-footer {

margin-top: 1.2rem;

padding-top: 0.9rem;

border-top: 1px dashed rgba(148, 163, 184, 0.6);

font-size: 0.78rem;

color: var(--text-muted);

}

/* SECTIONS */

section {

padding: 3.5rem 0;

}

.section-heading {

margin-bottom: 1.8rem;

}

.section-kicker {

font-size: 0.75rem;

text-transform: uppercase;

letter-spacing: 0.16em;

color: var(--text-muted);

margin-bottom: 0.3rem;

}

.section-title {

font-size: 1.5rem;

font-weight: 600;

margin-bottom: 0.4rem;

}

.section-description {

font-size: 0.92rem;

color: var(--text-muted);

max-width: 34rem;

}

.grid-3 {

display: grid;

grid-template-columns: repeat(3, minmax(0, 1fr));

gap: 1.4rem;

}

.card {

background: var(--card-bg);

border-radius: var(--radius-lg);

border: 1px solid rgba(148, 163, 184, 0.4);

padding: 1.25rem 1.3rem 1.35rem;

box-shadow: 0 18px 40px rgba(15, 23, 42, 0.6);

}

.card h3 {

font-size: 0.98rem;

margin-bottom: 0.4rem;

}

.card p {

font-size: 0.85rem;

color: var(--text-muted);

}

.badge {

display: inline-flex;

align-items: center;

justify-content: center;

width: 1.55rem;

height: 1.55rem;

border-radius: 999px;

background: var(--accent-soft);

color: #f97316;

font-size: 0.82rem;

font-weight: 600;

margin-bottom: 0.5rem;

}

.steps {

display: grid;

grid-template-columns: repeat(3, minmax(0, 1fr));

gap: 1.25rem;

}

.step {

background: radial-gradient(circle at 0 0, rgba(248, 250, 252, 0.06), rgba(15, 23, 42, 1));

border-radius: var(--radius-lg);

border: 1px solid rgba(148, 163, 184, 0.35);

padding: 1.1rem 1.2rem 1.2rem;

}

.step-title {

font-size: 0.96rem;

font-weight: 500;

margin-bottom: 0.3rem;

}

.step-number {

font-size: 0.72rem;

text-transform: uppercase;

letter-spacing: 0.12em;

color: var(--text-muted);

margin-bottom: 0.35rem;

}

.step p {

font-size: 0.84rem;

color: var(--text-muted);

}

.two-col {

display: grid;

grid-template-columns: minmax(0, 2.2fr) minmax(0, 2fr);

gap: 1.8rem;

align-items: flex-start;

}

.list-check {

list-style: none;

padding: 0;

margin: 0.5rem 0 0;

}

.list-check li {

font-size: 0.88rem;

color: var(--text-muted);

margin-bottom: 0.35rem;

display: flex;

gap: 0.45rem;

align-items: flex-start;

}

.list-check li::before {

content: "✓";

color: #22c55e;

font-size: 0.9rem;

margin-top: 0.1rem;

}

.pill-row {

display: flex;

flex-wrap: wrap;

gap: 0.45rem;

margin-top: 0.75rem;

}

.pill-tag {

font-size: 0.75rem;

padding: 0.25rem 0.7rem;

border-radius: 999px;

border: 1px solid rgba(148, 163, 184, 0.55);

color: var(--text-muted);

}

/* CONTACT / FOOTER */

.cta-banner {

margin-top: 2.5rem;

border-radius: 22px;

padding: 1.4rem 1.6rem;

border: 1px solid rgba(148, 163, 184, 0.5);

background: radial-gradient(circle at 0 0, rgba(34, 197, 94, 0.08), rgba(15, 23, 42, 0.95));

display: flex;

flex-wrap: wrap;

gap: 1.2rem;

justify-content: space-between;

align-items: center;

}

.cta-banner p {

font-size: 0.9rem;

color: var(--text-muted);

max-width: 32rem;

}

.cta-banner strong {

color: #e5e7eb;

font-weight: 500;

}

footer {

border-top: 1px solid rgba(31, 41, 55, 0.9);

padding: 1.6rem 0 2rem;

font-size: 0.78rem;

color: #6b7280;

background: #020617;

margin-top: 3.5rem;

}

footer a {

color: #9ca3af;

}

footer a:hover {

color: #e5e7eb;

}

/* RESPONSIVE */

@media (max-width: 900px) {

.hero-inner {

grid-template-columns: minmax(0, 1fr);

}

.hero {

padding-top: 3.2rem;

}

.two-col,

.grid-3,

.steps {

grid-template-columns: minmax(0, 1fr);

}

@media (max-width: 768px) {

.nav-links {

position: absolute;

inset: 56px 1.2rem auto;

border-radius: 18px;

background: rgba(15, 23, 42, 0.98);

border: 1px solid rgba(148, 163, 184, 0.4);

box-shadow: var(--shadow-soft);

padding: 0.9rem 1rem 1rem;

flex-direction: column;

align-items: flex-start;

gap: 0.9rem;

display: none;

}

.nav-links.open {

display: flex;

}

.nav-cta {

width: 100%;

justify-content: center;

}

.burger {

display: block;

}

h1.hero-title {

font-size: 2.2rem;

}

.cta-banner {

padding: 1.2rem 1.1rem;

}

</style>

</head>

<body>

<span>Achelio</span>

</a>

<a href="#produit">Produit</a>

<a href="#fonctionnalites">Fonctionnalités</a>

<a href="#contact">Contact</a>

Parler à un humain

</a>

</nav>

</button>

</div>

</header>

<div>

SaaS québécois pour PME industrielles

</div>

Prévision de la demande &

<span class="hero-highlight">analytics achats</span>

pour PME manufacturières.

</h1>

Achelio centralise vos données d’achats, de ventes et de stocks pour identifier les

risques de rupture, les surstocks et les opportunités fournisseurs – sans remplacer

votre ERP.

</p>

<strong>Objectif :</strong> moins de surprises, plus de décisions claires pour vos achats.

</p>

<a href="mailto:contact@achelio.com?subject=Prise de contact%20Achelio&body=Bonjour%2C%20j%27aimerais%20planifier%20un%20échange%20au%20sujet%20d%27Achelio."

class="btn btn-primary">

Planifier une rencontre

</a>

Voir comment Achelio aide concrètement

</a>

</div>

<span><strong>Focalisé</strong> sur les PME manufacturières</span>

<span><strong>Compatible</strong> Excel & exports ERP</span>

<span><strong>Fondateur</strong> : acheteur industriel & data geek</span>

</div>

<span>Tableau de bord Achelio – Vue globale</span>

<span class="pill">Prototype en cours</span>

</div>

<div>

<div>Ruptures sur les 20 SKU critiques</div>

</div>

<div>

<div>Rotation stock sur 12 mois</div>

</div>

Achelio assemble les données que vous avez déjà (ventes, stocks, achats, retours)

pour dresser une cartographie simple : où sont les risques, où sont les gains rapides,

et quels produits méritent votre attention cette semaine.

</div>

</aside>

</div>

</section>

<p class="section-kicker">Pourquoi Achelio existe</p>

<h2 class="section-title">Les décisions d’achats sont souvent prises avec une vision incomplète.</h2>

Entre les exports ERP, les fichiers Excel maison et le quotidien opérationnel, il est difficile

d’avoir une vue claire sur la demande et les stocks. Achelio vient combler cet espace.

</p>

</div>

<h3>Ruptures de stock qui surprennent tout le monde</h3>

<p>

La demande réelle n’est pas toujours alignée avec le plan. Résultat : urgences, coûts

supplémentaires et clients insatisfaits.

</p>

</article>

<h3>Surstock & cash immobilisé</h3>

<p>

Certains SKU tournent lentement, d’autres trop vite. Sans vue d’ensemble, difficile

d’arbitrer où réduire ou renforcer les approvisionnements.

</p>

</article>

<h3>Excel devient un « mini-ERP » fragile</h3>

<p>

Des dizaines d’onglets, des formules copiées-collées, et personne n’ose toucher

au fichier de peur de le briser. Achelio garde la logique, sans la fragilité.

</p>

</article>

</div>

</section>

<p class="section-kicker">Ce que fait Achelio</p>

<h2 class="section-title">Une couche d’intelligence au-dessus de vos données actuelles.</h2>

L’idée : rester simple, transparent et actionnable. Pas de boîte noire – vous comprenez

d’où viennent les chiffres et comment ils se traduisent en décisions d’achats.

</p>

</div>

<div>

<h3>1. Vue unifiée de la demande & des stocks</h3>

<p>

Achelio consolide ventes, historiques de commandes, niveaux de stocks et retours pour

chaque SKU ou famille de produits.

</p>

<li>Vue par SKU, groupe de produits, client ou fournisseur.</li>

<li>Indicateurs clés : rotation, couverture, taux de rupture / retours.</li>

<li>Export direct en Excel pour vos réunions internes.</li>

</ul>

</article>

<h3>2. Prévision simplifiée, adaptée aux PME</h3>

<p>

Modèles de prévision pensés pour les réalités manufacturières (saisonnalité,

petits volumes, produits à cycle de vie court).

</p>

<li>Choix de plusieurs approches : simple, moyenne mobile, modèle avancé.</li>

<li>Scénarios « prudent », « réaliste », « ambitieux ».</li>

<li>Transparence : chaque hypothèse est visible et ajustable.</li>

</ul>

</article>

</div>

<aside>

<h3>3. Priorisation automatique des opportunités</h3>

<p>

Achelio fait ressortir les 5 à 20 produits qui méritent réellement votre attention

cette semaine.

</p>

<li>Top SKU à risque de rupture si rien n’est fait.</li>

<li>Top SKU en surstock à écouler ou à re-négocier.</li>

<li>Alertes sur les retours et la qualité fournisseur.</li>

</ul>

<span class="pill-tag">Spotter les « quick wins »</span>

<span class="pill-tag">Moins de temps dans les rapports</span>

<span class="pill-tag">Plus de temps en négociation</span>

</div>

</article>

</aside>

</div>

</section>

<p class="section-kicker">Mise en place</p>

<h2 class="section-title">Conçu pour se brancher sur votre réalité, pas l’inverse.</h2>

Le premier objectif est d’obtenir de la valeur rapidement avec vos données actuelles,

sans projet TI interminable.

</p>

</div>

<div class="step-number">Étape 1</div>

<div class="step-title">On part de vos fichiers existants</div>

<p>

Exports d’ERP, rapports de ventes, données de stock… Vous envoyez des fichiers

structurés, Achelio les normalise pour construire une base propre.

</p>

</div>

<div class="step-number">Étape 2</div>

<div class="step-title">Calibrage sur vos produits clés</div>

<p>

On valide ensemble quelques produits stratégiques pour s’assurer que les prévisions

et indicateurs font du sens par rapport à votre connaissance terrain.

</p>

</div>

<div class="step-number">Étape 3</div>

<div class="step-title">Tableau de bord & rituels</div>

<p>

Vous obtenez un tableau de bord clair et un rituel simple : quels produits regarder,

quelles décisions d’achats prendre, et quoi partager avec votre équipe.

</p>

</div>

</section>

<h2 class="section-title">Les PME manufacturières qui veulent rationaliser leurs achats.</h2>

Achelio s’adresse aux entreprises qui ont déjà un ERP ou un système maison, mais qui

ressentent le besoin d’une couche d’analyse plus « intelligente » pour leurs achats.

</p>

</div>

<h3>Directeurs & responsables achats</h3>

<p>

Pour passer de la réaction à la proaction : mieux planifier, justifier vos décisions

auprès de la direction et réduire la pression du « dernier moment ».

</p>

</article>

<h3>Planificateurs / approvisionneurs</h3>

<p>

Pour sortir la tête d’Excel et obtenir rapidement les priorités de la semaine :

quoi commander, où réduire, et quels fournisseurs challenger.

</p>

</article>

<h3>Dirigeants de PME manufacturières</h3>

<p>

Pour avoir un portrait simple des stocks, de la demande et des risques. L’objectif :

moins de capital immobilisé, plus de marge et de sérénité.

</p>

</article>

</div>

<p>

<strong>Achelio est actuellement en phase de validation avec des PME manufacturières.</strong><br>

Si vous êtes curieux de voir comment la solution pourrait s’intégrer à votre réalité,

on peut commencer par une conversation informelle basée sur vos enjeux actuels.

</p>

<a href="mailto:contact@achelio.com?subject=Exploration%20Achelio"

class="btn btn-primary">

Écrire à contact@achelio.com

</a>

<a href="https://www.linkedin.com/in/ccastillos" target="_blank" rel="noopener noreferrer"

class="btn btn-outline">

Voir le profil LinkedIn du fondateur

</a>

</div>

</section>

</main>

<span>Basé à Québec, QC · Contact : <a href="mailto:contact@achelio.com">contact@achelio.com</a></span>

</div>

</footer>

// Mobile nav toggle

const burger = document.getElementById('burger');

const navLinks = document.getElementById('navLinks');

burger.addEventListener('click', () => {

navLinks.classList.toggle('open');

});

// Close nav when clicking a link on mobile

navLinks.querySelectorAll('a').forEach(link => {

link.addEventListener('click', () => {

navLinks.classList.remove('open');

});

// Current year in footer

document.getElementById('year').textContent = new Date().getFullYear();

</script>

</body>

</html>