Ricardo Chiarini
Pular para os trabalhos
Ricardo Chiarini
Portfólio ©2026
BRT --:--:--Mexa o cursor

Web designer e motion designer

Designer e desenvolvedor Motion & web · arraste as peças X 0000 · Y 0000

Laboratório · 8 experimentos de motion · R reinicia · [ ] ajusta

Laboratório

Peças pequenas para mexer: física, tipografia e pixels, todas feitas à mão em canvas, SVG e DOM. Cada uma tem controles ao vivo.

Abrir o laboratório em tela cheia →
01Pintura em pixelsGrade de células · canvas 2D
arraste para pintar
02Nome em partículasAmostragem de texto + molas
passe para espalhar
03Tipografia elásticaMola de Hooke por letra
arraste uma letra
04TecidoIntegração de Verlet
empurre · arraste para rasgar
05CordasMola amortecida
puxe as linhas
06ÍmãCampo de força
passe por cima
07EmbaralharScramble de texto
passe ou toque
08GosmaMetaballs · filtro SVG
mexa o cursor

Trabalhos recentes

03

Demonstração · role para usar

O ClipHook
funcionando

  1. 01Solte o vídeoO arquivo entra na lista e o app começa a ouvir.
  2. 02A IA ouve tudoA forma de onda do vídeo inteiro aparece na linha do tempo.
  3. 03Os trechos são marcadosCada trecho bom ganha uma marca e um motivo.
  4. 04Os cortes aparecemProntos para revisar, com a nota de cada um.
  5. 05Você aprova e exportaSó sai o que você aprovou.

Ana Paula Kusakari · site no celular

O site
se montando

  1. Nome e fotoQuem ela é, logo na primeira tela.
  2. Sobre mimA formação e a abordagem, em poucas linhas.
  3. AtendimentosOnline, presencial e para quem.
  4. Agendar pelo WhatsAppO botão fica à vista, com a mensagem pronta.
01

ClipHook

Produto próprio

Aplicativo que encontra os melhores trechos de vídeos longos. Desenhei e programei o site e a interface do app.

02

Ana Paula Kusakari

Cliente · Psicóloga

Site para uma psicóloga que parte da identidade que ela já tinha e leva quem visita até o agendamento pelo WhatsApp.

Topo do estudo Clínica Aurora no computador.
Página inicial
03

Clínica Aurora

Projeto conceitual · não contratado

Estudo de site para uma clínica de odontologia estética: tipografia serifada, dourado sobre preto e motion em cada seção.

Sobre

Ricardo Chiarini

Sou o Ricardo Chiarini, designer e desenvolvedor. Desenho e programo interfaces e sites em que o movimento faz parte do design, não do enfeite.

Abordagem
Começo pelo movimento: como a página entra, responde ao cursor e conduz o olhar. Depois vem o resto.
Ferramentas
  • HTML
  • CSS
  • JavaScript
  • GSAP
  • Lenis
  • Canvas
Formação
  • 01Técnico em InformáticaIFSP
  • 02Cirurgião-DentistaUNESP Araçatuba
  • 03Web Design e Front-endPET EE UFMG