FTD EducaçãoLanding page para FTD Educação

A nova landing foi desenvolvida para lançar o rebranding da editora que agora conta com um layout moderno e mais interativo

ftd.png
FTD - Landing Page Rebranding - Website Mobile - Cover.png

Há 120 anos, a FTD Educação se dedica a conectar histórias e construir futuros por meio do conhecimento. Hoje é reconhecida como a mais completa editora de livros didáticos do Brasil e a primeira a cobrir todas as áreas de ensino, com projetos inovadores para educar os estudantes e auxiliar os professores em sala de aula.

Neste ano, em que a FTD completa o marco de 120 anos de trajetória, um processo de rebranding começou a ser preparado. Isso inclui a nova landing page desenvolvida pela Qodde, trazendo mais personalidade, modernidade e criatividade para apresentar o novo momento da editora ao público.

A Qodde participou desde a concepção até a entrega final do produto para o cliente. Um projeto focado nos mínimos detalhes que proporciona ao usuário uma experiência imersiva no universo FTD.

FTD - Landing Page Rebranding - Galeria 1.png
FTD - Landing Page Rebranding - Galeria 2.png

UX Design

O layout foi pensado para que a tela responda às interações que o usuário faz com o scroll, onde os objetos vão sendo revelados com animações a cada vez que a tela é rolada. Uma maneira mais dinâmica e fluida para o usuário navegar pela landing page.

Os botões foram suavizados e a disposição dos textos foi criada para permitir uma leitura ágil, facilitando a compreensão sobre a história e os destaques da FTD.

Desenvolvimento

No desenvolvimento, utilizamos JavaScript como linguagem base, Webpack para module bundler e biblioteca Gsap para controlar as animações na tela. O html e scss também tiveram papel fundamental na estruturação do corpo da página, que traz uma narrativa bem amarrada tanto da história da FTD, como soluções entregues, features com dados e contato.

E aí, curtiu? Confira aqui o resultado.

Para saber mais sobre os próximos projetos da Qodde, siga as redes sociais abaixo.

Video.jpg
Ver Projeto