Portfólio institucional autoral
Barthy Web Studio V2
V2 em evolução com base pública versionada
Site institucional e portfólio desenvolvido para apresentar soluções digitais com identidade própria, dois temas reais, experiência responsiva e progressive enhancement.
Galeria real
Barthy Web Studio V2
Página inicial
Página inicial
Contexto
A Barthy Web Studio precisava apresentar serviços e capacidade técnica sem parecer um template genérico. A V2 foi desenhada como uma experiência editorial, responsiva e acessível.
Problema
Unificar identidade visual, apresentação comercial e demonstração técnica em uma interface que funcionasse bem em dispositivos e condições de renderização diferentes.
Minha atuação
Concepção da experiência, desenvolvimento front-end, organização dos componentes, implementação dos temas e preparação da publicação.
Decisões técnicas
- Progressive enhancement para preservar a experiência quando WebGPU não estiver disponível.
- Temas claro e escuro construídos como interfaces reais, sem inversão artificial de cores.
- Fallback estático quando o usuário solicita redução de movimento.
- Capturas reais otimizadas em AVIF e WebP para comprovar a entrega.
Funcionalidades
- Landing institucional responsiva
- Dois temas completos
- Seções de serviços, projetos, processo e contato
- Formulário com validação
- Navegação acessível por teclado
Stack principal
- React
- TypeScript
- Vite
- Tailwind CSS
- CSS nativo
- Anime.js
Desafios
- Preservar legibilidade e identidade nos dois temas.
- Evitar que recursos visuais avançados se tornassem uma dependência para usar o site.
Soluções aplicadas
- Separação entre camada visual avançada e fallback funcional.
- Componentes responsivos com estados de foco, movimento reduzido e tratamento de falhas.
Situação atual e próximos passos
- Consolidar a V2 pública e evoluir os cases comerciais com evidências reais.