Estúdio de web e motionSão Paulo · Brasil
Sites que semovem comintenção.
Estúdio de desenvolvimento web. Sites de alto padrão para marcas que precisam causar boa impressão — com animação que tem propósito e código que aguenta o uso real.
O que é a Scord
Projetamos e construímos sites em que o movimento tem motivo e o código aguenta.
Esta página é o nosso portfólio. Cada parte foi feita com o mesmo cuidado que colocamos num projeto de cliente — nada aqui é modelo pronto nem vídeo de demonstração.
Role e veja. Se algo travar, a culpa é nossa.
Serviços
O que fazemos
Sites de alto padrão
Site institucional, página de lançamento ou landing page: o tipo de site em que a primeira impressão decide se a pessoa continua ou fecha a aba.
Animação com propósito
Movimento que guia o olhar e explica o produto — não enfeite. Entradas, rolagem, transições e pequenas respostas ao toque, todas na mesma linguagem.
Construção sólida
Código organizado, painel para você atualizar o conteúdo sem depender de ninguém, versão em outros idiomas quando fizer sentido e velocidade medida de verdade.
Diagnóstico do site atual
Medimos velocidade, travamentos e acessibilidade do seu site de hoje e dizemos, em linguagem clara, o que vale a pena consertar e o que não vale.
Processo
Três etapas. Você aprova cada uma antes da próxima.
O processo existe para você não descobrir, no fim, que a animação não cabia no prazo ou que faltava conteúdo.
01 — Auditoria
Entendemos o que existe.
Olhamos seu site atual, o conteúdo disponível, os números e as restrições técnicas — e combinamos quem decide do seu lado. Sem isso, qualquer orçamento é chute.
Você recebeUm documento curto: o que vale a pena fazer, o que não vale, e uma estimativa honesta de escopo e prazo.
02 — Protótipo
O movimento é decidido antes do código.
As seções principais viram um protótipo navegável, com animação real. Você abre no celular e no computador e sente como vai ficar. É aqui que discutimos ritmo, hierarquia e o que merece atenção.
Você recebeUm link para testar e aprovar, mais o sistema de design — cores, tipografia, componentes — que o site vai usar.
03 — Build
O aprovado vira o site no ar.
Construímos o site definitivo, com painel de conteúdo se você precisar e uma versão de teste a cada alteração. A velocidade é medida antes de publicar, não prometida.
Você recebeO site publicado, o código, a documentação e os números de performance.
Faz sentido quando
- O site é parte da venda ou do produto — não uma formalidade.
- Existe conteúdo (textos, imagens), ou vamos construí-lo juntos na auditoria.
- Há alguém do seu lado com autonomia para aprovar.
Não faz sentido quando
- Precisa estar no ar semana que vem.
- A ideia é pegar um modelo pronto e trocar as cores.
- O orçamento não comporta as três etapas.
A prova
A prova está rodando agora.
Não temos vídeo de demonstração. Temos esta página. Os números abaixo são medidos em tempo real no seu aparelho, com o mesmo código que entregamos aos clientes.
- Tempo de cada quadro
- —
- Posição da rolagem
- —
- Velocidade da rolagem
- —
- Tamanho da tela
- —
- Animações
- —
- Rolagem
- —
- Ponteiro
- —
Medido pelo seu navegador, a cada quadro. Nada é enviado a lugar nenhum.
Vocabulário de movimento
Quatro gestos, uma velocidade. Passe o mouse ou toque para repetir.
- 01
Linha
repetir ↻Uma linha fina que se desenha. Separa seções, sublinha links, mostra progresso.
- 02
Texto
repetir ↻As linhas sobem por trás de uma máscara. Quando termina, é texto normal de novo: dá para selecionar, copiar e ler com leitor de tela.
- 03
Imagem
repetir ↻Aparece por um recorte que abre de cima para baixo enquanto a imagem assenta. Nunca um simples fade.
- 04
Ritmo
repetir ↻A mesma curva de velocidade em tudo que entra: rápida no começo, assenta no fim. Nada quica.
Compromissos
Animação que não trava a página
Só animamos o que o navegador consegue mover sem recalcular a página inteira. A rolagem continua fluida porque a animação nunca compete com ela.
Nada pisca ao carregar
O que vai aparecer animado já nasce escondido antes do primeiro desenho da tela. Sem conteúdo pulando de lugar.
Respeito a quem prefere menos movimento
Se o sistema da pessoa pede menos animação, desligamos tudo que se desloca. O conteúdo fica inteiro, no lugar.
Texto continua sendo texto
As animações não transformam texto em imagem. Selecionar, copiar, buscar na página e leitores de tela funcionam.
Celular primeiro
No toque, a versão é mais curta e leve. Efeitos que dependem do mouse só existem onde há mouse.
Uma fonte, duas vozes
Título e texto saem do mesmo arquivo de fonte. A diferença de personalidade vem do desenho da letra, não de mais um download.
Contato
Conte o que precisa.
Respondemos em até um dia útil com uma leitura honesta do que você precisa — inclusive se a resposta for que não somos a escolha certa.
Sem formulário, sem funil. Um e-mail.