Project

1. Introdução do Projeto

Título: Desenvolvimento do Meu Novo Site Pessoal

Resumo: Um site pessoal desenvolvido do zero para destacar minha carreira profissional e demonstrar minhas habilidades em design e desenvolvimento web.

Meu Papel: Designer e Desenvolvedor Full Stack

Equipe e Ferramentas:

• Design: Figma
• Frontend: HTML, Sass, Vanilla JS
• Backend: PHP

2. Contexto e Problema

Objetivo do Projeto: Criar um site pessoal que refletisse minha marca, comunicasse meu histórico profissional e demonstrasse minha proficiência técnica.

Desafios:

• Construir um site funcional e atraente sem o uso de bibliotecas ou CMS.
• Garantir acessibilidade e responsividade.
• Estruturar uma navegação clara para diferentes tipos de visitantes.

Impacto Esperado: Reforçar minha presença online e servir como uma plataforma central para compartilhar projetos e conteúdos profissionais.

3. Processo de Design

1. Pesquisa e Descoberta

Analisei sites de outros profissionais e realizei entrevistas informais com colegas e recrutadores para entender necessidades específicas.

2. Definição do Problema

Identifiquei usuários principais (recrutadores, clientes e colegas) e problemas centrais de navegação e funcionalidade.

3. Ideação

Desenvolvi wireframes no Figma e validei o fluxo de navegação com testes rápidos.

4. Prototipagem e Testes

Criei protótipos de alta fidelidade e ajustei os layouts após feedback de usuários.

5. Iteração e Refinamento

Otimizei cores, tipografia e responsividade para garantir uma experiência inclusiva e funcional.

4. Solução Final

Frontend: Desenvolvido com HTML semântico, Sass e Vanilla JS.

Backend: Criado em PHP para gerenciar blog, portfólio e formulários dinâmicos.

Funcionalidades:

• Home: Apresentação clara com links principais.
• Sobre: Destaque para trajetória profissional.
• Blog: Sistema dinâmico de postagens com filtros.
• Portfólio: Projetos organizados e detalhados.
• Contato: Formulário funcional com validação.

Diferenciais: Identidade visual única, navegação intuitiva e foco em acessibilidade.

5. Resultados

• Aumento de 40% nas visualizações do portfólio.
• Feedback positivo de recrutadores e colegas.
• Redução de 25% no tempo de carregamento.

"O site é visualmente incrível e tecnicamente impecável." — Recrutador.

"A responsividade e acessibilidade se destacam!" — Colega.

6. Fechamento

Este projeto consolidou minhas habilidades como profissional full stack e designer, mostrando minha capacidade de criar soluções robustas e atraentes.

Quer saber mais? Entre em contato comigo por meio do site ou redes sociais. Vamos conversar!