Visão do Projeto

O objetivo deste projeto foi projetar e desenvolver um portfólio pessoal capaz de comunicar de forma clara as habilidades, os projetos e a identidade profissional por meio de uma interface limpa, moderna e impactante.

Principais Funcionalidades

• Design visual limpo e moderno, com forte contraste
• Apresentação clara de projetos e competências profissionais
• Layout totalmente responsivo, otimizado para mobile, tablet e desktop
• Animações suaves e interações sutis para melhorar a experiência do usuário
• Estrutura pensada com foco em acessibilidade e legibilidade

As animações e o comportamento do layout foram prototipados e refinados utilizando Framer, garantindo consistência visual e qualidade nas interações.

“Um portfólio não é apenas uma vitrine — é uma experiência digital.”

Abordagem de Design e Desenvolvimento

O portfólio foi desenvolvido seguindo a estratégia Mobile First, priorizando usabilidade e desempenho em telas menores antes da adaptação para resoluções maiores.

O layout se ajusta de forma fluida por meio de breakpoints, reorganizando seções, tipografia e espaçamentos para manter equilíbrio visual e facilidade de leitura em qualquer tamanho de tela.

@media (max-width: 870px) {
    .timeline-items::before {
        left: 20px;
        width: 3px;
    }
    .timeline-item,
    .timeline-item:nth-child(odd),
    .timeline-item:nth-child(even) {
        width: 100%;
        padding: 0 0 0 60px !important;
        text-align: left !important;
    }

Essa abordagem assegurou uma experiência consistente desde smartphones até monitores de alta resolução.