Separating the signal
The microphone signal can contain noise, room resonance and echoes. I worked on the noise floor, persistence and confidence to choose components to follow and reduce changes caused by uncertain detections.
All projects
Cimatica
Live · 2026Three screens
Cimatica · local demo using synthetic audio. Interface in Italian
Cimatica in 33 countries
Map data: Natural Earth
Where it started
I started Cimatica to explore the relationship between sound and shape. I wanted to start by analysing microphone frequencies and making them visible in the browser.
Problems and decisions
Stability without standing still
A pattern that changes with every fluctuation is hard to read. One that moves too slowly cannot follow changes in sound. I balanced stabilisation and transitions, letting people choose how many sound components to combine.
How it works
- Next.js, React and TypeScript run on Vercel. Public pages in four languages are prerendered for readable, shareable content.
- Web Audio analyses the microphone signal on the device. WebGL draws frequency-driven mathematical figures directly in the browser.
- Supabase handles authentication and saved account reports. Guest reports stay in tab memory. Raw microphone audio is not uploaded.
- I paired the visual engine with guides, metadata and journeys in four languages, connecting search discovery to the PWA experience.
What I learned
Working with sound taught me to assess responsiveness and readability together. A smooth transition matters when it helps someone follow a change. I use the same criterion in interfaces driven by other kinds of data.
Current status
Live product. Its patterns are mathematical visualisations driven by sound frequencies.
SEO, GEO and AEO for public content
For the public side of Cimatica, I incorporate SEO (Search Engine Optimization), GEO (Generative Engine Optimization) and AEO (Answer Engine Optimization). Content, context and structure are part of making the product easier to find and understand.
I organise pages around people’s questions and connect answers to examples, sources and verifiable results. How I work on SEO, GEO and AEO
An interesting problem?
Tell me what you want to build or improve, who will use it and what constraints you have. I’ll get back to you so we can work out where to start.