Historias interactivas FutbolNet
La Fundación Barça utiliza el deporte como herramienta de transformación social al alcance de la infancia y jóvenes en situación de vulnerabilidad, para mejorar su calidad de vida
SERVICIOS
Vídeos interactivos
Línea gráfica
Web
Redes sociales
SECTOR
Fundación deportiva
FECHA
2021
![FFCB_Tablet2](https://learnwus.es/wp-content/uploads/2023/01/FFCB_Tablet2.webp)
Necesidad: Generar un recurso para trabajar en contra de la violencia, destinado a países de centro y sud América.
Objetivos: Conseguir un recurso que sirva a los monitores de FutbolNet para trabajar con los niños y niñas los valores contra la violencia racial, de género, el acoso escolar y otras problemáticas que los menores viven en su día a día.
Solución: Análisis, diseño y desarrollo de 5 historias interactivas animadas donde el usuario puede avanzar por la narrativa eligiendo caminos que le llevan a distintos finales.
![FFCB_Esquema](https://learnwus.es/wp-content/uploads/2023/01/FFCB_Esquema.webp)
Después de los briefings iniciales con el equipo de la Fundación, cooperamos en la realización del guion y la narrativa de cada historia, enlazando los hilos conductores de cada decisión para que todos tuvieran un final lógico.
![FFCB_Briefing-inicial](https://learnwus.es/wp-content/uploads/2023/01/FFCB_Briefing-inicial.webp)
Paralelamente, el equipo gráfico trabajo en la generación de una línea de color específica para cada historia según el país donde está representada.
![FFCB_Costa-Rica.jpg](https://learnwus.es/wp-content/uploads/2023/01/FFCB_Costa-Rica.jpg.webp)
A esta propuesta se tenían que añadir los colores corporativos del cliente y su tipografía, así que se realizaron varias propuestas junto con la interfaz, los iconos y pantallas anexas.
![FFCB_Personajes](https://learnwus.es/wp-content/uploads/2023/01/FFCB_Personajes.webp)
Se validó todo el contenido con el equipo internacional del proyecto, el patrocinador, y el departamento de comunicación del club.
![Artboard 81](https://learnwus.es/wp-content/uploads/2023/02/Artboard-81.png)
Se desarrollaron todos los personajes, sus nombres, edades, gustos, familia, donde vivían… y se buscaron y editaron ilustraciones que encajaran con cada perfil/país.
![Artboard 1 copy 41](https://learnwus.es/wp-content/uploads/2023/02/Artboard-1-copy-41.png)
Se añadieron datos reales para ilustrar la realidad de cada historia.
![Tablet-Barça1](https://learnwus.es/wp-content/uploads/2023/02/Tablet-Barca1.png)
![FFCB_Tablet3](https://learnwus.es/wp-content/uploads/2023/01/FFCB_Tablet3.webp)
Con todo el material anterior aprobado se inició la creación de todas las animaciones y el contenido interactivo final.
![FFCB_Historias interactivas](https://learnwus.es/wp-content/uploads/2023/01/FFCB_Historias-interactivas.webp)
Finalmente, se publicó en el servidor del club, haciéndolo publico en la web y se anexaron todas las pantallas a un Google Analytics que permitiera hacer el seguimiento de las respuestas de cada usuario.
![FFCB_banners_RRSS](https://learnwus.es/wp-content/uploads/2023/01/FFCB_banners_RRSS.webp)
Se generó material de comunicación para redes sociales y para la página web.
Proyectos relacionados
![Game Design](https://learnwus.es/wp-content/uploads/2023/02/Gamificacion-510x382.webp)
![AGBAR](https://learnwus.es/wp-content/uploads/2024/02/AGBAR_portfolio.webp)
![Cookie Box](https://learnwus.es/wp-content/uploads/2024/01/Cookiebox.webp)
![Generalitat de Catalunya. Dep. Salut](https://learnwus.es/wp-content/uploads/2023/11/Gene_Salut_Campus_destacado-510x382.webp)
![Hisenda](https://learnwus.es/wp-content/uploads/2023/01/Video-Hisenda_02-510x382.webp)
![Nephila](https://learnwus.es/wp-content/uploads/2023/01/Nephila_Video-510x382.webp)
![Escola de l’aigua](https://learnwus.es/wp-content/uploads/2023/01/Escuela-del-agua_tablet-510x382.webp)
![Click2prl](https://learnwus.es/wp-content/uploads/2023/01/Click2prl-510x382.webp)
![Fundació Barça + Konami](https://learnwus.es/wp-content/uploads/2023/01/FFCB_Konami_Intranet-510x382.webp)
![e-Foro Técnico](https://learnwus.es/wp-content/uploads/2023/01/EForo2-510x382.webp)
![Tecnocasa](https://learnwus.es/wp-content/uploads/2023/01/TECNOCASA2-510x382.webp)
![e-Transport](https://learnwus.es/wp-content/uploads/2023/01/eTransport-510x382.webp)
![Serunion](https://learnwus.es/wp-content/uploads/2023/01/Serunion-510x382.webp)
![Wamai](https://learnwus.es/wp-content/uploads/2023/01/Wamai-510x382.webp)
![EHR](https://learnwus.es/wp-content/uploads/2023/01/EHR-510x382.webp)
![PR-i](https://learnwus.es/wp-content/uploads/2023/01/Pr-I_Billboardy-510x382.webp)
![Fundación Barça Contra la violencia](https://learnwus.es/wp-content/uploads/2023/01/FFCB_Tablet2-510x382.webp)
![Ajuntament de Barcelona](https://learnwus.es/wp-content/uploads/2023/01/Ajuntament-Barcelona2-510x382.webp)
![AOC](https://learnwus.es/wp-content/uploads/2023/01/AOC_01-510x382.webp)
![Programa contra el Bullying](https://learnwus.es/wp-content/uploads/2023/01/FFCB_Contrabullying-510x382.webp)
![Laboratorio-oliver-rodes](https://learnwus.es/wp-content/uploads/2023/01/OliverRodes_big-510x382.webp)