ANIMAÇÃO DO SITE
Criamos animações para sites por encomenda: aparecimento de blocos ao deslocar a página, efeitos ao passar o cursor, transições e movimento de elementos de destaque. Pensamos no comportamento de acordo com o conteúdo da página e os objetivos do visitante. Consideramos os dispositivos móveis, a acessibilidade e o desempenho, para que o movimento complemente o design e preserve a facilidade de utilização do site. Trabalhamos à distância com clientes da Rússia e de outros países.
QUANDO O SITE PRECISA DE ANIMAÇÃO
O movimento ajuda a mostrar a relação entre elementos, a chamar a atenção para um bloco importante e a tornar a resposta da interface clara. Escolhemos as abordagens depois de conhecer a página: o mesmo efeito não é adequado a todos os títulos, fotografias ou botões.
Destacar a oferta
No primeiro ecrã ou num bloco essencial, é necessário apresentar o título, a imagem e a ação em sequência. Definimos a ordem e o ritmo de aparecimento, para que a pessoa tenha tempo de ler a mensagem e compreenda de imediato para onde pode seguir.
Dar movimento ao portefólio e ao conteúdo
Queres acrescentar movimento aos cartões dos projetos, às imagens e às secções ao deslocar a página. Esclarecemos quais os elementos que precisam realmente de destaque, como aparecem e se os efeitos devem repetir-se ao regressar ao bloco.
Tornar mais claras as respostas da interface
Os botões, as ligações, os menus ou os cartões precisam de uma resposta percetível. Pensamos nos estados ao passar o cursor, de foco e de abertura. Nos dispositivos com ecrã tátil, a informação e as ações importantes devem continuar acessíveis sem passar o cursor.
Este serviço diz respeito ao comportamento dos elementos acordados do site. Se a página ainda não existir ou for necessária uma nova estrutura e design, definimos primeiro o trabalho de criação do site. A animação de um banner individual ou de uma peça em vídeo é tratada separadamente dos efeitos interativos da página.
O QUE INCLUI A ANIMAÇÃO DO SITE
Começamos pelo site atual ou pelo design aprovado. Verificamos a plataforma, as definições disponíveis e as interações existentes, depois acordamos a lista de elementos e os comportamentos. Determinamos a viabilidade de cada efeito antes de aprovar o âmbito e o preço.
Análise da página e da plataforma
Analisamos a estrutura, as imagens, os textos e os efeitos atuais. Esclarecemos em que plataforma foi construído o site e como podem ser feitas alterações. Num projeto existente, avaliamos a compatibilidade com as suas definições, componentes e limitações, assim como o nível de acesso necessário.
Comportamentos e destaques
Definimos quais os elementos que se movem, o que desencadeia o efeito e quanto tempo dura. Discutimos a sequência, os atrasos, a repetição e os estados finais. Registamos previamente a lista de páginas e de blocos repetidos, para que o âmbito permaneça claro.
Aparecimento e deslocação da página
Configuramos os efeitos acordados de aparecimento de textos, imagens e cartões quando o bloco entra na área visível. O ritmo considera o tempo de leitura, a deslocação normal da página e a posição dos elementos próximos. Cenas complexas, paralaxe e sequências interligadas são avaliadas de acordo com o projeto.
Passagem do cursor e transições
Pensamos no comportamento dos botões, das ligações e dos cartões, assim como nas transições e nos estados da interface acordados. Consideramos a utilização do teclado e o foco visível. As transições entre páginas e os menus não convencionais só são incluídos no âmbito acordado.
Adaptação e redução do movimento
Verificamos o comportamento em vários tamanhos de ecrã e dispositivos de entrada. Escolhemos estados adequados ao controlo tátil e consideramos a definição de redução do movimento do sistema. O conteúdo principal e as formas de contacto continuam acessíveis com efeitos simplificados.
Integração e verificação
Implementamos os efeitos aprovados com os recursos da plataforma adequada e verificamos a interação com os elementos existentes. Avaliamos repetições desnecessárias, o funcionamento fora do ecrã e a carga da solução escolhida. Acordamos as verificações e as condições de entrega antes de começar.
EXEMPLOS DE APRESENTAÇÃO VISUAL
Estes dois modelos de demonstração de páginas web mostram composições para as quais se pode discutir a ordem de aparecimento do texto, dos elementos gráficos e dos cartões. As imagens são estáticas: servem como exemplos de design, e não como projetos de animação finalizados ou como promessa de incluir todos os elementos apresentados no serviço. Criamos o movimento específico para o teu site.
Tipografia e primeiro ecrã
Modelo de demonstração · exemplo estático de composição
Elementos gráficos e cartões
Modelo de demonstração · exemplo estático de destaques visuais
COMO ACRESCENTAMOS MOVIMENTO
Primeiro definimos o objetivo e as possibilidades do site, depois os comportamentos e a implementação. Esta sequência ajuda a acordar o comportamento esperado antes de integrar os efeitos nas páginas em funcionamento.
Objetivo e materiais
Envias a ligação para o site ou o design e descreves as alterações pretendidas. Esclarecemos a plataforma, as páginas, os dispositivos e os exemplos de movimento. Definimos os materiais e os acessos necessários dentro do âmbito acordado.
Avaliação e comportamentos
Verificamos as possibilidades técnicas e os efeitos atuais. Criamos a lista de elementos, dos eventos que desencadeiam os efeitos e dos estados e discutimos as limitações. Antes de começar, aprovamos o trabalho a realizar, o preço, o prazo e o processo de aprovação.
Implementação
Acrescentamos os efeitos acordados nas definições da plataforma ou no código de apresentação existente. Mantemos a ligação à composição e ao comportamento da interface. Se necessário, começamos com um exemplo limitado para testar a abordagem escolhida.
Adaptação e verificação
Verificamos a deslocação da página, a passagem do cursor, o teclado, a utilização tátil e a redução do movimento. Observamos como os efeitos se combinam com o texto, os botões e os blocos próximos. Fazemos os ajustes acordados.
Aprovação e entrega
Mostramos o resultado e confirmamos os comportamentos acordados. Após o pagamento final, entregamos as alterações e as explicações sobre a sua utilização. Definimos separadamente a forma de publicação, os acessos e o acompanhamento posterior antes do lançamento.
PREÇO E PRAZOS
a partir de 4 000 ₽
Prazo — 2–3 dias úteis
O preçário atual indica a animação do site a partir de 4 000 ₽ e um prazo de 2–3 dias úteis. Confirmamos o orçamento final depois de analisar o site, verificar a plataforma e acordar a lista de efeitos.
O âmbito depende do número de páginas e de elementos, da complexidade das sequências, dos blocos repetidos, do estado atual do projeto e dos métodos de implementação. O preço inicial diz respeito ao trabalho acordado, e não a qualquer quantidade de efeitos em todo o site. Os comportamentos adicionais são orçamentados à parte.
Um novo site, redesign, preparação de materiais em falta, cenas 3D complexas, criação de vídeos, funcionalidades não convencionais e correção de todos os erros anteriores do projeto não estão automaticamente incluídos. Os planos pagos e os serviços de terceiros são cobrados à parte, se necessários. Não prometemos pontuações fixas de velocidade, aumento dos pedidos de contacto ou posições nos resultados de pesquisa.
O trabalho começa após o pagamento de 50% de adiantamento; os restantes 50% são pagos após a aprovação, antes da entrega. Se quiseres, celebramos um contrato com o trabalho a realizar, o preço e os prazos. Consideramos a disponibilidade dos materiais e dos acessos e as etapas de recolha de comentários ao definir a data de conclusão; trabalhamos à distância.
PERGUNTAS SOBRE A ANIMAÇÃO DO SITE
Quanto custa encomendar a animação de um site?
O preçário indica um preço a partir de 4 000 ₽ e um prazo de 2–3 dias úteis. Para o orçamento, precisamos da ligação para o site ou do design, da plataforma e da lista de preferências. Depois de verificar as possibilidades, esclarecemos os elementos, os comportamentos, a adaptação e as condições. Não se pressupõe um número ilimitado de páginas e de efeitos.
É possível acrescentar animação a um site existente ou na plataforma Tilda?
Podemos discutir essa possibilidade depois de analisar o projeto. Verificamos a plataforma, as definições, as formas de edição disponíveis e os efeitos existentes. As possibilidades variam entre sites, por isso confirmamos a abordagem específica e o método de integração antes de começar, incluindo num projeto na plataforma Tilda.
Que efeitos posso encomendar?
Discutimos o aparecimento de blocos ao deslocar a página, o movimento de texto e imagens, efeitos ao passar o cursor, estados de botões e cartões e transições acordadas. Cenas complexas e sequências interligadas são avaliadas à parte. A escolha depende do objetivo da página e das possibilidades técnicas da plataforma.
A animação vai funcionar no telemóvel?
Definimos o comportamento móvel em conjunto com o de computador. Num ecrã tátil não existe a passagem habitual do cursor do rato, por isso escolhemos uma forma de interação adequada. A informação e as ações importantes continuam acessíveis; incluímos os dispositivos e os navegadores necessários na lista de verificações acordada.
Como são considerados o desempenho e a redução do movimento?
Escolhemos a solução de acordo com o objetivo e avaliamos a carga, as repetições desnecessárias e o comportamento fora do ecrã. Prevemos uma simplificação quando a redução do movimento estiver ativada nas definições do sistema. O tempo de carregamento também depende do próprio site, das imagens, dos serviços e do alojamento; não garantimos uma pontuação fixa de velocidade.
O serviço inclui a criação ou o redesign do site?
Este serviço diz respeito à animação dos elementos acordados de um site existente ou de um design aprovado. Uma nova estrutura, o design das páginas, a criação do site e funcionalidades adicionais são trabalhos separados. Podemos discutir o seu âmbito e preço juntamente com a animação antes de começar.
O que devo fornecer para o trabalho?
A ligação para o site, informação sobre a plataforma, o design, se existir, e uma descrição do comportamento pretendido. Referências com explicações das abordagens específicas são úteis. Acordamos os acessos e o método de trabalho numa cópia ou no projeto em funcionamento depois da avaliação, no nível necessário para o objetivo.
Qual é a diferença em relação à animação de uma peça gráfica ou logótipo?
A animação do site está ligada ao comportamento da página: deslocação, navegação e ações do visitante. A animação de uma peça gráfica ou logótipo é um material em movimento separado que pode ser usado num vídeo ou num site. A preparação desse material e a sua integração têm um âmbito de trabalho próprio.
VAMOS FALAR DO MOVIMENTO NO TEU SITE
Envia a ligação para o site ou o design e conta quais os elementos a que queres dar movimento. Esclarecemos as possibilidades, o trabalho a realizar, o preço e os prazos.