Reposition site around electronics automation and energy

This commit is contained in:
Clément SAILLANT
2026-03-14 23:01:46 +00:00
parent 4c6840540a
commit ae0caa5eef
15 changed files with 83 additions and 47 deletions
+6 -1
View File
@@ -3,6 +3,12 @@
Updated: 2026-03-14
Severite: critique pour coherence visuelle et lisibilite
## Positionnement de reference
- systemes electroniques specifiques
- familles visibles: electronique, automatisme, energie, stockage, optimisation
- l'embarque reste une competence, pas le libelle principal
- le lab n'est plus une surface publique a exposer
## 3 actions prioritaires
### 1. Finaliser la top bar mobile compacte
@@ -48,7 +54,6 @@ Routes a verifier:
- `/`
- `/formation/`
- `/mentions-legales/`
- `/lab/`
- `/robots.txt`
- `/sitemap.xml`
+7 -2
View File
@@ -17,6 +17,10 @@ Consolider la DA actuelle en version claire, contraste blanc, sans reintroduire
## Decisions DA
- Theme par defaut: `high-contrast` clair, oriente blanc/ivoire.
- Positionnement de reference:
- systemes electroniques specifiques
- familles mises en avant: electronique, automatisme, energie, stockage, optimisation
- l'embarque reste un sous-ensemble de l'offre, pas le titre principal
- Palette de travail:
- fonds `#ffffff`, `#faf7f2`, `#f5efe4`
- texte `#0b0a09`, `#2f2a25`
@@ -43,7 +47,7 @@ Consolider la DA actuelle en version claire, contraste blanc, sans reintroduire
- Cible: `src/components/sections/Hero.tsx`
- Elements:
- promesse
- statut/disponibilite
- familles de competence visibles
- CTA contact
- fond photo + lockup
@@ -105,6 +109,7 @@ Consolider la DA actuelle en version claire, contraste blanc, sans reintroduire
## Backlog P1
- [ ] Supprimer les references documentaires a `#projets`, Malt, GitHub Pages static prod, dual-rail hero, contrast toggle.
- [ ] Supprimer les references documentaires actives a `/lab/` comme surface publique produit.
- [ ] Verifier les events `data-track` sur les CTA actifs uniquement.
- [x] Recaler `tracking:check` sur le contrat Astro actif pour sortir des faux positifs legacy.
- [x] Valider preview OVH.
@@ -139,7 +144,7 @@ Consolider la DA actuelle en version claire, contraste blanc, sans reintroduire
### Gate Tracking
- Aucun event legacy mort.
- Clics hero/contact/lab/linkedin/email visibles dans la dataLayer.
- Clics hero/contact/linkedin/email/github visibles dans la dataLayer.
### Gate Deploy
- Preview OK avant production.
@@ -5,6 +5,7 @@ Status: active
## Decision
La version publique de L'Electron Rare repart sur une base claire, contraste blanc, par defaut.
Le positionnement public de reference devient : systemes electroniques specifiques, avec focales visibles sur electronique, automatisme, energie, stockage et optimisation.
## Pourquoi
- la homepage OVH synchronisee est la bonne base produit
@@ -48,6 +49,14 @@ La version publique de L'Electron Rare repart sur une base claire, contraste bla
- overrides DA v12: `src/styles/home-workbench.css`
- header partage: `src/components/SiteHeader.astro`
- fermeture et sync du menu mobile: script inline dans `src/layouts/BaseLayout.astro`
- promesse et familles de sujets: `src/content/home-content.ts`, `src/components/sections/Hero.tsx`, `src/components/sections/About.tsx`
## Positionnement actif
- coeur: systemes electroniques specifiques
- familles rendues visibles: electronique, automatisme, energie, stockage, optimisation
- l'embarque reste une competence, pas le libelle principal du metier
- les projets multi-techniques sont portes avec les partenaires adaptes
- le lab n'est plus une surface publique produit
## Etat courant
- preview white-contrast valide
+7 -3
View File
@@ -6,8 +6,9 @@ Source of truth: this file for execution priorities, plus the current code in `s
## Scope actif
- Site Astro publie sur OVH via GitHub Actions FTP.
- Preview publique sous `/preview/`, production a la racine.
- Pages actives: `/`, `/formation/`, `/mentions-legales/`, `/lab/`, `robots.txt`, `sitemap.xml`.
- Pages actives: `/`, `/formation/`, `/mentions-legales/`, `robots.txt`, `sitemap.xml`.
- Direction artistique active: `white-contrast`, claire par defaut, sans bouton de bascule public.
- Positionnement actif: systemes electroniques specifiques, avec familles visibles electronique, automatisme, energie, stockage et optimisation; pas limite a l'embarque, avec partenaires mobilises quand le projet devient multi-technique.
- Surface a maintenir: Hero, Approche, Cas concrets, photo strip, video strip, Missions, FAQ, Contact, footer.
## Verites de reference
@@ -32,6 +33,8 @@ Source of truth: this file for execution priorities, plus the current code in `s
- [x] Top bar mobile refondue via header partage + menu compact (`a3ccc1c`).
- [x] Preview OVH mis a jour avec la nouvelle top bar mobile et valide publiquement (`23095540371`).
- [x] Production OVH republiee avec la nouvelle top bar mobile et validee publiquement via GitHub Actions (`23096174775`).
- [x] Hero, about, footer et FAQ recales sur le positionnement `systemes electroniques specifiques`.
- [x] Signaux publics `disponible`, `freelance · France`, `UNSTABLE BY DESIGN` et exposition publique du lab retires du site.
- [ ] White-contrast pass verifiee visuellement sur preview.
- [ ] White-contrast pass verifiee visuellement sur production.
- [ ] Confirmer visuellement depuis un navigateur humain que `www` sert bien la nouvelle home sur tous les points d'acces.
@@ -47,7 +50,9 @@ Source of truth: this file for execution priorities, plus the current code in `s
## P1 - Validation live
- [x] Deployer la production a la racine avec la top bar mobile modernisee.
- [x] Re-verifier en live les routes `/`, `/formation/`, `/mentions-legales/`, `/lab/`, `/robots.txt`, `/sitemap.xml` via le check public GitHub Actions apres redeploiement.
- [ ] Republier preview et production avec le nouveau positionnement et suppression effective du repertoire `/lab/`.
- [ ] Re-verifier en live les routes `/`, `/formation/`, `/mentions-legales/`, `/robots.txt`, `/sitemap.xml` via le check public GitHub Actions apres redeploiement.
- [ ] Verifier que `https://www.lelectronrare.fr/lab/` ne fait plus partie de la surface publique servie.
- [ ] Verifier l'absence de retour vers l'ancienne homepage ou d'elements sombres residuels.
- [ ] Verifier les ancres actives: `#a-propos`, `#graphic-sprints-title`, `#faq`, `#contact`.
- [ ] Verifier la top bar mobile sur 390px et 768px: une seule ligne visible fermee, CTA `Contact` direct, menu stable, fermeture sur clic/Escape.
@@ -59,7 +64,6 @@ Source of truth: this file for execution priorities, plus the current code in `s
- `outbound_linkedin_contact`
- `outbound_email_contact`
- `outbound_github_contact`
- `cta_lab_interactif_open`
- [ ] Verifier les events auto:
- `experiment_variant_exposed`
- `engagement_scroll_depth`
+1 -1
View File
@@ -19,7 +19,7 @@ interface Props {
const {
brandHref,
items,
kicker = 'Systèmes spécifiques · Conseil · Formation',
kicker = 'Électronique · automatisme · énergie',
quickHref,
quickLabel = 'Contact',
quickAttrs = {}
+2 -2
View File
@@ -28,10 +28,10 @@ export function About() {
/>
<div className="about-intro-text">
<p className="section-lead mb-0 mt-3">
L&apos;Électron Rare intervient sur des systèmes électroniques spécifiques : prototypes, instrumentation, automatisme, interfaces techniques, énergie, contrôle et intégration terrain.
L&apos;Électron Rare intervient sur des systèmes électroniques spécifiques : électronique, instrumentation, automatisme, énergie, stockage, optimisation, contrôle et intégration terrain.
</p>
<p className="mb-0 mt-3 studio-muted">
Je suis <strong>Clément Saillant</strong>, fondateur de <strong>L&apos;électron rare</strong>. Mon rôle n&apos;est pas de vendre un peu d&apos;embarqué en plus, mais de rendre possible un système électronique juste pour le besoin réel : conception, diagnostic, mise au point, prototype, reprise d&apos;existant ou fiabilisation.
Je suis <strong>Clément Saillant</strong>, fondateur de <strong>L&apos;électron rare</strong>. Mon rôle n&apos;est pas de vendre un peu d&apos;embarqué en plus, mais de rendre possible le bon système pour le besoin réel : électronique, automatisme, énergie, stockage, optimisation, diagnostic, prototype, reprise d&apos;existant ou fiabilisation.
</p>
<p className="mb-0 mt-3 studio-muted">
J&apos;interviens seul quand le cœur du sujet est électronique. Quand le projet devient multi-technique, je m&apos;appuie sur les partenaires adaptés pour assembler le bon périmètre : mécanique, fabrication, logiciel, intégration, scénographie ou formation.
+3 -3
View File
@@ -6,7 +6,7 @@ import { TRACK_EVENTS, trackAttrs } from '@/lib/tracking';
const DEFAULT_MESSAGE = `Bonjour Clément,
J'ai un projet / besoin en électronique embarquée.
J'ai un projet / besoin autour d'un système électronique spécifique.
Contexte :
Ce que j'attends :
@@ -180,7 +180,7 @@ const defaultMailtoHref = `mailto:contact@lelectronrare.fr?subject=${encodeURICo
─────────────────────────────────────────
</p>
<p class="contact-minitel-line contact-minitel-line--dim">
Prototype · carte · diagnostic · automatisme · formation
Électronique · automatisme · énergie · diagnostic · formation
</p>
<p class="contact-minitel-line">
Mail direct : <a href="mailto:contact@lelectronrare.fr" class="contact-minitel-link">contact@lelectronrare.fr</a>
@@ -195,7 +195,7 @@ const defaultMailtoHref = `mailto:contact@lelectronrare.fr?subject=${encodeURICo
const WEB3FORMS_ENDPOINT = 'https://api.web3forms.com/submit';
const DEFAULT_MESSAGE = `Bonjour Clément,
J'ai un projet / besoin en électronique embarquée.
J'ai un projet / besoin autour d'un système électronique spécifique.
Contexte :
Ce que j'attends :
+7 -7
View File
@@ -2,7 +2,7 @@
const faqItems = [
{
question: "Quels types de projets prenez-vous en charge ?",
answer: "J'interviens sur des projets d'électronique embarquée, d'automatisme industriel, de prototypage hardware et d'instrumentation. Cela va du design de cartes PCB sur mesure à l'intégration de systèmes complets — pour le spectacle vivant, les installations artistiques, l'industrie ou l'IoT."
answer: "J'interviens sur des systèmes électroniques spécifiques : cartes et interfaces sur mesure, instrumentation, automatisme, énergie, stockage, optimisation, prototypage, reprise d'existant et intégration terrain. Cela va du sous-système électronique ciblé au système plus large, selon le besoin réel."
},
{
question: "Comment se déroule une mission type ?",
@@ -10,11 +10,11 @@ const faqItems = [
},
{
question: "Travaillez-vous avec des industriels ou uniquement le spectacle vivant ?",
answer: "Les deux. Mon parcours a démarré dans les industries créatives (spectacle vivant, installations, arts de rue avec KompleX KapharnaüM), mais j'interviens aussi pour des clients industriels : transport (CBTC), énergie, IoT, audio professionnel. Le point commun : des projets où l'électronique embarquée croise plusieurs disciplines."
answer: "Les deux. Mon parcours a démarré dans les industries créatives, mais j'interviens aussi pour des clients industriels : transport, énergie, instrumentation, audio, systèmes connectés. Le point commun : des projets où l'électronique doit être spécifique, fiable et parfois coordonnée avec d'autres métiers."
},
{
question: "Proposez-vous des formations ?",
answer: "Oui, je propose des formations en électronique embarquée, prototypage et conception PCB — en entreprise, en école ou à distance. Les programmes sont adaptables à votre contexte. Consultez la page Formation pour le catalogue, ou contactez-moi pour un programme sur mesure."
answer: "Oui. Je propose des formations en électronique, automatisme, énergie, stockage, prototypage, PCB et instrumentation — en entreprise, en école ou avec des partenaires de formation selon le contexte. Les programmes sont adaptables à votre besoin réel."
},
{
question: "Quelles technologies maîtrisez-vous ?",
@@ -22,19 +22,19 @@ const faqItems = [
},
{
question: "Quel est le délai pour un prototype ?",
answer: "Cela dépend de la complexité du projet. Un prototype simple (carte capteur, interface LED) peut être livré en 2 à 4 semaines. Un système embarqué complet avec firmware et boîtier prend généralement 6 à 10 semaines. Un premier échange permet de cadrer le planning précis."
answer: "Cela dépend de la complexité du projet. Un prototype simple peut être livré en 2 à 4 semaines. Un système plus complet avec électronique, firmware, interfaces et intégration prend généralement 6 à 10 semaines. Un premier échange permet de cadrer le planning précis."
},
{
question: "Intervenez-vous partout en France ?",
answer: "Oui. Je suis basé dans le sud de la France mais j'interviens sur tout le territoire — sur site pour les phases d'installation, de mise en service et de formation, et à distance pour la conception, le développement firmware et le consulting."
answer: "Oui. Je suis basé en France et j'interviens sur tout le territoire — sur site pour les phases d'installation, de mise en service et de formation, et à distance pour la conception, le diagnostic et la mise au point."
},
{
question: "Comment financer une formation (OPCO, CPF) ?",
answer: "Les formations peuvent être prises en charge par votre OPCO ou via d'autres dispositifs de financement professionnel. Je vous accompagne dans le montage du dossier et la rédaction du programme pédagogique adapté aux exigences de votre organisme financeur. Contactez-moi pour en discuter."
answer: "Les formations peuvent être prises en charge par votre OPCO ou via d'autres dispositifs de financement professionnel. Selon le montage, l'intervention peut aussi passer par un partenaire organisme de formation certifié. Je vous aide à cadrer le bon format."
},
{
question: "Qu'est-ce qu'un workflow agentique et comment ça s'applique à l'embarqué ?",
answer: "Un workflow agentique utilise des agents IA autonomes pour accélérer les tâches répétitives ou complexes : génération de code firmware, revue de schémas, analyse de datasheets, documentation automatique, tests de régression. Ce n'est pas un remplacement de l'expertise humaine — c'est un multiplicateur de productivité. Je forme les équipes à intégrer ces outils dans leur chaîne de développement existante."
answer: "Un workflow agentique utilise des agents IA autonomes pour accélérer les tâches répétitives ou complexes : génération de code, revue de schémas, analyse de datasheets, documentation automatique, tests de régression. Ce n'est pas un remplacement de l'expertise humaine, mais un multiplicateur de productivité pour les équipes techniques."
},
{
question: "Êtes-vous assuré ?",
+4 -4
View File
@@ -2,7 +2,7 @@ import { TRACK_EVENTS, trackAttrs } from '@/lib/tracking';
import { HERO_TITLE_WORDS } from '@/content/home-content';
import { withSiteBase } from '@/lib/site';
const HERO_SLOGAN_LINES = ['du besoin réel au système fiable'] as const;
const HERO_SLOGAN_LINES = ['électronique · automatisme · énergie'] as const;
export function Hero() {
return (
@@ -21,7 +21,7 @@ export function Hero() {
<div className="figma-lab-hero-grid">
<article className="figma-lab-left hero-panel-image">
<div className="hero-panel-head">
<p className="hero-eyebrow hero-eyebrow--image">Systèmes spécifiques · multi-techniques</p>
<p className="hero-eyebrow hero-eyebrow--image">Électronique · automatisme · énergie · optimisation</p>
</div>
<h1 id="hero-title" className="figma-lab-title">
@@ -36,7 +36,7 @@ export function Hero() {
<img src={withSiteBase('/assets/brand/logo-lockup.png')} alt="" className="hero-lockup-image" width={1400} height={700} loading="eager" decoding="sync" fetchPriority="high" />
</div>
<p className="hero-slogan" aria-label="du besoin réel au système fiable">
<p className="hero-slogan" aria-label="électronique, automatisme, énergie">
{HERO_SLOGAN_LINES.map((line, lineIndex) => (
<span key={line} className="hero-slogan-line">
{Array.from(line).map((character, charIndex) => (
@@ -55,7 +55,7 @@ export function Hero() {
<p className="figma-lab-copy hero-copy-reveal hero-copy-reveal--lead">
Votre projet demande plus qu&apos;une carte standard ou un simple conseil ponctuel ?<br />
L&apos;Électron Rare conçoit, met au point et fiabilise des systèmes électroniques spécifiques, en mobilisant les bons partenaires quand le projet devient multi-technique.
L&apos;Électron Rare conçoit, met au point et fiabilise des systèmes électroniques spécifiques, des automatismes et des ensembles liés à l&apos;énergie, au stockage et à l&apos;optimisation terrain, en mobilisant les bons partenaires quand le projet devient multi-technique.
</p>
<div className="figma-lab-cta-row">
+2 -2
View File
@@ -4,10 +4,10 @@ import type { TrackEventName } from '@/lib/tracking';
export const HERO_TITLE_WORDS = ['Systèmes électroniques spécifiques, du besoin au livrable fiable'] as const;
export const ABOUT_FAMILIES = [
'Architecture électronique spécifique : cartes, interfaces, capteurs, alimentation, reprise dexistant, mise au point et validation.',
'Électronique spécifique : cartes, interfaces, capteurs, alimentation, reprise dexistant, mise au point et validation.',
'Instrumentation, contrôle et automatisme : bancs, armoires, automates, variateurs, protocoles terrain et remise en service.',
'Dispositifs techniques pour le réel : audio, LED, scène, installation, diffusion, robustesse terrain et intégration dusage.',
'Énergie, télémétrie et systèmes connectés : mesure, batterie, collecte de données, IoT et supervision quand cest utile.',
'Énergie, stockage et optimisation : mesure, batterie, conversion, supervision, télémétrie et amélioration dexploitation.',
'Montages multi-techniques avec partenaires : mécanique, fabrication, logiciel, intégration, scénographie et formation selon le bon périmètre.'
] as const;
+13 -7
View File
@@ -49,13 +49,16 @@ const structuredDataJsonLd = JSON.stringify({
knowsAbout: [
'systèmes électroniques spécifiques',
'conception électronique sur mesure',
'design électronique embarquée',
'électronique embarquée',
'systèmes embarqués',
'conception de systèmes électroniques',
'intégration électronique multi-technique',
'systèmes électroniques sur mesure',
'consulting électronique',
'formation électronique embarquée',
'formation électronique appliquée',
'prototype hardware',
'automatisme industriel',
'gestion energie',
'stockage energie',
'optimisation systeme',
'développement IoT',
'microcontrôleur',
'instrumentation',
@@ -84,16 +87,19 @@ const structuredDataJsonLd = JSON.stringify({
knowsAbout: [
'specific electronic systems',
'electronic systems design',
'embedded electronics designer',
'custom electronics designer',
'electronics consultant',
'electronics trainer',
'embedded systems developer',
'electronic systems developer',
'IoT developer',
'electronique embarquee',
'systemes electroniques specifiques',
'consulting electronique',
'formation electronique',
'prototype hardware',
'automatisme industriel',
'gestion energie',
'stockage energie',
'optimisation systeme',
'microcontroleur',
'instrumentation',
'PCB design KiCad',
+3 -3
View File
@@ -55,11 +55,11 @@ export function stripSiteBase(pathname: string) {
export const SITE_META = {
title: "Systèmes électroniques spécifiques | L'électron rare",
description:
"Conception, mise au point et fiabilisation de systèmes électroniques spécifiques. Prototypes, instrumentation, automatisme, interfaces techniques et projets multi-techniques.",
"Conception, mise au point et fiabilisation de systèmes électroniques spécifiques. Électronique, automatisme, énergie, stockage, instrumentation et projets multi-techniques.",
ogDescription:
"L'Électron Rare conçoit et fiabilise des systèmes électroniques spécifiques, en mobilisant les partenaires adaptés quand le projet devient multi-technique.",
"L'Électron Rare conçoit et fiabilise des systèmes électroniques spécifiques en électronique, automatisme, énergie et stockage, avec les partenaires adaptés quand le projet devient multi-technique.",
twitterDescription:
"Systèmes électroniques spécifiques : conception, mise au point, fiabilisation et coordination multi-technique avec les bons partenaires.",
"Électronique, automatisme, énergie, stockage : systèmes spécifiques, mise au point et coordination multi-technique avec les bons partenaires.",
ogImagePath: 'assets/og-cover.jpg',
themeColor: '#ffffff'
} as const;
+17 -10
View File
@@ -6,8 +6,8 @@ import SiteHeader from '@/components/SiteHeader.astro';
import { withSiteBase } from '@/lib/site';
import { TRACK_EVENTS, trackAttrs } from '@/lib/tracking';
const title = "Formation embarquée | L'électron rare";
const description = "Formations sur mesure : électronique embarquée, PCB, IoT, automatisme. 1 jour, 3 jours ou programme dédié. Écoles, entreprises.";
const title = "Formation électronique appliquée | L'électron rare";
const description = "Formations sur mesure : électronique, automatisme, énergie, stockage, PCB, instrumentation, IoT et optimisation. 1 jour, 3 jours ou programme dédié. Écoles, entreprises.";
const homeHref = withSiteBase('/');
const homeAboutHref = withSiteBase('/#a-propos');
const homeMissionsHref = withSiteBase('/#graphic-sprints-title');
@@ -22,7 +22,7 @@ const headerItems = [
];
---
<BaseLayout title={title} description={description} ogDescription="Formations sur mesure en électronique embarquée : PCB, IoT, automatisme industriel. 1 jour, 3 jours ou programme dédié. Écoles, entreprises, centres de formation.">
<BaseLayout title={title} description={description} ogDescription="Formations sur mesure en électronique, automatisme, énergie, stockage, PCB, instrumentation et IoT. 1 jour, 3 jours ou programme dédié. Écoles, entreprises, centres de formation.">
<SiteHeader brandHref={homeHref} items={headerItems} quickHref={contactHref} />
<main id="main-content" class="site-shell studio-structure pb-12 pt-3">
@@ -30,12 +30,12 @@ const headerItems = [
<section class="circuit-board rounded-2xl p-5 md:p-6 mt-4" data-reveal>
<div class="circuit-title-row">
<span class="circuit-node" aria-hidden="true"></span>
<h1 class="m-0 text-3xl md:text-4xl">Formation électronique embarquée</h1>
<h1 class="m-0 text-3xl md:text-4xl">Formation électronique appliquée</h1>
<span class="circuit-pinline" aria-hidden="true"></span>
</div>
<p class="section-lead mb-0 mt-3">
Des formations pratiques, ancrées dans le terrain, pour monter en compétences sur l'électronique embarquée, la conception PCB, l'IoT et l'automatisme industriel.
Des formations pratiques, ancrées dans le terrain, pour monter en compétences sur l'électronique, l'automatisme, l'énergie, le stockage, la conception PCB, l'instrumentation, l'IoT et l'optimisation d'usage.
</p>
<p class="mb-0 mt-3 studio-muted">
Chaque formation est construite sur mesure à partir de votre contexte réel : vos projets, vos équipes, vos contraintes. Pas de slides génériques — du bench, du schéma et du livrable.
@@ -52,13 +52,13 @@ const headerItems = [
<div class="mt-4 rounded-xl border border-[color:var(--line)] p-3">
<ul class="m-0 grid grid-cols-1 gap-2 p-0">
<li class="list-none studio-chip studio-chip--cyan">
<strong>Entreprises industrielles</strong> — équipes R&D, bureaux d'études, techniciens de maintenance qui veulent intégrer l'embarqué dans leurs produits ou process.
<strong>Entreprises industrielles</strong> — équipes R&D, bureaux d'études, techniciens de maintenance qui veulent concevoir, diagnostiquer ou fiabiliser des systèmes électroniques dans leurs produits ou process.
</li>
<li class="list-none studio-chip studio-chip--vio">
<strong>Écoles et universités</strong> — BTS, IUT, grandes écoles : TP encadrés, projets tutorés, modules spécialisés en électronique embarquée.
<strong>Écoles et universités</strong> — BTS, IUT, grandes écoles : TP encadrés, projets tutorés, modules spécialisés en systèmes électroniques, PCB et prototypage.
</li>
<li class="list-none studio-chip studio-chip--pink">
<strong>Centres de formation</strong> — organismes souhaitant intégrer des modules électronique embarquée, IoT ou automatisme à leur catalogue.
<strong>Centres de formation</strong> — organismes souhaitant intégrer des modules électronique, instrumentation, énergie, stockage, IoT ou automatisme à leur catalogue.
</li>
<li class="list-none studio-chip studio-chip--emerald">
<strong>Studios créatifs et compagnies</strong> — équipes techniques du spectacle vivant, de l'événementiel ou des arts numériques qui veulent gagner en autonomie.
@@ -147,7 +147,7 @@ const headerItems = [
<div class="mt-4 grid grid-cols-1 md:grid-cols-2 gap-3">
<article class="rounded-xl border border-[color:var(--line)] p-4">
<h3 class="m-0 text-lg font-semibold">Électronique embarquée</h3>
<h3 class="m-0 text-lg font-semibold">Systèmes électroniques et embarqués</h3>
<p class="mt-2 mb-0 studio-muted">
Architecture matérielle, microcontrôleurs (STM32, ESP32, Teensy), alimentation, lecture de datasheet, debug sur bench. Conformité IPC-A-610 et CEM.
</p>
@@ -167,6 +167,13 @@ const headerItems = [
</p>
</article>
<article class="rounded-xl border border-[color:var(--line)] p-4">
<h3 class="m-0 text-lg font-semibold">Énergie, stockage et optimisation</h3>
<p class="mt-2 mb-0 studio-muted">
Batterie, BMS, télémétrie, supervision, pilotage de charges, logique d'optimisation et amélioration d'exploitation. De la mesure au système mieux réglé.
</p>
</article>
<article class="rounded-xl border border-[color:var(--line)] p-4">
<h3 class="m-0 text-lg font-semibold">Automatisme industriel</h3>
<p class="mt-2 mb-0 studio-muted">
@@ -247,7 +254,7 @@ const headerItems = [
<p class="m-0 footer-title">L'électron rare</p>
<div class="footer-brand-meta">
<p class="mb-0 footer-copy">
© 2026 Clément Saillant - design électronique embarquée, consulting, formation — industries créatives et industrie.
© 2026 Clément Saillant - systèmes électroniques spécifiques, conseil, formation — industrie, culture et projets multi-techniques.
</p>
</div>
</div>
+1 -1
View File
@@ -93,7 +93,7 @@ const headerItems = [
<p class="m-0 footer-title">L'électron rare</p>
<div class="footer-brand-meta">
<p class="mb-0 footer-copy">
© 2026 Clément Saillant - design électronique embarquée, consulting, formation — industries créatives et industrie.
© 2026 Clément Saillant - systèmes électroniques spécifiques, conseil, formation — industrie, culture et projets multi-techniques.
</p>
<p class="mb-0 footer-copy footer-copy--right">
Contact direct : LinkedIn DM ou contact@lelectronrare.fr
+1 -1
View File
@@ -159,7 +159,7 @@ const headerItems = [
<p class="m-0 footer-title">L'électron rare</p>
<div class="footer-brand-meta">
<p class="mb-0 footer-copy">
© 2026 Clément Saillant - design électronique embarquée, consulting, formation — industries créatives et industrie.
© 2026 Clément Saillant - systèmes électroniques spécifiques, conseil, formation — industrie, culture et projets multi-techniques.
</p>
</div>
</div>