Realizado

Web Developer para finalizar uma scroll animation

Publicado em 06 de Abril de 2021 dias na TI e Programação

Sobre este projeto

Aberto

Estamos em busca de um desenvolvedor com experiência em scroll animation para a criação de uma landing page no Shopify. Precisamos de um desenvolvedor front-end com conhecimento fluente em html, css e javascript. A página já foi criada, precisamos consertar alguns bugs e ajustar para que a animação seja mais suave.


Aqui um escopo do que é a página e o que já temos pronto:
    Essa é a página de um produto cosmético que possui refil para todas as partes. Ele faz parte de um kit, no qual todos os outros produtos seguem esse mesmo padrão. Queremos mostrar aos consumidores como este kit é prático e completo.

    A página consiste em quatro seções:
1)    O header e a imagem do topo;
2)    A animação;
3)    Informações sobre o produto;
4)    Formulário para contato e footer.
Ao abrir o site, a página mostra somente o header e a imagem principal. À Medida que o visitante rola para baixo e entra na seção animada, o primeiro texto sobe e para no topo; o produto sobe e para no centro.
O gatilho para a animação é o rolar da página, porém queremos que a animação pareça contínua na tela.
Enquanto rola a página abaixo, o texto vai sendo substituído pelo texto seguinte (ao invés de rolar de baixo pra cima, como normalmente acontece). Os textos apresentam efeito de fade na troca.
Já o produto, é animado para tirar as tampas, mostrando a parte onde vai o refil e colocá-las de volta. Depois de fechado novamente, o produto é colocado dentro da bolsa que vem no kit, juntamente aos outros produtos. A animação acaba aqui.

As outras seções rolam pela tela normalmente.

O que já temos: tanto a versão mobile quanto desktop estão feitas e com os triggers adicionados. Precisamos arrumar o tempo da animação e deixá-la mais suave. Também precisamos consertar o alinhamento e tamanho das imagens.
Todo o design está feito.

Categoria TI e Programação
Subcategoria Programação
Qual é o alcance do projeto? Alteração média
Isso é um projeto ou uma posição de trabalho? Um projeto
Tenho, atualmente Eu tenho especificações
Disponibilidade requerida Conforme necessário
Funções necessárias Desenvolvedor

Prazo de Entrega: Não estabelecido

Habilidades necessárias

Outro projetos publicados por A. F.