DJVJ | CREMA™

Cliente: DJVJ

Año: 2020

Tags: Branding / Comunicación / Diseño estratégico / Marketing / Producto digital

Introducción

Habs Akram es un Video Jockey (VJ) de renombre mundial que ha trabajado en la industria de la música electrónica durante más de 20 años. Ha dirigido el contenido de la pantalla en eventos reconocidos a nivel mundial, como el Festival de Glastonbury de Reino Unido y el Festival Ultra Music de Miami. También dirigió visuales en muchas noches de club, con reconocidos DJ’s como Carl Cox en Space Ibiza, Paul Van Dyk, Ferry Corston y bandas como Nine Inch Nails y Pet Shop Boys.

El verano de 2018, un equipo de Londres se desplazó al estudio de CREMA™, en Málaga. Durante tres días, ambos equipos trabajaron para definir la estrategia y la base sobre la que se construiría un nuevo producto digital llamado DJVJ.

Briefing

El proyecto perseguía un objetivo preciso: crear una potente aplicación para dispositivos móviles con una interfaz y funcionalidades que replicasen todas las herramientas que utilizan los video jockeys. Se puso un foco muy importante en la experiencia de usuario, pensada para un público generalmente amateur, interesado en el mundo de lo visual, la música o al que le gustan mezclar y editar sus proyecciones.

Además del diseño y desarrollo del producto digital, se requiere la creación de una marca y una estrategia de marketing 360º para su lanzamiento al mercado, con un componente muy importante de ASO para la optimización en los mercados de Apps (Apple App Store y Google Play).

Research 1

Research/Estrategia

En la primera fase de análisis, se recopiló toda la información del proceso y la metodología de trabajo del videojockey. Conocer la técnica, el tipo de contenido y, lo que es más importante, cómo conectar la imagen con la música, fue el objetivo principal de esta primera parte del Research. Estos inputs permitieron hacer un mapeo con información esencial para abordar el proyecto con la perspectiva de un VJ.

En la siguiente etapa, se realizó un estudio en profundidad de todas las herramientas e instrumentos para la mezcla de videos en directo; desde las mesas de efectos a los dispositivos analógicos, pasando por los principales programas que usan los VJ profesionales. De este análisis, se construyó un estudio de tendencias en torno al tipo de interfaz y estética del software e, igualmente, se realizó una investigación completa con todas las funcionalidades y modos de cada herramienta.

También se puso especial interés en comprender a la comunidad generada en torno a la creación audiovisual. Se definieron los stakeholders presentes, con especial interés en aquellos aliados que otorgarían mayor presencia al proyecto, entre los que se encuentran, por ejemplo, el DJ Seb Fontaine y el fabricante de dispositivos Evermix.

Estratégicamente, la marca y el producto se centraron en torno a un imaginario conceptual que conecta tres ideas clave:

Freedom / Simplicity / Community

Estos conceptos se extienden a cada línea del proyecto: creación de marca, diseño de UX/UI, desarrollo de la App y estrategia de Marketing.

Desarrollo del projecto

El proyecto de DJVJ supuso un gran reto para nuestro equipo de desarrollo. Los requisitos de UX, UI y funcionalidad necesarios para emular en tiempo real los distintos aparatos, mezclas y efectos obligaron a realizar la programación en los lenguajes nativos de cada plataforma, por lo que tuvimos que desarrollar el proyecto en paralelo para iOS y para Android, coordinándonos para que todo el look and feel fuese igual en ambos sistemas. La complejidad de los procesos que realiza DJVJ a nivel visual es tan elevada que exprime al máximo la capacidad del hardware, llegando al límite de lo que es posible hacer hoy en día con un teléfono. A pesar de las grandes diferencias de hardware y de software entre Apple y Android, se consiguió un resultado muy parecido en ambas plataformas y, finalmente, una experiencia de usuario increíble para todos.

App testing

Prototipo

Para definir el prototipo de la App se trabajó meticulosamente en el diseño UX/UI, analizando la usabilidad y la experiencia de usuario necesarios para condensar las herramientas necesarias en la pantalla de un teléfono. Con toda esta información, se define el flujo de navegación y se crea el wireframe, donde el usuario es el centro y la simplicidad es el hilo conector. El resultado es un prototipo que muestra al 100% todos los aspectos y puntos necesarios para el diseño de la interfaz y posterior desarrollo de la App: funcionalidades, efectos, modos de fusión, flujos de navegación, sistema de elevación, botones…

Flujo de navegación

Diseño de interfaz

En la fase de diseño de interfaz, el equipo de CREMA™ se enfocó en la usabilidad de los controles y en la simplicidad del conjunto de elementos, además de aportar una línea estética atractiva con formas y contornos limpios. El contraste, la jerarquización de los elementos, las formas, los espacios y el color se han trabajado buscando como meta una App útil, atractiva y usable.

Color

La paleta de color DJVJ está pensada para que el usuario pueda distinguir a la perfección cada elemento: botones de efectos, monitores de visualización y potenciómetros. Para ello, se establecieron dos tonalidades de gris como colores base de la interfaz, combinados con tonalidades en alto brillo de morado y azul, consiguiendo un alto contraste en el resultado final.

Sistema de elevación

Todas las herramientas para llevar a cabo una sesión con DJVJ están disponibles en una única pantalla, donde se pueden seleccionar los distintos contenidos y efectos a través de ventanas emergentes y menús desplegables. En la pantalla principal se puede ver tanto la mezcla final como los canales que la componen, los parámetros de cada capa (como velocidad u opacidad) y una botonera de efectos personalizable por parte del usuario. Cada canal permite controlar por separado su sensibilidad con respecto a la música que está escuchando el dispositivo.

Modo día y modo noche

Uno de los factores que se tuvieron en cuenta al desarrollar la UX fue la gama de entornos en los que podría utilizarse el sistema. Esto dio lugar al diseño de dos UI paralelas, que se denominaron Modo Noche y Modo Día.

La App está orientada a utilizarse generalmente en entornos nocturnos, de modo que la UI se abre por defecto en Modo Noche. Este diseño se mimetiza con los aparatos profesionales de DJ y de VJ, que son por lo general muy oscuros para no generar un gran reflejo de luz sobre el artista en un entorno oscuro. Para interferir poco con este entorno, la UI de Modo Noche es muy oscura y presenta contraste lumínico solo en los controles relevantes para este ambiente, evitando destellos molestos para los usuarios. Si seleccionas el Modo Día, la interfaz se transforma en colores muy claros que se visualizan bien en entornos muy luminosos, incluso con luz solar directa.

Esta doble UI proporciona a los usuarios una excelente UX en todos los entornos en los que puedan trabajar con DJVJ.

Light and dark mode

Marketing

Todas las acciones de marketing y comunicación se han pensado siguiendo la estrategia de marca definida, buscando la comunidad de usuarios y transmitiendo el espíritu de libertad y simplicidad que envuelven al producto. Se sigue trabajando en las estrategias de expansión del producto, tanto a nivel orgánico como en las acciones de pago.

Un desafío que va más allá de lo estético y funcional; una herramienta capaz de conectar con la música a través de las imágenes.

DJVJ exprime al máximo el potencial gráfico de los mejores dispositivos móviles del mercado.

Marketing 1Marketing 2Marketing 3Marketing 4Marketing 5Marketing 6Marketing 7Marketing 8

Play