Situación
La gestión de colecciones de cajas en Counter-Strike 2 mediante hojas de cálculo tradicionales o plataformas externas suele ser lenta, carece de actualización en tiempo real de precios y no ofrece una interfaz atractiva integrada con la identidad visual del usuario.
Tarea
El objetivo era desarrollar una aplicación web premium (CS2 Inventory) que centralizara el control de inventario de cajas, permitiendo visualizar cantidades, valores totales y ganancias estimadas de manera rápida y elegante.
Acción
Para lograr esta solución de inventario moderna, implementé las siguientes acciones:
- Diseño Premium Dark Tech: Creación de una interfaz con efectos de glassmorphism, partículas en canvas y cursores interactivos personalizados coherentes con el ecosistema visual.
- Efectos Visuales e Interactividad: Integración de animaciones GSAP y efectos de rayos eléctricos en un logotipo 3D interactivo para mejorar la interacción del usuario.
- Panel y Catálogo Dinámico: Implementación de vistas de catálogo filtrables por categorías y actualización en tiempo real de métricas críticas como el valor total y el margen de beneficio.
- Estructura Optimizada: Modularización del código mediante importaciones ES6, facilitando el mantenimiento y carga asíncrona de datos desde recursos JSON.
Galería del Proceso
Resultado
Web Control Cajas ofrece a los coleccionistas una plataforma impecable para controlar sus inventarios de CS2. Logró un diseño moderno con un rendimiento excelente y animaciones fluidas que proporcionan una experiencia de usuario sumamente satisfactoria.