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

Web designer e motion designer

Web design e desenvolvimento Sites e interfaces sob medida · arraste as peças X 0000 · Y 0000

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

Produto digital próprio: um app para Windows que encontra os melhores trechos de lives e podcasts. Concebi o produto e fiz o site e a interface do app.

02

Ana Paula Kusakari

Cliente · Psicóloga

Site institucional para uma psicóloga: presença digital com a cara dela, que leva quem visita até o agendamento pelo WhatsApp.

“O site ficou lindo, moderno, funcional e muito bem pensado em cada detalhe. Um diferencial são as animações que deixam o resultado muito mais dinâmico e com uma identidade visual diferenciada em relação aos sites convencionais.”
Ana Paula Kusakari · Psicóloga
Topo do estudo Clínica Aurora no computador.
Página inicial
03

Clínica Aurora

Projeto conceitual · não contratado

Estudo de direção de arte e experiência para uma clínica de odontologia estética. Projeto conceitual, não contratado, mostrado com nome fictício.

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

Sobre

Ricardo Chiarini

Sou o Ricardo Chiarini, web designer e desenvolvedor independente. Crio sites e interfaces sob medida para negócios locais, profissionais liberais, clínicas, marcas e produtos digitais, do primeiro rascunho ao site no ar.

Abordagem
Uma pessoa do começo ao fim: entendo o negócio, desenho, programo e publico. O design é feito para o seu público, o código para carregar rápido e o movimento para guiar o olhar até o contato.
Serviços
  • 01Sites institucionais e profissionaispara apresentar quem você é e o que faz
  • 02Landing pagesuma página, uma ação: agendar, comprar, falar
  • 03Sites comerciaispara negócios locais e marcas que vendem
  • 04Redesigno site que você já tem, refeito
  • 05Experiências digitais sob medidacom movimento, interação e identidade
  • 06Interfaces e aplicações webtelas de produto, painéis e ferramentas
Como funciona
  • 01Conversaentendo o negócio, o público e o que o site precisa fazer
  • 02Propostaescopo, prazo e investimento combinados antes de começar
  • 03Designvocê vê e ajusta as telas antes do código
  • 04Desenvolvimentocódigo próprio, rápido no celular e no computador
  • 05Entregasite no ar, testado, com o domínio configurado
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
Próximo passo
Conversar sobre o seu projeto ↗ (abre o WhatsApp em nova aba)