Volver a proyectos

Este portfolio

Portfolio personal con estética Apple y máxima conversión

Next.js
Framer Motion
TypeScript
Rol: Diseño + Desarrollo completoTimeline: 2025

Captura del proyecto

El problema

Necesitaba un portfolio que sirviera a dos audiencias simultáneamente: clientes freelance que buscan resultados de negocio, y empleadores que valoran el craft técnico.

La solución

Diseño monocromático con azul Apple como único acento, animaciones basadas en física con Framer Motion, y estructura de contenido que habla a ambas audiencias sin dividir la página.

Mis responsabilidades

  • ·Diseño del sistema visual (tipografía, colores, tokens)
  • ·Desarrollo con Next.js App Router y TypeScript
  • ·Animaciones con Framer Motion (scroll reveal, aura interactivo)
  • ·Scroll spy en navbar con IntersectionObserver
  • ·Optimización SEO (sitemap, JSON-LD, metadata por ruta)

Resultados

Lighthouse Performance

90+
Build estático + export

Audiencias servidas

21
Clientes y empleadores

Retos técnicos

  • Servir a dos audiencias sin añadir complejidad visual
  • Mantener animaciones fluidas sin sacrificar rendimiento
  • Implementar dark mode sin flash de contenido

Aprendizajes clave

  • El espacio negativo es un elemento de diseño activo, no pasivo
  • Las animaciones suaves con propósito comunican precisión y cuidado
  • La arquitectura de datos centralizada evita inconsistencias entre secciones
Ver proyecto