Este repositório reúne o desenvolvimento do site de portfólio pessoal, representado pelo Breezelab, um laboratório visual e tecnológico onde arte, cultura e engenharia se encontram.
Mais do que um site, este projeto funciona como um exercício prático de Front-end Development, integrando design, responsividade, organização de código e experiência do usuário, com atenção à identidade visual e ao contexto de uso em diferentes dispositivos.
A proposta não é criar algo complexo por si só, mas demonstrar clareza estrutural, intenção visual e domínio progressivo do processo de desenvolvimento web.
Construir um site funcional e responsivo que:
- Traduza uma identidade visual autoral para a web
- Funcione bem em diferentes tamanhos de tela
- Integre conteúdo multimídia (imagem e vídeo)
- Utilize boas práticas de organização front-end
- Sirva como base evolutiva para aplicações mais complexas
O projeto também atua como ponte entre design e desenvolvimento, refletindo uma abordagem orientada a produto digital.
O site foi desenvolvido utilizando HTML, CSS e JavaScript, com foco em:
- Layout responsivo
- Hierarquia visual clara
- Legibilidade
- Performance básica
- Experiência do usuário
O processo partiu do design no Figma, utilizando a versão gratuita da ferramenta para agilizar decisões visuais e de responsividade antes da implementação em código.
A construção do layout priorizou soluções simples e consistentes, evitando dependência de frameworks, com o objetivo de reforçar o entendimento dos fundamentos do front-end.
Este projeto utiliza tecnologias web fundamentais, aplicadas de forma consciente e prática:
-
HTML5
Estrutura semântica do conteúdo. -
CSS3
Flexbox, Grid, Media Queries e controle de responsividade. -
JavaScript (Vanilla)
Interações básicas, suporte a internacionalização (i18n) e comportamento da interface. -
Git & GitHub
Versionamento, histórico de commits e organização do projeto. -
Figma (Free)
Planejamento visual, layout e apoio ao processo de responsividade.
O desenvolvimento seguiu um fluxo simples e replicável:
-
Concepção visual
Estruturação inicial do layout e identidade no Figma. -
Tradução para código
Implementação progressiva em HTML e CSS, priorizando clareza e organização. -
Responsividade
Ajustes para desktop, tablet e mobile utilizando media queries. -
Integração de mídia
Inserção de imagens e vídeos com atenção à proporção e performance. -
Ajustes e refinamento
Revisões visuais, pequenos refactors e melhoria da experiência geral.
🟡 Em evolução
O site segue em desenvolvimento contínuo, com planos de:
- Melhorias na organização do CSS
- Expansão de interações em JavaScript
- Migração gradual de partes do projeto para React
- Integração com soluções mais próximas de um produto digital completo
Este projeto não busca impressionar pela complexidade técnica, mas demonstrar algo essencial no desenvolvimento front-end:
clareza, intenção e evolução contínua.
Cada decisão — visual ou técnica — parte da ideia de que o código deve servir à experiência, e não o contrário.
O Breezelab funciona como um espaço de experimentação, aprendizado e consolidação de fundamentos, onde design e tecnologia coexistem de forma orgânica.
Gabriel Carlos de Souza
Front-end Developer em constante evolução
"Transformando limites em combustível criativo!"
📍 Florianópolis — SC
🔗 LinkedIn: https://www.linkedin.com/in/gabrielc-souza/