G2A REDESIGN
G2A Redesign es una reimplementación frontend del sitio web de G2A, el marketplace de keys de videojuegos más grande del mundo. El proyecto nació como ejercicio de aprendizaje progresivo y evolucionó sección por sección, incorporando técnicas nuevas de HTML y CSS en cada iteración. Su valor reside en la fidelidad pixel-perfect respecto al mockup diseñado previamente en Adobe XD, demostrando la capacidad de trasladar un diseño visual a código funcional.
Desarrollo — Web
> g2a-dev@mission-control:~$ diagnostics --run ERROR: El proyecto requería dominar HTML semántico y CSS moderno desde cero, sin frameworks ni librerías externas que abstrajeran la complejidad del layout. WARN: Cada nueva sección debía incorporar técnicas que no se habían practicado antes: flexbox, grid, media queries, animaciones CSS y transiciones al hover. CRITICAL: La implementación debía ser pixel-perfect respecto al mockup de Adobe XD, con tolerancia máxima de 2px de desviación en cada componente medido.
La implementación avanzó sección por sección: header con navegación responsive y menú hamburguesa, hero section con carousel de imágenes promocionales, grilla de productos con hover effects que revelan precio y descuento, y footer con enlaces organizados por categoría. Todo el CSS se escribió sin preprocesadores ni frameworks, utilizando custom properties para mantener consistencia cromática. Las media queries cubren tres breakpoints principales, garantizando funcionalidad desde 320px hasta pantallas de escritorio.
