Power Star
Un ecosistema completo de e-commerce, aplicación móvil y panel de administración construido para operar como una sola plataforma.
El ecosistema de Power Star reúne tres productos, tienda en línea, aplicación móvil y CMS, bajo una misma experiencia de marca, diseñada para escalar sin perder consistencia entre plataformas.
Cada interfaz está pensada dentro del flujo completo de compra y administración: desde cómo el cliente busca una pieza, la compara y llega al checkout, hasta cómo el equipo interno gestiona catálogo, precios e inventario desde el CMS.
Los tres productos se construyeron sobre la misma librería de componentes y los mismos tokens en Figma, lo que garantiza consistencia visual y funcional entre plataformas sin duplicar el esfuerzo de diseño en cada una.
Diseño de tienda en línea
Diseñada para guiar al cliente desde la búsqueda de la pieza hasta el checkout: filtro por vehículo o transmisión, fichas de producto, comparador, carrito y promociones, todo construido a partir de la misma librería de componentes del ecosistema.
Diseño de aplicación móvil híbrida
Construida como app híbrida para operar en iOS y Android desde una sola base de código, reutilizando los mismos componentes y flujos de la tienda en línea adaptados a un formato móvil, con navegación por tab bar y patrones propios de cada sistema.
Diseño de CMS
Panel de administración para gestionar clientes, pedidos, catálogo, precios y disponibilidad en tiempo real. Comparte identidad visual y componentes con la tienda y la app, para que el equipo interno opere sin curva de aprendizaje adicional.
Librería implementada
Tokens y componentes centralizados en Figma —color, tipografía, espaciado y estados— organizados en primitivos y semánticos y aplicados por igual en los tres productos, de modo que cualquier ajuste se propague desde una sola fuente de verdad.
Definición de elementos responsivos
Breakpoints definidos para móvil (360–767px), tablet (768–1199px) y escritorio (1200px en adelante). Cada componente se adapta en cada rango sin perder jerarquía ni funcionalidad en ningún dispositivo.
Flujo de trabajo
Flujo de navegación mapeado antes de construir: cada pantalla, sus estados de éxito y error, y la jerarquía de cada sección quedaron definidos para que el equipo de desarrollo tuviera una referencia clara y lista para handoff antes de programar.
