Iso-Plane
Revision as of 16:44, 28 April 2026 by Wiki.admin (talk | contribs)
<!doctype html> <html lang="fr"> <head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>ISO-Plane™ — Container Air Logistics</title>
<meta name="description" content="ISO-Plane™ est un projet aéronautique collaboratif conçu pour transporter un conteneur ISO 20 pieds avec chargement autonome." />
<style>
:root {
--bg: #07111f;
--bg-2: #0b1d33;
--surface: rgba(255, 255, 255, 0.075);
--surface-2: rgba(255, 255, 255, 0.12);
--text: #eef6ff;
--muted: #a8bdd2;
--line: rgba(255, 255, 255, 0.14);
--accent: #f5b83b;
--accent-2: #36d1dc;
--green: #5be49b;
--danger: #ff6b6b;
--shadow: 0 24px 80px rgba(0, 0, 0, 0.35);
--radius: 26px;
--max: 1180px;
font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
margin: 0;
background:
radial-gradient(circle at 20% 0%, rgba(54, 209, 220, 0.16), transparent 28%),
radial-gradient(circle at 80% 12%, rgba(245, 184, 59, 0.14), transparent 30%),
linear-gradient(180deg, #07111f 0%, #0a1728 45%, #07111f 100%);
color: var(--text);
overflow-x: hidden;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
.page-shell {
position: relative;
min-height: 100vh;
}
.page-shell::before {
content: "";
position: fixed;
inset: 0;
pointer-events: none;
background-image:
linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px);
background-size: 64px 64px;
mask-image: linear-gradient(to bottom, rgba(0,0,0,0.85), transparent 76%);
z-index: -1;
}
.container {
width: min(100% - 34px, var(--max));
margin-inline: auto;
}
.topbar {
position: sticky;
top: 0;
z-index: 50;
backdrop-filter: blur(18px);
background: rgba(7, 17, 31, 0.72);
border-bottom: 1px solid var(--line);
}
.nav {
height: 76px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
}
.brand {
display: flex;
align-items: center;
gap: 12px;
font-weight: 800;
letter-spacing: 0.03em;
}
.brand-mark {
width: 42px;
height: 42px;
border-radius: 14px;
display: grid;
place-items: center;
background: linear-gradient(135deg, var(--accent), #ffe38f);
color: #07111f;
box-shadow: 0 12px 38px rgba(245, 184, 59, 0.28);
font-weight: 900;
}
.brand small {
display: block;
color: var(--muted);
font-size: 0.72rem;
font-weight: 600;
letter-spacing: 0.16em;
text-transform: uppercase;
margin-top: 2px;
}
.nav-links {
display: flex;
align-items: center;
gap: 24px;
color: var(--muted);
font-size: 0.94rem;
}
.nav-links a:hover { color: var(--text); }
.cta-small {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 11px 18px;
border-radius: 999px;
background: rgba(245, 184, 59, 0.14);
border: 1px solid rgba(245, 184, 59, 0.38);
color: #ffe4a5;
font-weight: 700;
}
.hero {
padding: 86px 0 58px;
position: relative;
}
.hero-grid {
display: grid;
grid-template-columns: minmax(0, 1.03fr) minmax(360px, 0.97fr);
gap: 44px;
align-items: center;
}
.eyebrow {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 9px 13px;
border: 1px solid var(--line);
border-radius: 999px;
background: rgba(255, 255, 255, 0.06);
color: #cde5fb;
font-size: 0.88rem;
font-weight: 700;
}
.pulse {
width: 9px;
height: 9px;
border-radius: 50%;
background: var(--green);
box-shadow: 0 0 0 7px rgba(91, 228, 155, 0.14);
}
h1 {
font-size: clamp(3.15rem, 7vw, 6.65rem);
line-height: 0.89;
margin: 22px 0 22px;
letter-spacing: -0.075em;
}
.hero h1 span {
color: transparent;
background: linear-gradient(90deg, #fff, #a7dfff 52%, #ffd36f);
background-clip: text;
-webkit-background-clip: text;
}
.lead {
color: var(--muted);
font-size: clamp(1.08rem, 2vw, 1.28rem);
line-height: 1.65;
max-width: 660px;
margin: 0 0 30px;
}
.hero-actions {
display: flex;
flex-wrap: wrap;
gap: 14px;
margin: 34px 0;
}
.button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
padding: 15px 22px;
border-radius: 999px;
font-weight: 800;
transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
border: 1px solid transparent;
cursor: pointer;
}
.button:hover { transform: translateY(-2px); }
.button-primary {
color: #07111f;
background: linear-gradient(135deg, var(--accent), #ffe590);
box-shadow: 0 18px 50px rgba(245, 184, 59, 0.25);
}
.button-secondary {
color: var(--text);
background: rgba(255, 255, 255, 0.07);
border-color: var(--line);
}
.trust-row {
display: grid;
grid-template-columns: repeat(4, minmax(110px, 1fr));
gap: 12px;
max-width: 670px;
}
.metric {
padding: 17px 16px;
border: 1px solid var(--line);
border-radius: 20px;
background: rgba(255, 255, 255, 0.055);
}
.metric strong {
display: block;
font-size: 1.4rem;
line-height: 1.1;
color: #fff;
letter-spacing: -0.04em;
}
.metric span {
display: block;
margin-top: 7px;
color: var(--muted);
font-size: 0.84rem;
}
.hero-visual {
position: relative;
min-height: 560px;
}
.visual-card {
position: absolute;
inset: 0;
border-radius: 38px;
border: 1px solid var(--line);
background:
linear-gradient(160deg, rgba(255,255,255,0.13), rgba(255,255,255,0.04)),
radial-gradient(circle at 78% 18%, rgba(245,184,59,0.22), transparent 28%),
radial-gradient(circle at 20% 86%, rgba(54,209,220,0.18), transparent 28%);
box-shadow: var(--shadow);
overflow: hidden;
}
.runway {
position: absolute;
left: -8%;
right: -8%;
bottom: 54px;
height: 120px;
transform: perspective(680px) rotateX(62deg);
background:
repeating-linear-gradient(90deg, transparent 0 76px, rgba(255,255,255,0.18) 76px 92px),
linear-gradient(180deg, rgba(255,255,255,0.18), rgba(255,255,255,0.04));
border-top: 1px solid rgba(255,255,255,0.25);
opacity: 0.75;
}
.aircraft {
position: absolute;
width: min(92%, 560px);
height: 280px;
left: 50%;
top: 45%;
transform: translate(-50%, -50%);
filter: drop-shadow(0 34px 40px rgba(0,0,0,0.45));
}
.fuselage {
position: absolute;
left: 8%;
right: 8%;
top: 42%;
height: 68px;
border-radius: 999px 999px 36px 36px;
background: linear-gradient(180deg, #ecf7ff, #89a8bd 58%, #45657c);
box-shadow: inset 0 -9px 18px rgba(0,0,0,0.22);
}
.nose {
position: absolute;
left: 2%;
top: 42%;
width: 130px;
height: 68px;
border-radius: 70% 0 0 70%;
background: linear-gradient(180deg, #f9fdff, #789db7);
}
.tail {
position: absolute;
right: 3%;
top: 28%;
width: 120px;
height: 120px;
clip-path: polygon(0 44%, 72% 0, 84% 16%, 42% 58%, 100% 100%, 63% 100%);
background: linear-gradient(135deg, #d9f1ff, #6b8aa3);
}
.wing {
position: absolute;
left: 17%;
right: 12%;
top: 24%;
height: 64px;
transform: skewX(-18deg);
border-radius: 16px 70px 70px 16px;
background: linear-gradient(180deg, #d8f1ff, #5d829d);
box-shadow: inset 0 -10px 18px rgba(0,0,0,0.22);
}
.engine {
position: absolute;
top: 31%;
width: 78px;
height: 46px;
border-radius: 40px;
background: linear-gradient(180deg, #20384d, #07111f);
border: 1px solid rgba(255,255,255,0.25);
}
.engine::before {
content: "";
position: absolute;
inset: 9px;
border-radius: 50%;
border: 2px solid rgba(255,255,255,0.28);
background: radial-gradient(circle, #94dfff 0 16%, transparent 18%);
}
.engine.left { left: 30%; }
.engine.right { right: 25%; }
.container-box {
position: absolute;
left: 50%;
bottom: 118px;
width: 250px;
height: 86px;
transform: translateX(-50%);
border-radius: 14px;
background:
repeating-linear-gradient(90deg, rgba(0,0,0,0.13) 0 3px, transparent 3px 22px),
linear-gradient(135deg, #f0b544, #d66f2a);
border: 1px solid rgba(255,255,255,0.28);
box-shadow: inset 0 -10px 18px rgba(0,0,0,0.22), 0 18px 35px rgba(0,0,0,0.35);
}
.container-box::after {
content: "20' ISO CONTAINER";
position: absolute;
inset: 0;
display: grid;
place-items: center;
color: rgba(7, 17, 31, 0.74);
font-weight: 900;
letter-spacing: 0.12em;
font-size: 0.76rem;
}
.lift-line {
position: absolute;
bottom: 206px;
width: 2px;
height: 64px;
background: linear-gradient(180deg, transparent, rgba(255,255,255,0.6));
}
.lift-line.a { left: 35%; }
.lift-line.b { left: 45%; }
.lift-line.c { right: 45%; }
.lift-line.d { right: 35%; }
.floating-label {
position: absolute;
padding: 12px 14px;
border: 1px solid var(--line);
border-radius: 18px;
background: rgba(7, 17, 31, 0.7);
backdrop-filter: blur(16px);
box-shadow: 0 16px 35px rgba(0,0,0,0.25);
color: #dff7ff;
font-size: 0.86rem;
}
.floating-label strong { color: #fff; display: block; margin-bottom: 4px; }
.floating-label.one { top: 34px; right: 34px; }
.floating-label.two { left: 28px; bottom: 34px; }
section { padding: 82px 0; }
.section-head {
display: flex;
justify-content: space-between;
align-items: end;
gap: 24px;
margin-bottom: 34px;
}
.section-kicker {
color: var(--accent);
font-weight: 900;
text-transform: uppercase;
letter-spacing: 0.18em;
font-size: 0.78rem;
margin-bottom: 12px;
}
h2 {
margin: 0;
font-size: clamp(2rem, 4vw, 3.35rem);
line-height: 1;
letter-spacing: -0.055em;
}
.section-head p {
margin: 0;
max-width: 480px;
color: var(--muted);
line-height: 1.65;
}
.grid-3 {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 18px;
}
.card {
border: 1px solid var(--line);
border-radius: var(--radius);
background: linear-gradient(180deg, rgba(255,255,255,0.095), rgba(255,255,255,0.045));
padding: 26px;
box-shadow: 0 18px 50px rgba(0,0,0,0.18);
position: relative;
overflow: hidden;
}
.card::before {
content: "";
position: absolute;
inset: 0;
background: radial-gradient(circle at 12% 0%, rgba(54,209,220,0.10), transparent 36%);
pointer-events: none;
}
.icon {
width: 48px;
height: 48px;
border-radius: 17px;
display: grid;
place-items: center;
background: rgba(245,184,59,0.16);
border: 1px solid rgba(245,184,59,0.26);
color: #ffe4a5;
margin-bottom: 18px;
font-size: 1.35rem;
}
.card h3 {
position: relative;
margin: 0 0 10px;
font-size: 1.26rem;
letter-spacing: -0.03em;
}
.card p,
.card li {
position: relative;
color: var(--muted);
line-height: 1.65;
}
.card p { margin: 0; }
.card ul { margin: 14px 0 0; padding-left: 18px; }
.split {
display: grid;
grid-template-columns: 0.92fr 1.08fr;
gap: 22px;
align-items: stretch;
}
.problem-panel {
border: 1px solid rgba(255,255,255,0.16);
border-radius: 32px;
padding: 32px;
background: linear-gradient(135deg, rgba(255,255,255,0.10), rgba(255,255,255,0.04));
}
.problem-panel h3 {
margin: 0 0 18px;
font-size: 1.7rem;
letter-spacing: -0.04em;
}
.comparison-list {
display: grid;
gap: 13px;
margin: 0;
padding: 0;
list-style: none;
}
.comparison-list li {
display: flex;
gap: 12px;
padding: 14px;
border-radius: 18px;
background: rgba(255,255,255,0.055);
color: var(--muted);
line-height: 1.5;
}
.comparison-list b { color: #fff; }
.check, .cross {
width: 24px;
height: 24px;
flex: 0 0 24px;
border-radius: 50%;
display: grid;
place-items: center;
font-size: 0.8rem;
font-weight: 900;
}
.check { background: rgba(91,228,155,0.16); color: var(--green); }
.cross { background: rgba(255,107,107,0.14); color: var(--danger); }
.mission-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 16px;
}
.mission-card {
min-height: 285px;
border: 1px solid var(--line);
border-radius: 30px;
padding: 24px;
display: flex;
flex-direction: column;
justify-content: flex-end;
background:
linear-gradient(180deg, transparent, rgba(7,17,31,0.88)),
radial-gradient(circle at 50% 10%, rgba(54,209,220,0.24), transparent 34%),
rgba(255,255,255,0.06);
overflow: hidden;
position: relative;
}
.mission-card::before {
content: attr(data-number);
position: absolute;
top: 16px;
left: 20px;
color: rgba(255,255,255,0.13);
font-size: 4.2rem;
line-height: 1;
font-weight: 900;
letter-spacing: -0.08em;
}
.mission-card h3 { margin: 0 0 8px; font-size: 1.17rem; }
.mission-card p { margin: 0; color: var(--muted); line-height: 1.55; }
.tech-wrap {
display: grid;
grid-template-columns: 1.06fr 0.94fr;
gap: 22px;
}
.spec-table {
width: 100%;
border-collapse: collapse;
overflow: hidden;
border-radius: 26px;
border: 1px solid var(--line);
background: rgba(255,255,255,0.055);
}
.spec-table th, .spec-table td {
padding: 17px 20px;
border-bottom: 1px solid var(--line);
text-align: left;
}
.spec-table tr:last-child th,
.spec-table tr:last-child td { border-bottom: 0; }
.spec-table th { color: #dff7ff; width: 42%; font-weight: 800; }
.spec-table td { color: var(--muted); }
.feature-stack {
display: grid;
gap: 16px;
}
.feature {
padding: 22px;
border: 1px solid var(--line);
border-radius: 24px;
background: rgba(255,255,255,0.06);
}
.feature strong { display: block; margin-bottom: 8px; color: #fff; }
.feature span { display: block; color: var(--muted); line-height: 1.55; }
.loading-scene {
border: 1px solid var(--line);
border-radius: 34px;
padding: 30px;
background:
radial-gradient(circle at 75% 18%, rgba(245,184,59,0.16), transparent 28%),
rgba(255,255,255,0.055);
display: grid;
grid-template-columns: 1fr 1fr;
gap: 28px;
align-items: center;
box-shadow: var(--shadow);
}
.process {
display: grid;
gap: 14px;
counter-reset: step;
}
.process-item {
counter-increment: step;
display: grid;
grid-template-columns: 44px 1fr;
gap: 14px;
align-items: start;
padding: 16px;
border-radius: 18px;
background: rgba(255,255,255,0.055);
border: 1px solid rgba(255,255,255,0.09);
}
.process-item::before {
content: counter(step);
width: 44px;
height: 44px;
border-radius: 15px;
display: grid;
place-items: center;
background: linear-gradient(135deg, var(--accent-2), #9df6ff);
color: #07111f;
font-weight: 900;
}
.process-item strong { display: block; margin-bottom: 4px; }
.process-item span { color: var(--muted); line-height: 1.5; }
.media-placeholder {
min-height: 390px;
border-radius: 28px;
background:
linear-gradient(180deg, rgba(255,255,255,0.12), rgba(255,255,255,0.04)),
linear-gradient(135deg, rgba(54,209,220,0.2), rgba(245,184,59,0.16));
border: 1px solid var(--line);
position: relative;
overflow: hidden;
display: grid;
place-items: center;
}
.media-placeholder::after {
content: "Autonomous loading system";
position: absolute;
left: 20px;
bottom: 20px;
right: 20px;
padding: 14px 16px;
border-radius: 18px;
background: rgba(7,17,31,0.72);
backdrop-filter: blur(12px);
color: #fff;
font-weight: 800;
}
.mini-plane {
width: 78%;
height: 210px;
position: relative;
transform: translateY(-6px);
}
.mini-plane .body { position:absolute; left:8%; right:8%; top:45%; height:42px; border-radius:999px; background:#e8f7ff; }
.mini-plane .topwing { position:absolute; left:15%; right:12%; top:28%; height:38px; border-radius:12px 60px 60px 12px; background:#8fd6ff; transform:skewX(-16deg); }
.mini-plane .cargo { position:absolute; left:50%; bottom:10%; width:48%; height:56px; transform:translateX(-50%); border-radius:10px; background:#e89532; }
.mini-plane .line { position:absolute; width:2px; height:72px; top:45%; background:rgba(255,255,255,0.74); }
.mini-plane .l1 { left:34%; } .mini-plane .l2 { left:45%; } .mini-plane .l3 { right:45%; } .mini-plane .l4 { right:34%; }
.timeline {
position: relative;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 16px;
margin-top: 24px;
}
.timeline::before {
content: "";
position: absolute;
top: 41px;
left: 8%;
right: 8%;
height: 1px;
background: var(--line);
z-index: -1;
}
.tl-card {
padding: 22px;
border: 1px solid var(--line);
border-radius: 24px;
background: rgba(255,255,255,0.06);
}
.tl-badge {
width: 42px;
height: 42px;
border-radius: 50%;
display: grid;
place-items: center;
background: #07111f;
border: 1px solid rgba(245,184,59,0.5);
color: var(--accent);
font-weight: 900;
margin-bottom: 16px;
}
.tl-card h3 { margin: 0 0 8px; }
.tl-card p { margin: 0; color: var(--muted); line-height: 1.55; }
.partner-band {
border: 1px solid var(--line);
border-radius: 36px;
padding: 36px;
background:
linear-gradient(135deg, rgba(245,184,59,0.18), transparent 42%),
linear-gradient(180deg, rgba(255,255,255,0.12), rgba(255,255,255,0.05));
display: grid;
grid-template-columns: 1fr auto;
gap: 28px;
align-items: center;
box-shadow: var(--shadow);
}
.partner-band h2 { margin-bottom: 14px; }
.partner-band p { margin: 0; color: var(--muted); line-height: 1.65; max-width: 720px; }
.notice {
margin-top: 22px;
padding: 16px 18px;
border: 1px solid rgba(255,255,255,0.12);
border-radius: 18px;
background: rgba(255,255,255,0.045);
color: var(--muted);
font-size: 0.92rem;
line-height: 1.55;
}
footer {
padding: 34px 0 52px;
color: var(--muted);
border-top: 1px solid var(--line);
}
.footer-grid {
display: flex;
justify-content: space-between;
gap: 20px;
flex-wrap: wrap;
align-items: center;
}
.reveal {
opacity: 0;
transform: translateY(22px);
transition: opacity 0.7s ease, transform 0.7s ease;
}
.reveal.visible { opacity: 1; transform: translateY(0); }
@media (max-width: 960px) {
.nav-links { display: none; }
.hero-grid,
.split,
.tech-wrap,
.loading-scene,
.partner-band { grid-template-columns: 1fr; }
.hero-visual { min-height: 480px; }
.grid-3, .mission-grid { grid-template-columns: repeat(2, 1fr); }
.trust-row { grid-template-columns: repeat(2, 1fr); }
.timeline { grid-template-columns: repeat(2, 1fr); }
.section-head { display: block; }
.section-head p { margin-top: 16px; }
}
@media (max-width: 620px) {
.hero { padding-top: 54px; }
.hero-visual { min-height: 420px; }
.grid-3, .mission-grid, .timeline { grid-template-columns: 1fr; }
.visual-card { border-radius: 28px; }
.aircraft { width: 108%; }
.container-box { width: 210px; }
.floating-label.one { right: 18px; top: 18px; }
.floating-label.two { left: 18px; bottom: 18px; }
.spec-table th, .spec-table td { display: block; width: 100%; padding: 13px 16px; }
.spec-table th { padding-bottom: 2px; }
.spec-table td { padding-top: 2px; }
.partner-band { padding: 26px; }
}
</style>
</head> <body>
<header class="topbar">
<a class="brand" href="#top" aria-label="ISO-Plane homepage">
ISO
ISO-Plane™Container Air Logistics
</a>
<nav class="nav-links" aria-label="Navigation principale">
<a href="#missions">Missions</a>
<a href="#technology">Technologie</a>
<a href="#specs">Caractéristiques</a>
<a href="#trl">TRL</a>
<a class="cta-small" href="#join">Devenir partenaire</a>
</nav>
</header>
<main id="top">
<section class="hero">
Configuration TRL3 · Concept collaboratif ouvert
One container.
One aircraft.
One mission.
ISO-Plane™ est un avion-cargo léger spécialisé dans le transport autonome d’un conteneur ISO 20 pieds. Sa promesse : supprimer la dépendance aux grues, loaders et infrastructures lourdes pour accélérer la logistique aérienne critique.
<a class="button button-primary" href="#join">Ouvrir une discussion partenariat →</a>
<a class="button button-secondary" href="#specs">Voir la fiche technique</a>
20 ftConteneur ISO standard
8 tCharge utile cible
6 000 kmAutonomie visée
2 × PW150ATurbopropulseurs éprouvés
Autonomous loadingGround or truck trailer
Infrastructure-lightDesigned for regular runways
</section>
<section id="positioning">
Market gap
Le chaînon manquant entre fret régional et transport militaire lourd.
- ×Les avions cargo régionaux ne sont pas conçus autour du conteneur ISO standard.
- ×Les plateformes capables d’emporter un conteneur sont souvent plus grandes, plus lourdes et nécessitent une logistique au sol importante.
- ✓ISO-Plane vise un transport direct, autonome et rapide d’un seul conteneur stratégique.
<article class="card reveal">
▣
Container-first design
La cellule, la soute, les portes et le système de levage sont pensés autour d’un conteneur ISO 20 pieds, pas autour d’une palette aérienne classique.
</article>
<article class="card reveal">
↧
Autonomie au sol
Chargement et déchargement depuis le sol ou une remorque, avec bras mécanisés, interfaces twist-locks et système de secours par treuils.
</article>
<article class="card reveal">
◎
Plateforme multi-rôle
Un même avion, des modules conteneurisés : logistique, secours, médical, défense, lutte anti-incendie ou missions spéciales.
</article>
</section>
<section id="missions">
Missions
Une plateforme, plusieurs marchés.
ISO-Plane valorise le conteneur comme module opérationnel : le client prépare la mission au sol, l’avion transporte, dépose et repart avec un minimum d’infrastructure.
<article class="mission-card reveal" data-number="01">
Logistique critique
Approvisionnement rapide de sites industriels, bases avancées, plateformes isolées ou zones mal connectées.
</article>
<article class="mission-card reveal" data-number="02">
Aide humanitaire
Déploiement de matériel médical, énergie, eau, abris ou modules de communication en contexte de crise.
</article>
<article class="mission-card reveal" data-number="03">
Firefighting
Module conteneurisé de largage d’eau pour transformer l’appareil en vecteur aérien spécialisé.
</article>
<article class="mission-card reveal" data-number="04">
Défense & missions spéciales
Transport tactique de conteneurs, équipements sensibles, ateliers mobiles ou systèmes modulaires.
</article>
</section>
<section id="technology">
Technology review
Conçu pour charger ce que les autres doivent reconditionner.
Le cœur de l’innovation n’est pas seulement le transport du conteneur : c’est la capacité à le prendre, le verrouiller, le protéger et le déposer sans équipement externe lourd.
Cargo handling
Chargement autonome en quatre temps.
AlignerPositionnement de l’avion ou du camion selon le scénario opérationnel.
OuvrirOuverture arrière et porte ventrale trois panneaux pour libérer l’accès conteneur.
Verrouiller & leverBras mécanisés connectés aux coins ISO avec interfaces twist-locks.
SécuriserFermeture, fixation en soute pressurisée et préparation au roulage.
</section>
<section id="specs">
Key technical characteristics
Fiche conceptuelle
Une architecture cargo spécialisée, optimisée autour d’un conteneur unique et d’une exploitation autonome sur piste conventionnelle.
| Container | 1 × conteneur ISO 20 pieds |
|---|---|
| Payload cible | Jusqu’à 8 tonnes |
| MTOW estimée | Environ 30 tonnes |
| Range visée | Jusqu’à 6 000 km selon mission |
| Motorisation | 2 × Pratt & Whitney PW150A |
| Architecture | Aile haute, bipoutre, soute pressurisée |
| Train principal | Dérivé Q400, rétracté dans les nacelles |
| Cargo system | Porte ventrale trois panneaux + bras robotisés |
<article class="feature reveal">Ventral cargo doorMécanisme trois panneaux pour accès au conteneur depuis le sol, compatible avec une logique de soute pressurisée.</article> <article class="feature reveal">Robotic lifting armsQuatre bras mécanisés rétractables avec accrochage aux coins ISO et secours par quatre treuils électriques.</article> <article class="feature reveal">High-wing architectureGarde au sol, intégration de nacelles et préservation du volume central pour la soute cargo.</article> <article class="feature reveal">Q400-derived landing gearTrain principal intégré sous les moteurs afin de conserver la continuité de la soute ventrale.</article>
</section>
<section id="trl">
Development status
De l’idée au programme TRL3.
Le projet combine recherche académique, études d’architecture, maquette numérique et contributions industrielles dans un cadre Lesser Open Bee License 1.3.
<article class="tl-card reveal">
0
TRL0 · 2012–2014
Exploration du besoin : transporter un conteneur ISO avec l’avion le plus léger possible.
</article> <article class="tl-card reveal">1
TRL1 · 2015–2018
Définition d’architectures préliminaires, choix de grands principes et premières solutions de soute.
</article> <article class="tl-card reveal">2
TRL2 · 2024–2025
Configuration validée, maquette numérique 3D, choix techniques et scénarios de chargement.
</article> <article class="tl-card reveal">3
TRL3 · 2026
Lancement des études détaillées : structure, aérodynamique, portes, levage, FEA et CFD.
</article></section>
<section id="join">
Join the programme
Construisons la prochaine brique du transport aérien conteneurisé.
ISO-Plane est ouvert aux écoles, laboratoires, ingénieurs, avionneurs, équipementiers et partenaires mission. Les contributions ouvertes structurent l’architecture commune, tandis que des briques industrielles privées peuvent s’intégrer au programme.
Note programme : cette page présente l’ISO-Plane comme vision produit et support de partenariat. L’appareil est en phase de développement et ne doit pas être présenté comme certifié ou disponible à la vente opérationnelle.
<a class="button button-primary" href="mailto:contact@iso-plane.com?subject=ISO-Plane%20Partnership%20Inquiry">contact@iso-plane.com</a>
</section> </main>
<footer>
</footer>
<script>
const observer = new IntersectionObserver((entries) => {
entries.forEach((entry) => {
if (entry.isIntersecting) {
entry.target.classList.add('visible');
observer.unobserve(entry.target);
}
});
}, { threshold: 0.12 });
document.querySelectorAll('.reveal').forEach((element) => observer.observe(element));
</script>
</body> </html>