Trabalho para cliente Sites

Site de um festival de queijo: landing page animada

Landing page para o redesign da identidade de um festival de queijo em Kostroma: programação de três dias em abas, as queijarias, souvenirs, ingressos, perguntas e respostas e o mapa do local. O amarelo quente e o marrom-chocolate da identidade visual, tipografia grande e animação em todas as telas. Versões para computador e celular, além de gravações da rolagem para a apresentação do projeto.

12: seções em uma única página
3: dias de programação em abas
2: versões: computador e celular

Discutir uma tarefa semelhante Todos os trabalhos: sites

Site de um festival de queijo: landing page animada — Uma gravação do site no ar: a rolagem, as animações e as transições como o visitante as vê. Alterne entre computador e celular; as seções à direita levam direto àquele ponto da página. Espaço pausa, e as setas passam de uma seção para outra.

A tarefa

Mostrar a nova identidade do festival em um site: tudo de que o visitante precisa em uma única página, além de um vídeo curto do site animado para a apresentação do projeto.

O que eu fiz

Landing page com doze seções: sobre, programação, queijarias, Kostroma, souvenirs, fotos de edições anteriores, ingressos, perguntas, mapa e newsletter
A primeira tela ganha vida: o queijo cai em cena e quica, os furos e as letras aparecem um a um, depois as datas e a cidade entram deslizando
Animação com GSAP e ScrollTrigger: blocos que aparecem com a rolagem, faixa de texto rolante, parallax nas fotos, cabeçalho que fica amarelo depois da primeira tela
Programação de três dias em abas, respostas que se expandem, cards que se elevam sob o cursor
O mapa do local é desenhado em SVG: palcos, barracas, a orla e pontos numerados
Versão mobile: uma coluna, menu hambúrguer, botões grandes
As gravações da rolagem são capturadas quadro a quadro: o relógio da página avança exatamente um quadro por vez, por isso a animação nunca trava

Comprovação

A página exibe uma gravação do site no computador e no celular; um clique leva a qualquer seção

Materiais

11 · Clique em qualquer item para ampliar

O que mais você pode me confiar

Uma landing page para um serviço ou curso, com formulário de inscrição
Um site-catálogo: trabalhos ou produtos por seção, cada um com sua página e um formulário de pedido
Concluir ou reconstruir um site começado por outra pessoa
Conectar os formulários de um site em WordPress, Tilda ou Bitrix a um CRM e ao Telegram
Templates de e-mail em HTML para disparos pelo CRM
Acelerar um site, corrigir a versão mobile, fazer uma auditoria de SEO

Discutir uma tarefa semelhante