Tous les projets

Cimatica

En ligne · 2026
Période
2026
Technologies
PWA · Next.js · React · Web Audio · WebGL · Supabase · Vercel

Cimatica dans 33 pays

Espagne; Brésil; Italie; Mexique; États-Unis; Allemagne; Argentine; Inde; Colombie; Japon; Bolivie; Canada; Iran; Israël; Portugal; Roumanie; Corée du Sud; Türkiye; Émirats arabes unis; Royaume-Uni; Albanie; Belgique; Bulgarie; Chili; République dominicaine; Égypte; France; Hongrie; Paraguay; Pologne; Slovaquie; Afrique du Sud; Vietnam

Cartographie: Natural Earth

À l’origine du projet

J’ai commencé Cimatica pour explorer le lien entre son et forme . Je voulais analyser les fréquences du microphone et les rendre visibles dans le navigateur.

Problèmes et décisions

Distinguer le signal

Le signal du microphone peut contenir du bruit, des résonances et de l’écho. J’ai travaillé sur le seuil de bruit, la persistance et la confiance pour choisir les composantes à suivre et réduire les variations dues aux détections incertaines.

De la stabilité sans immobilité

Une figure qui change à chaque fluctuation est difficile à lire . Trop lente, elle ne suit plus les changements du son. J’ai équilibré stabilisation et transitions, en laissant choisir le nombre de composantes sonores à combiner.

Comment il fonctionne

  1. Next.js, React et TypeScript sur Vercel. Les pages publiques en quatre langues sont prérendues pour proposer des contenus lisibles et partageables.
  2. Web Audio analyse le microphone sur l’appareil . WebGL dessine des figures mathématiques guidées par les fréquences, directement dans le navigateur.
  3. Supabase gère l’authentification et les rapports enregistrés dans un compte. Les rapports invités restent en mémoire dans l’onglet . L’audio brut n’est pas envoyé.
  4. J’ai complété le moteur visuel par des guides, des métadonnées et des parcours en quatre langues, pour relier la recherche à l’expérience dans la PWA.

Ce que j’ai appris

Le travail sur le son m’a appris à évaluer ensemble réactivité et lisibilité. Une transition fluide a de l’intérêt si elle aide à suivre un changement. J’applique ce critère aux interfaces guidées par d’autres données.

État du projet

Produit en ligne. Les figures sont des visualisations mathématiques guidées par les fréquences sonores.

Ouvrir Cimatica

SEO, GEO et AEO dans la partie publique

Pour la partie publique de Cimatica, j’intègre le SEO (Search Engine Optimization), le GEO (Generative Engine Optimization) et l’AEO (Answer Engine Optimization). Contenus, contexte et structure contribuent au travail sur la visibilité et la compréhension du produit.

J’organise les pages autour des questions des personnes et relie les réponses à des exemples, des sources et des résultats vérifiables. Ma façon de travailler le SEO, le GEO et l’AEO

Un problème intéressant ?

Décrivez ce que vous souhaitez construire ou améliorer, pour qui et avec quelles contraintes. Je vous répondrai pour définir ensemble le point de départ.