Iron TCG Shop es una tienda 100% digital especializada en cartas de Pokémon. Este proyecto nace como una iniciativa personal con un doble objetivo: lanzar mi primer emprendimiento y, al mismo tiempo, aprender el desarrollo de una tienda virtual funcional con enfoque en e-commerce real.
Todo el diseño y desarrollo fue ejecutado desde cero usando WordPress en Hostinger y el plugin WooCommerce. Esto permitió construir una plataforma capaz de recibir pagos, gestionar productos y ofrecer una experiencia fluida al usuario.
Diseño centrado en el usuario con enfoque Mobile First
Durante el proceso de diseño, se implementó una estrategia centrada en el usuario, priorizando la experiencia desde dispositivos móviles. Esto responde a los hábitos de consumo actuales: la mayor parte del tráfico y de las compras provienen de smartphones.
Se aplicaron patrones de diseño convencionales de e-commerce para facilitar la navegación. Además, se tomó como referencia directa una tienda competencia con gran trayectoria en el sector. A partir de un análisis comparativo, se realizaron ajustes que mantuvieran cierta familiaridad con dicha interfaz. Esto generó una experiencia intuitiva para nuevos usuarios ya acostumbrados a una estructura similar.
Inspiración competitiva y adaptación visual
La interfaz de Iron TCG Shop se mantiene limpia y orientada a la conversión. La jerarquía visual prioriza los productos y categorías, con un estilo minimalista que ayuda a reducir la fricción en el proceso de compra.
Esta paleta está compuesta por una gama de tonos rojizos que evocan la identidad visual de la Pokébola, elemento icónico de la franquicia Pokémon. El color primario (#aa2626) aporta fuerza y reconocimiento visual, mientras que los acentos (#f83935 y #f43637) añaden dinamismo y energía a la interfaz.
Para equilibrar la composición, se integran tonos neutros como el blanco suave (#fbfbfc y #ffffff) y el negro profundo (#111518), ideales para contrastes legibles, estructura jerárquica y claridad en la experiencia de usuario.
Esta selección cromática refuerza el enfoque temático del sitio, manteniendo coherencia con el universo visual de la marca y facilitando una navegación intuitiva y atractiva desde cualquier dispositivo.
Libre Franklin es una tipografía sans serif moderna y funcional, diseñada para entornos digitales. Su estilo limpio y estructura abierta garantizan una excelente legibilidad en dispositivos móviles, aportando claridad y equilibrio visual en distintos tamaños de pantalla.
Wireframes y validación estructural
A diferencia de la tienda de referencia, que carece de una página de inicio estructurada, en Iron TCG Shop se diseñó una con el objetivo de ofrecer una primera impresión más acogedora y familiar. Esta decisión busca mejorar la experiencia de quienes acceden al sitio desde motores de búsqueda, permitiendo que encuentren una presentación clara de la tienda antes de explorar los productos.
Se empleó un método de ingeniería inversa para descomponer la arquitectura de la tienda de la competencia, entender sus patrones, y rediseñarlos de forma que conservaran una experiencia familiar pero mejorada.
Flujo de contacto y operatividad básica integrada
El sitio incluye funcionalidades esenciales para operar un e-commerce de manera efectiva: catálogo dinámico, carrito de compras, pasarela de pagos, gestión de cuentas de usuario y un formulario de contacto integrado a través de plugins.
Conclusiones del proyecto
Este proyecto demuestra mi capacidad para desarrollar soluciones funcionales de comercio electrónico con principios de UX/UI, pensamiento crítico competitivo y una ejecución técnica completa desde cero.