Todos los proyectos · El Mundo
Bullying or Not
Si no sabes distinguirlo, ese es el mensaje.
- Cliente
- El Mundo
- Año
- 2016
- Sector
- Medios / Acción social
- Rol
- Desarrollo
- Agencia creativa
- VCCP Spain
- Lanzamiento
- Mayo de 2016
Portada
Un experimento online para comprobar si eres capaz de detectar el bullying: escucha y adivina, tienes cuatro oportunidades.
Resumen
El Mundo quería dar visibilidad al acoso escolar y movilizar a la sociedad para denunciar situaciones que suelen pasar inadvertidas. VCCP Spain, en su primer trabajo para el diario, planteó una experiencia web basada en la risa: el usuario escucha y decide si es un momento inocente o un caso de bullying. Nuestro equipo convirtió ese concepto en un site funcional.
Pantallas
Los datos que aparecen están anonimizados.
Escucha y decide
Solo audio. La forma de onda avanza con el sonido y hay que decidir sin ver nada.
La respuesta en vídeo
Tras responder aparece el vídeo con las caras pixeladas. Lo que sonaba a broma puede no serlo, y al revés.
Transición al vídeo
El vídeo entra en tres franjas que se enfocan una a una, como si la imagen apareciera detrás del sonido.
Resultado
El cierre convierte el fallo en el mensaje: si cuesta distinguirlo desde fuera, hay que prestar atención al mínimo indicio.
El problema
El acoso escolar suele pasar inadvertido. El reto creativo era que el usuario sintiera en primera persona lo difícil que es detectarlo.
- La campaña tenía que movilizar a la sociedad para denunciar y promover protocolos reales.
- La experiencia dependía del sonido, en navegadores de escritorio y móvil de 2016.
- El site iba a difundirse en un medio nacional y debía responder con estabilidad.
Enfoque
El concepto de VCCP se apoyaba en la risa, un elemento común a la diversión inocente y al acoso. Lo trasladamos a una experiencia web directa: escuchar, decidir y ver el resultado, sin nada que distrajera del audio. La dificultad para acertar era el mensaje, así que la ejecución tenía que hacer que cada decisión se sintiera inmediata y honesta.
Qué construimos
Escuchar primero
Cada ronda empieza con una risa y su forma de onda. Nada más en pantalla que el sonido.
Bullying or Not
Una decisión binaria por ronda, cuatro oportunidades y un indicador de progreso arriba.
La revelación
Tras cada respuesta, el vídeo muestra qué estaba pasando de verdad en esa risa.
El resultado y la llamada
El número de fallos y el mensaje final: el bullying se esconde detrás de las risas, presta atención y denúncialo. Con la firma de El Mundo y la opción de compartir.
Audio fiable y responsive
Reproducción de sonido en escritorio y móvil respetando las restricciones de autoplay de la época, con una carga ligera para los picos de tráfico de la difusión.
Stack
- HTML5
Resultados
Una experiencia que solo funciona si el sonido llega a tiempo y la decisión es inmediata. Ahí estaba el trabajo.
- El mensaje dependía de que el usuario fallara, y para eso la experiencia tenía que funcionar sin fricción.
- Un site ligero y estable para la difusión de un medio nacional.
Sistema visual
Un fondo desenfocado, un marco oscuro y una sans geométrica en mayúsculas muy espaciadas.
- Texto#E2E0DC
- Marco#242421
- Fondo#5B5C55
- Piel#8A7D70
- Azul El Mundo#3C6AA6
- OR
Nunito Sans
Mayúsculas muy espaciadas y botones de contorno