§ 01 — CONTEXTE
Contexte
Sami Robotics développe une plateforme robotique multifonction pour l'agriculture moderne : robotique avancée, IA et analytique de données pour automatiser les opérations de champ les plus exigeantes en main-d'œuvre. La première application en production est la récolte autonome de brassicacées et de laitue, avec d'autres applications (désherbage, éclaircissage, fertilisation, lutte aux ravageurs) en développement sur la même machine. L'entreprise avait besoin d'une vitrine capable de parler à trois publics à la fois — producteurs maraîchers, investisseurs et candidats — dans trois langues, et de tenir la crédibilité d'une entreprise deep tech avant même le lancement public.
§ 02 — DÉFI
Défi
Traduire un produit physique complexe en une page qui se comprend en trente secondes, sans survendre : la plateforme évolue, certaines applications sont en production et d'autres pas, et chaque affirmation doit rester exacte. Il fallait aussi un site trilingue FR / EN / ES sans dette de traduction, un accès protégé pendant la phase pré-lancement, des formulaires Démo et Contact fiables avec consentement conforme à la Loi 25, et un respect strict du design system de la marque — turquoise en remplissage seulement, une seule action primaire par écran, contraste visé AAA.
§ 03 — SOLUTION
Solution
Le site tourne sur Next.js 16 (App Router, TypeScript) avec Tailwind v4 et des primitives shadcn/ui, sur un jeu de tokens de marque qui porte le ratio 60 pétrole / 30 turquoise / 10 indigo, les ombres teintées et le rayon pill. Montserrat est auto-hébergée via next/font/local avec un fallback à métriques ajustées : CLS à zéro sans épingler les polices sur le chemin critique du LCP. L'i18n passe par un segment dynamique [locale] et des dictionnaires TypeScript typés maison — un fichier par domaine, aucune bibliothèque i18n, et des slugs traduits par locale. Les formulaires Démo et Contact sont des Server Actions validées par zod, avec rate limiting, envoi via Resend (DKIM / SPF / DMARC) et consentement horodaté pour la Loi 25. Une gate par mot de passe protège le site pendant le pré-lancement. Côté visibilité : metadata Next, JSON-LD, robots, sitemap, manifest, images OG générées et fichier llms.txt pour les crawlers d'IA. J'ai aussi écrit et je maintiens les pages de gouvernance — confidentialité, conditions d'utilisation, politique de témoins — ainsi que le kit média destiné à la presse, et un générateur de signatures courriel pour uniformiser l'équipe. Déploiement sur AWS Amplify en SSR, avec branche main vers l'environnement de développement et release vers la production.
§ 04 — RÉSULTAT
Résultat
Une vitrine qui soutient à la fois la mise en marché, le recrutement et les relations avec la presse et les investisseurs, dans les trois langues des marchés visés. Le rapport Lighthouse de Google donne 96 en performances, 97 en accessibilité et 100/100 en bonnes pratiques comme en SEO, avec une navigation agentique validée 3/3 — le site est lisible autant par les moteurs de recherche que par les agents d'IA qui répondent maintenant aux questions des producteurs. Et il vit au rythme du produit : ajouter une application de champ, une offre d'emploi ou une actualité ne demande pas de refonte, et les pages légales suivent les mêmes cycles de mise à jour que le reste du contenu.
