Étude de cas / Réparation électronique et micro-soudure / Genève, GE / 2025
Heal ElectroniX
Heal ElectroniX est un laboratoire de réparation électronique à Genève, fondé en 2020, qui répare les appareils au niveau de la carte : micro-soudure, connecteurs, dégâts des eaux et récupération de données. Nous avons conçu et développé helectronix.com, un site qui explique la réparation sur carte à ceux à qui l'on a dit de racheter un appareil, et qui transforme leur panne en demande de diagnostic structurée.
Réalisé en collaboration avec Safwan Abdirahman
Voir le site en ligne ↗100/100
Score SEO Lighthouse
100/100
Score de performance Lighthouse sur ordinateur
0,5 s
Affichage du contenu principal sur ordinateur
Le défi
La plupart des gens n'ont jamais entendu parler de micro-soudure. Quand un téléphone ne charge plus ou qu'un ordinateur ne démarre plus, la réponse habituelle est le remplacement, et le client pense qu'il n'y a rien d'autre à faire. Le site devait montrer, sans jargon, que la panne tient souvent à un composant, un connecteur ou une piste fissurée.
Il devait aussi trier les demandes. Le laboratoire promet un diagnostic avant tout devis, et cela marche mieux quand il connaît l'appareil, les symptômes et leur historique avant de le recevoir.
Ce que nous avons réalisé
La page d'accueil porte une carte électronique animée. Un signal part du connecteur USB-C et s'arrête sur une piste fissurée, une sonde au point de test TP4 lit 0,00 V, un fil de réparation est soudé sur la fissure et la mesure passe à 3,30 V. En quelques secondes, le visiteur voit ce que veulent dire diagnostiquer, réparer et restaurer sur une vraie carte. Un tableau liste ensuite sept symptômes et ce que l'atelier vérifie d'abord pour chacun.
La demande de diagnostic est un formulaire en six étapes : l'appareil, les problèmes (plusieurs choix possibles), depuis quand, l'état actuel et l'importance des données, jusqu'à trois photos, puis les coordonnées. Les photos sont réduites à 2000 px dans le navigateur avant l'envoi, avec une limite de 8 Mo, et Netlify Forms reçoit les demandes avec un champ piège contre les robots.
Le site tourne sur Next.js, hébergé chez Netlify. Il compte une page par service et par type d'appareil, six guides qui répondent à ce que les gens cherchent avant une réparation, une FAQ, une page sur l'atelier et son fondateur, et une page de réparations construite sur un protocole fixe de quatre photos : l'appareil à l'arrivée, la panne au microscope, l'intervention sur la carte, le résultat après les tests. Les données structurées décrivent l'entreprise, son fondateur et la zone desservie.
Points forts
- Une carte électronique animée : une panne trouvée, réparée, puis mesurée à nouveau
- Un tableau des symptômes : sept situations et ce que l'atelier vérifie d'abord
- Un diagnostic en six étapes avec jusqu'à trois photos, réduites dans le navigateur
- Une page par service et par type d'appareil, du téléphone à l'ordinateur
- Six guides de réparation, une FAQ et une page atelier
- Une page de réparations construite sur un protocole de quatre photos
- Appel, WhatsApp ou demande en ligne depuis chaque page
Technologies
Next.js · React · GSAP · Netlify · Netlify Forms
Articles
Parlons de votre projet
Parlez-nous de votre entreprise. Nous vous répondons avec un plan clair et une démo fonctionnelle dès le début du projet.