Saltar al contenido
Northern Wind
Proyecto propioAbierto al público

Natural Disorder

La web de un proyecto de música electrónica: se elige una pista y el fondo, un fluido que reacciona al audio, cambia con ella.

Puedes escuchar las pistas sin registrarte.

La portada de Natural Disorder: título enorme en blanco hueso sobre un fondo oscuro con humo de colores.

Qué demuestra

Por qué lo contamos

  • Que una web puede tener una idea visual fuerte y sostenerla con una interfaz ordenada: el fondo es el caos y la interfaz es el orden.
  • Que la parte práctica también cuenta: cada pista tiene su propia imagen al compartir en redes y la web está pensada para los buscadores.
  • Que quien gestiona la web puede subir sus propias pistas desde una zona de administración, sin tocar código.

Cómo se hizo

Lo que hay por dentro

  • Fluido simulado en la tarjeta gráfica con WebGL y analizado el audio en tiempo real.
  • Zona de administración con subida de pistas en MP3 y lectura de sus metadatos.
  • Imágenes sociales por pista y datos para buscadores.

Sin humo

Lo que no hemos verificado

Todo caso tiene límites. Estos son los de este.

  • La fluidez del fondo en tarjetas gráficas y móviles reales de gama baja no está medida.
  • Los enlaces a plataformas de música y redes sociales aún no están puestos.
  • No hemos probado cómo se ve la tarjeta al compartir en todas las aplicaciones de mensajería.

Identidad

Cómo se ve por dentro

Desorden natural: el marco, los filetes y la rejilla ordenan; el fondo líquido desordena.

  • Tinta#140E0B
  • Hueso#F1E8D6
  • Turquesa#16A6A0
  • Rojo#D6402F
  • Ámbar#F2B230

Tipografías

  • Syne
  • Instrument Sans

Servicios relacionados

Lo que este caso ilustra

¿Quieres algo parecido?

Cuéntanos tu caso. Empezamos por una auditoría gratuita y un presupuesto cerrado por escrito.