Landing Portfolio Hermana

El problema

Mi hermana es disenadora grafica pero no tenia presencia online. Usaba Behance y Instagram, pero ninguno le daba el control que queria sobre como presentar su trabajo. Los templates de portfolio existentes eran genericos y no reflejaban su estilo personal. Ella queria algo que se sintiera tan unico como sus disenos.

La idea inicial

Crear un portfolio web a medida que fuera una extension de su personalidad artistica. No un template con fotos insertadas, sino una experiencia visual unica con transiciones y detalles que mostraran que detras hay alguien que entiende diseno. Una pieza de portfolio que fuera en si misma una pieza de diseno.

El proceso

1. 1

   Tuvimos una sesion de 'mood board' donde ella me mostro sus referencias visuales y colores favoritos.

2. 2

   Disene un layout asimetrico con tipografia bold y mucho espacio en blanco, como ella queria.

3. 3

   Construi transiciones de pagina con CSS animations que revelaban cada proyecto como si pasaras paginas de un libro.

4. 4

   Anadi un cursor personalizado que cambiaba de forma segun la seccion.

5. 5

   Lo deploye en Vercel y configuramos un dominio personalizado. Ella lloro de la emocion al verlo.

Tecnologías

• Next.js

  Framework con excelente SSG

• CSS Animations

  Transiciones y animaciones

• Tailwind CSS

  Sistema de diseno responsive

• Vercel

  Hosting y dominio personalizado

Lo que aprendí

Construir para alguien que quieres cambia completamente la experiencia. Te importa mas el resultado, te esfuerzas mas en los detalles, y el feedback es mas honesto. Tambien aprendi que las animaciones CSS bien hechas pueden hacer que un sitio simple se sienta premium. No necesitas Three.js para crear algo memorable.