NOCTISHacia lo desconocido.

El punto de partida

Construir una presencia digital propia para una marca ficticia de exploración. La experiencia debía sentirse cinematográfica, mantener el producto accesible y permitir editar los capítulos principales. NOCTIS es una exploración de diseño del estudio implementada como sitio local, sin cliente externo ni cifras de ventas o resultados comerciales.

La dirección visual

Negro profundo, tipografía marfil y luz ámbar construyen un lenguaje editorial de ciencia ficción. El eclipse establece la escala; los titulares grandes, el espacio y las pausas organizan la narrativa. El arte del sitio y la portada arquitectónica del portfolio se crearon con IA. Las capturas y el video de abajo muestran el sitio implementado.

Ocho capítulos, un recorrido

1. Apertura. Un eclipse monumental y “NOT FROM THIS WORLD” presentan la marca. El scroll acerca la escena y desplaza la tipografía fuera del encuadre.
2. Manifiesto. Una pausa tipográfica explica la intención: objetos y experiencias que cambian la forma de mirar.
3. Expedición. Partida, silencio y llegada forman tres escenas horizontales en escritorio y una secuencia vertical en móvil.
4. The Orbital. Un producto escultórico gira al entrar en escena, con un enlace claro a su ficha en WooCommerce.
5. Estudios de materiales. Superficies marfil y reflejos ahumados convierten los detalles del producto en una composición editorial.
6. Transmisiones. Notas editoriales amplían el universo visual con ideas sobre espacio, objetos y exploración.
7. Filosofía. Principios sobre curiosidad, intención y perspectiva dan voz a la marca más allá de las imágenes.
8. Cierre. La escena final recupera el eclipse, completa la narrativa y ofrece un siguiente paso.

Edición y recorrido de producto

Un tema propio de WordPress y el plugin de widgets NOCTIS dan a cada capítulo un widget independiente en Elementor. Se pueden cambiar el tipo de capítulo, titular, introducción, imágenes y acción principal. WooCommerce conecta la ficha de The Orbital con el carrito. Esto demuestra el recorrido de producto a carrito; pagos, envíos y pedidos reales quedan fuera del alcance del demo. The Orbital es un producto conceptual ficticio.

Movimiento, móvil y accesibilidad

El movimiento sigue al scroll: acercamiento al eclipse, desplazamiento tipográfico, transiciones del encuadre, expedición horizontal y giro del producto. No sigue al cursor ni intercepta el scroll nativo. En móvil, la expedición se convierte en tres escenas verticales. La preferencia de movimiento reducido elimina las secuencias fijas de animación y presenta el contenido sin movimiento.

Qué se comprobó

El reporte local del 5 de octubre de 2026 incluye pantallas de 1440, 768, 390 y 320 px sin desbordamiento horizontal, sin errores de ejecución ni incidencias en la revisión automática de accesibilidad, y una vista previa del editor de Elementor. El reporte de captura registra 13 pantallas y un recorrido de 42 segundos sin errores de captura. Son comprobaciones técnicas locales; no acreditan rendimiento en producción, conformidad completa de accesibilidad ni resultados de negocio.