← Homepage
Adidas Slider Preview

Landing Page com Slider

Web Development
2025

O que foi desenvolvido

O projeto consiste em uma landing page fictícia de exibição para a marca adidas, com o objetivo de simular o lançamento de três modelos de tênis em destaque. A página foca na apresentação visual dinâmica dos produtos por meio de um carrossel animado (slide).

Ao interagir com a seta de navegação, o usuário visualiza uma transição fluida onde o próximo modelo de tênis "entra" na tela de forma animada, proporcionando uma experiência imersiva e moderna. O objetivo principal deste projeto foi treinar e aprimorar habilidades em design de interface (UI) e implementação de animações front-end.

Aprendizados e Técnicas

Durante o desenvolvimento, o foco principal foi a criação de transições suaves utilizando CSS Keyframes coordenadas via JavaScript. A manipulação do DOM foi essencial para alternar entre os estados do carrossel, garantindo que o tempo das animações de entrada e saída estivessem em perfeita sincronia.

Também utilizei o Adobe Photoshop para o tratamento das imagens dos produtos, criando composições que destacam os detalhes de cada tênis e mantêm a identidade visual limpa e esportiva da marca.

Habilidades

HTML / CSS
JavaScript
Photoshop

Demonstração

código do projeto visualize na web