Tous les projets
PrototypeEn test

Orbite

Un graphe d'expertises en orbite, animé et navigable au clavier, qui reste lisible sur un téléphone.

Mis à jour
Rôle
Conception et développement
Statut
En test

Feuille de route

La difficulté n’est pas de faire tourner des nœuds autour d’un centre. Elle est de le faire sans perdre les gens qui naviguent au clavier, ceux qui ont désactivé les animations, et ceux qui regardent sur un écran de six pouces.

Le parti pris est de redessiner pour le mobile plutôt que d’amputer : une signature visuelle qui disparaît là où la moitié des visiteurs arrivent n’est pas une signature.

Points clés

  • Tracé en SVG — nœud central, rayons et anneau — sans une seule image bitmap.
  • Rotation automatique, suspendue dès la première interaction et reprise à la demande.
  • Mouvement entièrement coupé quand le système demande moins d'animation.

Technologies

  • SVG
  • CSS
  • TypeScript

Jalons

2 / 4
  1. Terminé —Rendu SVG : nœud central, rayons, anneau
  2. Terminé —Rotation automatique, suspendue à l'interaction
  3. À venir —Navigation au clavier et annonce du nœud actif
  4. À venir —Tracé redessiné pour le mobile, jamais masqué

Autres projets

PrototypeRoadmap

Pipeline de rédaction assistée

Rédiger un article en français, en dériver la version anglaise et les métadonnées, sans qu'un modèle ne publie quoi que ce soit tout seul.

  • MDX
  • TypeScript
  • Claude
PrototypeArchivé

Maquettes Pencil

Une première passe de conception dans un éditeur de maquettes, abandonnée au profit de prototypes HTML directement testables.

  • Pencil
ProduitEn test

Yorro.dev

Le site du studio : vitrine, journal et tutoriels, construit comme une démonstration de l'architecture qu'on vend.

  • Astro
  • TypeScript
  • Tailwind CSS
  • Cloudflare Pages
  • +1

Agir

Thème sombreFixer l'apparence du sitesetTheme({theme:"dark"})
Thème clairFixer l'apparence du sitesetTheme({theme:"light"})
Thème du systèmeSuivre à nouveau la préférence du systèmesetTheme({theme:"system"})
Passer le site en anglaisEnglishsetLocale({locale:"en"})
Labs — ProduitFiltrer les Labs par typefilterLabs({type:"Produit"})
Labs — PrototypeFiltrer les Labs par typefilterLabs({type:"Prototype"})
Labs — RechercheFiltrer les Labs par typefilterLabs({type:"Recherche"})
Labs — Réinitialiser les filtresRetirer tous les filtres des LabsfilterLabs({reset:true})
Journal — IngénierieFiltrer le Journal par catégoriefilterJournal({category:"Ingénierie"})
Journal — SécuritéFiltrer le Journal par catégoriefilterJournal({category:"Sécurité"})
Journal — Agent-NativeFiltrer le Journal par catégoriefilterJournal({category:"Agent-Native"})
Journal — StudioFiltrer le Journal par catégoriefilterJournal({category:"Studio"})
Journal — Réinitialiser les filtresRetirer tous les filtres du JournalfilterJournal({reset:true})
Tutoriels — DébutantFiltrer les tutoriels par niveaufilterTutorials({level:"Débutant"})
Tutoriels — IntermédiaireFiltrer les tutoriels par niveaufilterTutorials({level:"Intermédiaire"})
Tutoriels — AvancéFiltrer les tutoriels par niveaufilterTutorials({level:"Avancé"})
Tutoriels — Réinitialiser les filtresRetirer tous les filtres des tutorielsfilterTutorials({reset:true})

Services

DiscoveryCadrer le produit avant d'écrire la première ligne, pour que le budget serve à construire et pas à corriger.openService({service:"discovery"})
Design produitUne interface qui se tient, portée par un design system que vos développeurs peuvent faire vivre sans nous.openService({service:"design"})
Développement webUne application web rapide et tenue dans le temps, avec les tests et la chaîne de livraison qui vont avec.openService({service:"web"})
Développement mobileUne application iOS et Android depuis une seule base de code, publiée sur les deux stores.openService({service:"mobile"})
Infrastructure & sécuritéUne infrastructure décrite en code, et un accès Zero Trust qui ne repose pas sur un SMS.openService({service:"infrastructure"})
Maintenance & évolutionUn produit qui reste à jour, surveillé et corrigé, avec quelqu'un qui répond quand ça casse.openService({service:"maintenance"})
Conseil Architecture Agent-NativeRendre un produit existant pilotable par un agent, sans le réécrire — et sans lui ouvrir plus qu'il ne faut.openService({service:"agent-native"})

Naviguer

YorroStudio d'ingénierie produit à Abidjan et Paris. On conçoit, on code, on livre.navigate({page:"home"})
ServicesConstruire un produit de bout en bout, ou conseiller une équipe sur son architecture agent-native.navigate({page:"services"})
LabsCe que le studio a construit : produits, prototypes et recherches, avec leur avancement réel.navigate({page:"labs"})
TutorielsDes guides pas-à-pas tirés de vrais projets, réunis en parcours par sujet.navigate({page:"tutorials"})
JournalLes notes et les prises de position du studio.navigate({page:"journal"})
ContactDécrivez votre projet ; on répond avec un cadrage, pas avec un devis type.navigate({page:"contact"})
À proposQui tient le studio, comment il travaille, et ce qu'il refuse de faire.navigate({page:"about"})
↑↓ naviguer↵ exécuteréchap fermerActions unifiées