Landing Page desenvolvida para um estúdio criativo digital, com foco em estratégia de marca, web design, desenvolvimento front-end, responsividade e boas práticas de desenvolvimento.
O projeto foi criado inicialmente durante meus estudos de HTML, CSS e JavaScript e posteriormente refatorado, recebendo melhorias de estrutura, conteúdo, semântica, acessibilidade, responsividade, identidade visual, interatividade e organização do código.
🔗 Acesse o projeto:
https://infusion-shippc.netlify.app/
Este website foi desenvolvido por mim como parte do meu portfólio de desenvolvimento front-end.
Se você procura um site profissional, landing page, portfólio, website institucional ou uma solução personalizada para o seu negócio, conheça meu trabalho na Wilith Agency.
🌐 Portfólio Profissional
https://wilithagency.netlify.app/
- 🖥️ Página inicial com Hero
- 🧭 Menu de navegação responsivo
- 📱 Menu mobile interativo
- 🎯 Navegação suave entre as seções
- 🎨 Apresentação dos serviços
- 🏢 Seção institucional sobre o estúdio
- 📋 Processo de desenvolvimento organizado em etapas
- 🖼️ Galeria de projetos recentes
- 💻 Carrossel de interfaces
- 💬 Carrossel de depoimentos
- ⏱️ Troca automática dos slides
- ⌨️ Navegação dos carrosséis pelo teclado
- ⏸️ Pausa automática ao interagir com o carrossel
- 📩 Formulário de contato demonstrativo
- 🌐 Links para redes profissionais
- 📱 Layout totalmente responsivo
- ♿ Estrutura HTML semântica
- 🔍 SEO básico
- 🎨 Efeitos de hover e transições
- 🧩 Componentes reutilizáveis
- 🎞️ Suporte à redução de movimento
O formulário de contato é demonstrativo e ainda não possui integração com banco de dados ou serviço de envio.
- HTML5
- CSS3
- JavaScript
- Google Fonts
- Font Awesome
O projeto foi desenvolvido para oferecer uma excelente experiência em diferentes dispositivos.
- 💻 Desktop
- 💼 Notebook
- 📱 Tablet
- 📲 Smartphone
Infusion/
│
├── img/
│ ├── articles/
│ │ ├── 01.jpg
│ │ ├── 02.jpg
│ │ ├── 03.jpg
│ │ ├── 04.jpg
│ │ ├── 05.jpg
│ │ ├── 06.jpg
│ │ ├── 07.jpg
│ │ ├── 08.jpg
│ │ ├── 09.jpg
│ │ ├── 10.jpg
│ │ ├── 11.jpg
│ │ └── 12.jpg
│ │
│ ├── slider/
│ │ ├── slide-01.png
│ │ └── slide-02.png
│ │
│ ├── 01.jpg
│ ├── c01.jpg
│ ├── c02.jpg
│ ├── c03.jpg
│ ├── c04.jpg
│ ├── preview.png
│ ├── teamsprite_01.png
│ ├── teamsprite_02.png
│ ├── teamsprite_03.png
│ └── teamsprite_04.png
│
├── js/
│ ├── carousel.js
│ ├── main.js
│ └── menu.js
│
├── style/
│ ├── main.css
│ └── normalize.css
│
├── index.html
└── README.md
Este projeto teve como objetivo praticar e aprimorar conhecimentos em desenvolvimento front-end, incluindo:
- HTML semântico
- CSS moderno
- JavaScript
- Flexbox
- CSS Grid
- Responsividade
- Organização de código
- Variáveis CSS
- Componentes reutilizáveis
- Menu mobile
- Manipulação do DOM
- Eventos do JavaScript
- Carrosséis de imagens
- Autoplay
- Navegação por teclado
- Formulários
- Acessibilidade
- SEO
- Estados de interação
- Estruturação de projetos front-end
- Refatoração de projetos antigos
Desenvolvedor Front-end e fundador da Wilith Agency, especializado na criação de websites modernos, landing pages, portfólios profissionais e soluções para empresas.
- Portfólio: https://wilithagency.netlify.app/
- GitHub: https://github.com/shippc
- LinkedIn: https://www.linkedin.com/in/wilhanmacarthur/
⭐ Se este projeto foi útil ou serviu de inspiração, considere deixar uma estrela no repositório.