# CycloKinetics — Dirección de arte, narrativa visual orientada a misiones y sistemas UI para el sector Aeroespacial y de Defensa

> Caso de estudio: Dirección de arte, UI design y narrativa orientada a misiones para CycloKinetics, tecnología de propulsión aeroespacial en EE. UU.

Web Design / Art Direction / Motion Design

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.

Concepto original para Nika Agency — dirección de arte ejecutiva, storytelling orientado a misiones y UI modular que traduce ciencia de propulsión avanzada en una experiencia digital creíble para aeroespacial y defensa.

- **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

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.

## 01 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.

## 02 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.

## 03 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.

## 04 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.

## 05 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.

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.

Website: https://www.cyclokinetics.com/

HTML: https://www.giovidaurri.com/es/casos-de-estudio/cyclokinetics/