CASE STUDY

Portfolio
pessoal

Tecnologias

Next.jsReactTailwind CSSTypeScript

Ano

2025

Cliente / Categoria

Personal Portfolio

VISÃO GERAL

Este projeto foi desenvolvido para servir como uma vitrine pessoal, destacando meus projetos, habilidades e experiências profissionais de forma atraente e interativa.

Core Web Vitals

Otimização extrema para pontuação máxima no Lighthouse e carregamento instantâneo (LCP < 1.0s).

Component Driven

Interface modular construída com Radix UI e Tailwind CSS para acessibilidade e consistência.

SOLUÇÃO TÉCNICA

Utilizei Next.js com TypeScript para garantir uma base sólida e escalável. A integração do Tailwind CSS e Shadcn UI permitiu um design responsivo e moderno, enquanto o Framer Motion adicionou animações suaves para melhorar a experiência do usuário.

  • Otimização extrema para pontuação máxima no Lighthouse e carregamento instantâneo (LCP < 1.0s).
  • Interface modular construída com Radix UI e Tailwind CSS para acessibilidade e consistência.
  • Formulário de contato funcional
  • Design responsivo para todos os dispositivos
  • Animações suaves com Framer Motion
  • Integração com redes sociais
  • Otimização para SEO
  • Hospedagem na Vercel para desempenho máximo

RESULTADOS

+60%

Engajamento dos visitantes

0.8s

Tempo de carregamento

100%

SEO Score

Renilson Medeiros - Desenvolvedor Front-end Jr