Olá! Bem-vindo ao repositório da minha landing page. Este projeto serve como um showcase interativo das minhas habilidades em Desenvolvimento Front-end com foco em Experiência do Usuário (UX) e Design de Interface (UI), além de destacar minha expertise em Desenvolvimento Personalizado na Plataforma Fluig.
Construída com as melhores práticas em mente, esta página busca não apenas apresentar meus serviços, mas também demonstrar a qualidade e a inovação que aplico em cada projeto.
Preparei alguns elementos interessantes para você explorar:
- 🎨 Alternador de Tema Dinâmico: A página detecta automaticamente a preferência de tema do seu sistema operacional (claro ou escuro) ao carregar. Além disso, ofereço um botão intuitivo no cabeçalho para que você alterne o tema a qualquer momento e a sua preferência seja salva para futuras visitas (usando
localStorage). Uma transição suave em CSS torna a experiência agradável. - 📱 Design Totalmente Responsivo: A landing page foi pensada e construída com uma abordagem mobile-first, garantindo que ela se adapte perfeitamente e ofereça uma ótima experiência de visualização em qualquer dispositivo, do celular à tela grande.
- 🖼️ Design Moderno e Clean: Com uma estética minimalista, tipografia clara e uso inteligente do espaço em branco, o design foca em guiar o visitante pelas informações essenciais sem distrações, refletindo a minha abordagem em criar interfaces eficientes e agradáveis.
- 🎯 Foco Duplo e Claro: A estrutura da página é organizada para apresentar de forma distinta, mas complementar, minhas duas principais áreas de atuação:
- Desenvolvimento de Landing Pages de Alta Conversão: Destacando como páginas focadas e otimizadas podem impulsionar resultados.
- Desenvolvimento e Otimização na Plataforma Fluig: Apresentando minha capacidade de criar soluções customizadas para processos de negócio no Fluig.
- ⚡ Performance Otimizada: Priorizando o carregamento rápido e suave para garantir que a primeira impressão seja a melhor possível, utilizando otimizações de código e boas práticas de assets.
Como "o melhor UX Designer e desenvolvedor de landing pages" 😉 (fictício, claro!), a filosofia por trás deste projeto é:
- Intuitividade: A navegação deve ser óbvia, a informação fácil de encontrar.
- Eficiência: Cada elemento tem um propósito, guiando o usuário para a ação principal (entrar em contato).
- Acessibilidade: Considerações básicas de acessibilidade foram aplicadas (alto contraste no modo escuro, semântica HTML) para tornar a página utilizável pelo maior número de pessoas.
- Estética Agradável: O visual deve ser profissional, moderno e refletir a qualidade do serviço oferecido. O tema dinâmico é um exemplo de como a estética pode ser adaptável à preferência do usuário.
- Feedback Visual: Transições e micro-interações sutis (como o hover nos botões e links) dão vida à interface e confirmam as ações do usuário.
Você pode visualizar a versão publicada desta landing page diretamente pelo GitHub Pages:
➡️ [Link da sua Landing Page no GitHub Pages] (Lembre-se de substituir o placeholder acima pelo URL real do seu GitHub Pages depois de configurá-lo nas configurações do repositório)
Se você quiser explorar o código ou fazer modificações:
- Clone o repositório:
git clone [https://github.com/EwaldoAFilho/pages.git](https://github.com/EwaldoAFilho/pages.git)
- Navegue até a pasta do projeto:
cd pages - Abra no VS Code:
code . - Abra o arquivo
index.htmlno seu navegador (clicando nele no explorador de arquivos ou usando a extensão "Live Server" do VS Code, se tiver instalada).
Este projeto foi desenvolvido utilizando um stack leve e eficiente:
- HTML5: Estrutura semântica do conteúdo.
- CSS3: Estilização, responsividade e implementação dos temas com Variáveis CSS.
- JavaScript (Vanilla JS): Lógica para o alternador de tema (detecção, salvar/carregar preferência, alternar classe).
- Font Awesome: Biblioteca de ícones.
- Google Fonts: Para tipografia moderna e consistente.
Embora este seja um projeto showcase, sinta-se à vontade para abrir issues caso encontre algum problema ou tenha sugestões de melhoria!