Todos os projetos

Cimatica

Online · 2026
Período
2026
Tecnologias
PWA · Next.js · React · Web Audio · WebGL · Supabase · Vercel

Cimatica em 33 países

Espanha; Brasil; Itália; México; Estados Unidos; Alemanha; Argentina; Índia; Colômbia; Japão; Bolívia; Canadá; Irão; Israel; Portugal; Roménia; Coreia do Sul; Türkiye; Emirados Árabes Unidos; Reino Unido; Albânia; Bélgica; Bulgária; Chile; República Dominicana; Egito; França; Hungria; Paraguai; Polónia; Eslováquia; África do Sul; Vietname

Cartografia: Natural Earth

De onde nasce

Comecei o Cimatica para explorar a relação entre som e forma. Queria analisar as frequências do microfone e torná-las visíveis no navegador.

Problemas e decisões

Distinguir o sinal

O sinal do microfone pode conter ruído, ressonância e eco. Trabalhei o limiar de ruído, a persistência e a confiança para escolher os componentes a seguir e reduzir alterações provocadas por deteções incertas.

Estabilidade sem imobilidade

Uma figura que muda a cada oscilação é difícil de ler. Se mudar demasiado devagar, deixa de acompanhar o som. Equilibrei estabilização e transições, permitindo escolher quantos componentes sonoros combinar.

Como funciona

  1. Next.js, React e TypeScript na Vercel. As páginas públicas em quatro línguas são pré-renderizadas para oferecer conteúdo legível e partilhável.
  2. O Web Audio analisa o microfone no dispositivo. O WebGL desenha figuras matemáticas guiadas pelas frequências, diretamente no navegador.
  3. O Supabase gere autenticação e relatórios guardados na conta. Os relatórios de visitantes ficam na memória do separador. O áudio não é enviado.
  4. Juntei ao motor visual guias, metadados e percursos em quatro línguas, ligando a descoberta na pesquisa à experiência na PWA.

O que aprendi

Trabalhar com som ensinou-me a avaliar em conjunto a resposta e a legibilidade. Uma transição fluida é útil quando ajuda a acompanhar uma mudança. Uso o mesmo critério em interfaces orientadas por outros dados.

Estado atual

Produto online. As figuras são visualizações matemáticas orientadas pelas frequências do som.

Abrir Cimatica

SEO, GEO e AEO na parte pública

Na parte pública de Cimatica integro SEO (Search Engine Optimization), GEO (Generative Engine Optimization) e AEO (Answer Engine Optimization). Conteúdos, contexto e estrutura fazem parte do trabalho para tornar o produto mais fácil de encontrar e compreender.

Organizo as páginas em torno das perguntas das pessoas e ligo as respostas a exemplos, fontes e resultados verificáveis. Como trabalho SEO, GEO e AEO

Um problema interessante?

Conta-me o que queres construir ou melhorar, quem o vai usar e que limites tens. Respondo-te para percebermos por onde começar.