Todos los proyectos

Cimatica

En línea · 2026
Periodo
2026
Tecnologías
PWA · Next.js · React · Web Audio · WebGL · Supabase · Vercel

Cimatica en 33 países

España; Brasil; Italia; México; Estados Unidos; Alemania; Argentina; India; Colombia; Japón; Bolivia; Canadá; Irán; Israel; Portugal; Rumanía; Corea del Sur; Türkiye; Emiratos Árabes Unidos; Reino Unido; Albania; Bélgica; Bulgaria; Chile; República Dominicana; Egipto; Francia; Hungría; Paraguay; Polonia; Eslovaquia; Sudáfrica; Vietnam

Cartografía: Natural Earth

De dónde nace

Empecé Cimatica para explorar la relación entre sonido y forma. Quería analizar las frecuencias del micrófono y hacerlas visibles en el navegador.

Problemas y decisiones

Distinguir la señal

La señal del micrófono puede contener ruido, resonancia y eco. Trabajé con el umbral de ruido, la persistencia y la confianza para elegir las componentes que seguir y reducir los cambios debidos a detecciones inciertas.

Estabilidad sin inmovilidad

Una figura que cambia con cada oscilación cuesta leerla. Si cambia demasiado despacio, no sigue el sonido. Equilibré estabilización y transiciones y permití elegir cuántas componentes sonoras combinar.

Cómo funciona

  1. Next.js, React y TypeScript sobre Vercel. Las páginas públicas en cuatro idiomas se prerenderizan para ofrecer contenido legible y compartible.
  2. Web Audio analiza el micrófono en el dispositivo. WebGL dibuja figuras matemáticas guiadas por frecuencias directamente en el navegador.
  3. Supabase gestiona autenticación e informes guardados en la cuenta. Los informes de invitados permanecen en la memoria de la pestaña. El audio no se sube.
  4. Acompañé el motor visual con guías, metadatos y recorridos en cuatro idiomas, conectando la búsqueda con la experiencia en la PWA.

Lo que aprendí

Trabajar con sonido me enseñó a valorar juntas la respuesta y la legibilidad. Una transición fluida es útil cuando ayuda a seguir un cambio. Aplico ese criterio también a interfaces guiadas por otros datos.

Estado actual

Producto online. Las figuras son visualizaciones matemáticas guiadas por las frecuencias del sonido.

Abrir Cimatica

SEO, GEO y AEO en la parte pública

En la parte pública de Cimatica integro SEO (Search Engine Optimization), GEO (Generative Engine Optimization) y AEO (Answer Engine Optimization). Contenidos, contexto y estructura forman parte del trabajo para que el producto sea más fácil de encontrar y comprender.

Organizo las páginas en torno a las preguntas de las personas y conecto las respuestas con ejemplos, fuentes y resultados verificables. Cómo trabajo el SEO, el GEO y el AEO

¿Un problema interesante?

Cuéntame qué quieres construir o mejorar, quién lo usará y qué límites tienes. Te responderé para ver juntos por dónde empezar.