Pular para o conteúdo
Firmea

Motion design para sites

Modelos de site prontos, com movimento que guia o olhar e não atrapalha a leitura. Escolha um e a gente adapta para a marca e as cores do seu negócio.

Quero um site assimVer os modelos

Biblioteca

Modelos

Cada modelo é um site completo, pensado para um tipo de negócio. As empresas das demonstrações são de exemplo.

Os efeitos

Cada movimento tem uma função

Animação boa não chama atenção para si mesma: ela mostra por onde começar, o que é clicável e o que acabou de mudar.

  • Revelação ao rolar

    Cada bloco surge quando chega na tela, guiando a leitura de cima para baixo.

    Quando usar: Seções e blocos de conteúdo.

  • Sequência

    Cards e listas aparecem um depois do outro, em vez de todos de uma vez.

    Quando usar: Serviços, produtos e passos.

  • Título em máscara

    As palavras da abertura sobem de trás de uma linha, como numa abertura de filme.

    Quando usar: Uma vez por página, no topo.

  • Profundidade

    Camadas que se movem em velocidades diferentes ao rolar, dando sensação de espaço.

    Quando usar: Fundos e imagens decorativas.

  • Microinterações

    Botões e cards respondem ao toque e ao mouse, confirmando que a ação foi percebida.

    Quando usar: Botões, cards e menus.

  • Números que contam

    Valores sobem de zero até o número real quando aparecem.

    Quando usar: Só com números verdadeiros.

Números que contam

Só números verdadeiros

Estes são os da própria Firmea. No site do seu negócio, entram os seus.

dias para o Site no Ar ficar pronto
15

dias para o Site no Ar ficar pronto

produtos no Catálogo no WhatsApp
30

produtos no Catálogo no WhatsApp

alterações por mês na manutenção
3

alterações por mês na manutenção

Profundidade

Camadas que se movem com a rolagem

Role a página e repare: os cartões ao lado andam em velocidades diferentes. É o mesmo truque do cinema para dar sensação de espaço, usado com moderação.

Como usamos movimento

Bonito, rápido e para todo mundo

  • Movimento curto: nada passa de 0,8 segundo.
  • Uma coisa se mexe por vez, para o olho saber para onde ir.
  • Só posição e transparência, que não travam o celular.
  • Quem pede menos movimento no aparelho vê tudo parado e completo.

Para designers

Use estes modelos nos sites dos seus clientes

Cada modelo à venda avulso, com os arquivos, as instruções para IA e o prompt de adaptação. Sem mensalidade.

Conhecer o Studio para designers

Quer um site com esse acabamento?

O Site no Ar já vem com revelação ao rolar e microinterações, no ritmo certo para o seu negócio.

Quero um site assim