workshop

Virando a página

Scroll down para ver as animações

Stacking cards

O favorito da galera.

Este é um texto de teste, mas a animação que acontece aqui é real. Não importa o quanto o Duda limite a nossa criatividade, com essas soluções conseguimos implementar o que quer que seja.

Scroll timeline reveal

Scroll + Storytelling


01

Wireframe

Etapa fundacional para criação de páginas. Momento de definição de estratégia e estrutura.

02

Layout

Definição de pesos de tipografia, hierarquia, cores e imagens. É quando a estratégia vira design.

03

Duda

 A página vai pro ar como qualquer outra: estática e com todos os componentes via Duda.

04

Animações

A página é animada com a aplicação de código personalizado no Widget e no Head HTML.

Uma frase esconde (

) o que queremos mostrar.

footer

Efeitos — widget de animações (visível só no editor). Clique para editar o código.