Web Design / Art Direction / Motion Design
CycloKinetics — Dirección de arte, narrativa visual orientada a misiones y sistemas UI para el sector Aeroespacial y de Defensa
Conceptualización visual, dirección de arte y arquitectura de interfaz para CycloKinetics: compañía de tecnología de propulsión en EE. UU. especializada en el desarrollo de combustibles de alto rendimiento (drop-in fuels) para aviación militar, defensa y exploración espacial.
Agencia
Nika
Cliente
CycloKinetics
Industria
Aerospace, Defense & Advanced Propulsion
Ubicación
Salt Lake City, Utah, EE. UU.
Año
2026
Duración
1 mes
Presupuesto
$3K USD
Rol
Senior UI Designer / Art Director
Entregables
Visual Concept
Art Direction
Website Design
UI System
Motion
Resumen del proyecto
CycloKinetics desarrolla combustibles de alta densidad energética (CycloJP, CycloRP y CK-10) diseñados para aumentar el alcance, la velocidad, la altitud y la capacidad de carga en aeronaves y sistemas espaciales, sin requerir modificaciones en los motores ni en la infraestructura existente (drop-in integration).
El reto de negocio era comunicar tecnología química y de propulsión extremadamente densa mediante una experiencia digital que transmitiera máxima credibilidad científica, sofisticación militar y facilidad de entendimiento. En colaboración con Nika Agency, desarrollé la conceptualización visual original, la dirección de arte, el sistema de diseño responsivo y la dirección de motion. La propuesta organizó el portafolio de propelentes, perfiles de misión, capacidades de manufactura y liderazgo de la empresa en una narrativa visual contundente construida sobre tipografía editorial, imaginería aeroespacial y patrones de interacción de alto contraste. Aunque el diseño de producción final evolucionó en un proceso colaborativo más amplio, múltiples elementos visuales, modulares y estructurales de mi concepto dictaron y fueron incorporados en el sitio web lanzado en producción.
Dirección de arte y concepto visual (Art Direction & Visual Concept)
El sector militar y de defensa suele pecar de interfaces obsoletas o saturación técnica. Establecí un lenguaje visual de grado ejecutivo que equilibra rigor científico y estética cinematográfica, combinando imaginería aeroespacial de alta fidelidad, tipografía editorial y una paleta contenida de contraste en negro y naranja técnico.
Storytelling orientado a misiones (Mission-Driven Storytelling)
Para que agencias gubernamentales, contratistas de defensa y directores de ingeniería comprendan el valor real del producto en segundos, la arquitectura del sitio no se centró en fórmulas químicas, sino en aplicaciones reales en el campo de batalla y el espacio. Estructuré la experiencia en torno a perfiles de misión (Mission Profiles), escenarios visuales de combate aéreo, misiles de largo alcance y propulsión espacial de nueva generación.
Arquitectura de producto modular (Product Architecture)
Diseñé un sistema UI modular para presentar el portafolio técnico de combustibles (CycloJP, CycloRP y CK-10). El diseño traduce especificaciones complejas de densidad y rendimiento en tarjetas escaneables que posicionan claramente sus ventajas como propelentes drop-in para aviación táctica, lanzamiento orbital y sistemas de defensa estratégica.
Experiencia responsiva integral (Responsive Experience)
La precisión de la ingeniería aeroespacial debía reflejarse en todos los dispositivos. Las versiones desktop, tablet y mobile se abordaron como un ecosistema unificado, adaptando grillas, jerarquías tipográficas, módulos de producto e interacciones para mantener el impacto visual y la legibilidad sin importar el tamaño de pantalla.
Motion Design y dinamismo técnico
El movimiento fue implementado como una herramienta funcional para guiar la lectura y aportar una atmósfera cinematográfica. Desarrollé estudios de motion y animaciones de presentación en After Effects para definir transiciones entre módulos de producto, comportamientos de navegación y revelación progresiva de datos técnicos.
Nota de diseño
Este caso de estudio presenta mi exploración de diseño original conceptualizada y desarrollada para Nika Agency. El sitio web final de CycloKinetics evolucionó a partir de un proceso colaborativo multidisciplinario más amplio y no es una implementación exacta de esta propuesta, aunque diversos elementos visuales, modulares y estructurales de mi trabajo fueron incorporados directamente en la experiencia final lanzada al mercado.
Compartir en Linkedin 
Compartir en Threads 
Compartir en X 
Compartir en Facebook 
