Saltar al contenido principal
Volver a proyectos

Caso de estudio

Sabrina Basteiro

Portfolio personal retro

Portfolio personal para la desarrolladora de videojuegos Sabrina Basteiro, con estética retro-pixel pensada para experimentar con dirección de arte y animación.

Rol

Diseño y desarrollo frontend end-to-end para un portfolio personal.

Stack

React 19TypeScriptViteFramer MotionTailwind CSS
1 / 3
El problema

La clienta, desarrolladora de videojuegos, necesitaba un portfolio propio para mostrar sus proyectos con una identidad visual fuerte y diferenciada.

Decisiones técnicas

React 19 + Vite + TypeScript como base, priorizando tiempos de build cortos para iterar rápido sobre el diseño.

Framer Motion para orquestar las animaciones de entrada de cada sección, en vez de CSS puro.

Paleta y tipografía retro centralizadas en un archivo de tema, en vez de repetidas por componente.

Tema musical 8-bit de fondo, con un botón toggle para activarlo o desactivarlo, para reforzar la identidad retro sin imponerse a la experiencia.

Desafíos

Balancear una estética muy cargada (retro-pixel) con la legibilidad y el contraste, sin que la identidad visual jugara en contra de la usabilidad.

Aprendizajes

Fue el proyecto donde más trabajé la dirección de arte de punta a punta, traduciendo el estilo visual que buscaba la clienta en un sistema de diseño coherente.