Projeto Front-End
Estudo de Caso | Design de UX/UI | Desenvolvimento Front-End | HTML5 | CSS | Responsivo para Desktop (ou Responsividade para Desktop) | VS Code | Somente Desktop | Website interativo no final da página
Função:
Lead Designer UX UI
Tipo de projeto:
Estudo de Caso | Desafio Autoproposto
Ano:
2025
Resumo do projeto:
Impulsionado pelo desejo de aprofundar minha compreensão de como o design se transforma em código real, desafiei-me a reconstruir minha própria página inicial do portfólio (que estava no Wix) inteiramente do zero, utilizando HTML e CSS. Este projeto autoiniciado não se tratava de redesign, mas sim de entender a ponte entre o design e o desenvolvimento, traduzindo a hierarquia visual, as decisões de layout e a responsividade em um código front-end para desktop.
Desafio:
Aprofundar meu entendimento em desenvolvimento Front-end aplicando-o na prática, com responsividade feita apenas para desktop
Minha solução:
Analisei a estrutura do layout do Wix e a recriei inteiramente usando HTML e CSS.
Me concentrei em manter as animações, o espaçamento e as proporções consistentes com o design original.
Design Estático
Links
Código:
Website interativo:
Conclusões:
-
Aprofundei minha compreensão de como as decisões de design impactam diretamente o desenvolvimento front-end.
-
Fortaleci minha capacidade de pensar como um desenvolvedor mantendo a perspectiva de um designer.
-
Melhorei meu domínio sobre layouts responsivos, estrutura CSS e manutenibilidade do código.
-
Aprendi a importância de testar layouts em múltiplos tamanhos de tela e dispositivos.
-
Reforcei o valor do aprendizado contínuo através de projetos autoiniciados.