Autor: Alberto Jiménez Sánchez
Ilustraciones y dirección de arte: Alberto Jiménez Sánchez
Tecnologías: React, Vite, CSS puro
Estado: En desarrollo
MySelf es un portfolio web interactivo donde combino ilustración y desarrollo para ofrecer una experiencia de navegación única y orgánica. Concebido como un mundo interactivo en el que el usuario avanza descubriendo mis aptitudes, este portfolio fusiona creatividad visual y desarrollo frontend para destacar mis habilidades en UI/UX, diseño e ilustración.
✅ React + Vite para un rendimiento óptimo y desarrollo moderno
✅ CSS puro (sin frameworks como Tailwind o Bootstrap) para mantener un estilo visual limpio y controlado
✅ Ilustraciones y sprites creados a mano y preparados para un flujo interactivo y visualmente atractivo
✅ Animaciones suaves mediante CSS (@keyframes) y JavaScript (requestAnimationFrame)
✅ Gestión de estados en React para controlar eventos de entrada, zoom, movimiento y transiciones
✅ Zoom inicial: una aproximación suave que centra la atención en el personaje principal y prepara la escena.
✅ Movimiento lateral: el usuario puede desplazarse hacia adelante y atrás usando las flechas del teclado o el desplazamiento con la rueda del ratón.
✅ Transiciones suaves: los elementos y mensajes aparecen y desaparecen con animaciones difuminadas para crear un flujo continuo y elegante.
✅ Sprites dinámicos: el personaje reacciona a los eventos de movimiento y presenta distintas animaciones dependiendo del estado.
✅ Icono de desplazamiento interactivo: un icono con líneas blancas y animación de parpadeo suave (softBlink) que indica visualmente cómo avanzar, acompañado de texto explicativo.
El proyecto está pensado principalmente para pantallas de escritorio.
📱 La versión responsive está actualmente en proceso de ajuste y puede no funcionar correctamente en dispositivos móviles.
✅ Arreglo de animaciones de entrada y salida para el mensaje de “Scroll to move”, con efectos de entrada y fade-out suave.
✅ Sustitución de icono por uno creado manualmente con líneas blancas y fondo transparente, mejor integrado en la estética visual.
✅ Ajuste del tamaño y posición del texto “Scroll to move” para que se vea más natural y legible en la interfaz.
✅ **Ajuste de posición en elementos eventuales (sprite).
✅ **Evento Skills-Projects-Contact.
➡️ **Retoque de ilustración en fondo fijo. ➡️ **Sprite animado para evento de projectos.
El proyecto está en desarrollo activo. Cada iteración busca mejorar la experiencia del usuario, puliendo detalles visuales y de interacción para que el resultado final sea un portfolio memorable y fiel a mi estilo como diseñador e ilustrador.
Si quieres saber más, charlar o colaborar:
💻 LinkedIn
www.albertojs.com
✉️ [bertocover@gmail.com]
¡Gracias por visitar este proyecto! 🚀✨