Una portada en la que te metes
Haces clic en el contenedor, la tapa se abre, la cámara desciende dentro. Cinco objetos son la navegación. Sin imagen de portada, sin titular.
Caso práctico · Interactivo Y2K · En línea
Junky Solutions
Junky Solutions es una agencia creativa en Milán. Su propia frase es «est. from the rubble», así que la home es un contenedor giratorio en el que entras. Los servicios son una memory card de PlayStation 2. Las páginas de proyectos son YouTube 2007. Construido, no filtrado.
01
El encargo
Junky Solutions, agencia creativa impulsada por la cultura, Milán.
- Entre sus clientes: Paris Saint-Germain, Nike, Jordan Brand y Snipes.
- Vende campañas, eventos y producción de contenido. Siete líneas de servicio.
- Trabaja por igual con marcas globales y subculturas locales.
- Posicionamiento propio: cultura antes que copiar y pegar.
El brief salió de esa última línea. Una agencia que vende originalidad no puede entregar una plantilla. El sitio tenía que ser el argumento, no su descripción.
02
Qué hicimos
Los servicios como memory card de PS2
Siete servicios en un navegador tipo memory card, cada uno enlazado con los proyectos relacionados.
Los proyectos como YouTube 2007
Páginas de reproducción y un índice de resultados de búsqueda. El vídeo va primero, porque el trabajo es vídeo.
Y2K en todo, no por encima
El contacto es un cuadro de diálogo de sistema. La tienda es una cuadrícula de producto. El estilo de época llega a los componentes, no solo a la envoltura.
03
Cómo está construido
- Next.js con TypeScript, React Three Fiber y Three.js para la 3D, Motion para la interfaz.
- Medios en Cloudflare R2. Alojado en Vercel.
- Proyectos y servicios son archivos de datos: añadir un proyecto es un cambio de datos.
El enrutado, los datos y el contenido se mantuvieron simples, para que la 3D pudiera no serlo.
04
El resultado
- En línea y público en junky-alpha.vercel.app.
- Segunda ronda de comentarios del cliente en curso.
- Sección tienda preparada, a la espera de las credenciales de comercio.
- Concepto, dirección de arte, 3D, desarrollo front-end y despliegue: este estudio.
Cuéntanos en qué estás trabajando, o mira el otro extremo del rango en The Muuls, una tienda de una sola página, contenida.