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
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.
Planificación
Requisitos · Alcance · Timeline
Arquitectura
Stack · DB Schema · APIs
Diseño UI
Figma · Tokens · Responsive
Frontend
Componentes · Rutas · Estado
