HoloBleus — FFF · Réalité Augmentée

Le projetThe projectEl proyecto

Jouer aux côtés des Bleus, en AR Standing alongside the Blues, in AR Junto a los Bleus, en RA

À l'occasion de la Euro 2016, la FFF souhaitait offrir à ses millions de supporters une expérience digitale inédite : se prendre en photo ou vidéo aux côtés des joueurs de l'Équipe de France en réalité augmentée, directement depuis l'application officielle.

For the Euro 2016, the FFF wanted to offer its millions of supporters an unprecedented digital experience: taking photos or videos alongside France national team players in augmented reality, directly from the official app.

Con motivo del Eurocopa 2016, la FFF quería ofrecer a sus millones de aficionados una experiencia digital inédita: hacerse fotos o vídeos junto a los jugadores de la selección francesa en realidad aumentada, directamente desde la app oficial.

Wazapp a été sollicitée pour concevoir et développer cette fonctionnalité — baptisée HoloBleus — dans un délai très court, avec une contrainte forte : une expérience fluide et cohérente sur l'ensemble des smartphones iOS et Android, sans friction pour l'utilisateur final.

Wazapp was brought in to design and develop this feature — named HoloBleus — on a very tight timeline, with a strong constraint: a smooth and consistent experience across all iOS and Android smartphones, without friction for the end user.

Wazapp fue convocada para diseñar y desarrollar esta funcionalidad — bautizada HoloBleus — en un plazo muy ajustado, con una restricción fuerte: una experiencia fluida y coherente en todos los smartphones iOS y Android, sin fricciones para el usuario final.

HoloBleus en action — l'interface AR minimaliste permet de choisir son joueur et de se prendre en photo ou vidéo avec lui HoloBleus in action — the minimalist AR interface lets you choose your player and take a photo or video alongside them HoloBleus en acción — la interfaz AR minimalista permite elegir tu jugador y hacerte una foto o vídeo con él

+10M

utilisateurs dans le monde users worldwide usuarios en el mundo

2016

Euro 2016 — France 🏆 Euro 2016 — France 🏆 Copa del Mundo — Francia 🏆

iOS+

Android · livraison simultanée Android · simultaneous launch Android · lanzamiento simultáneo

DéfiChallengeDesafío

Une expérience immersive et accessible à tous An experience immersive and accessible to all Una experiencia inmersiva y accesible para todos

La réalité augmentée est une technologie qui peut rapidement devenir un obstacle si mal conçue — latence, interface complexe, incompatibilité entre appareils. Sur une application grand public touchant des millions de supporters aux profils très variés, chaque friction était inacceptable.

Augmented reality is a technology that can quickly become an obstacle if poorly designed — latency, complex interface, device incompatibility. On a consumer application reaching millions of supporters with very varied profiles, every friction was unacceptable.

La realidad aumentada es una tecnología que puede convertirse rápidamente en un obstáculo si está mal diseñada — latencia, interfaz compleja, incompatibilidad entre dispositivos. En una aplicación de gran consumo que llega a millones de aficionados con perfiles muy variados, cualquier fricción era inaceptable.

⚡

Délai contraint Tight deadline Plazo ajustado

La fonctionnalité devait être livrée avant le coup d'envoi de l'Euro 2016 — une contrainte non négociable qui a conditionné toutes les décisions de scope et de design. The feature had to be delivered before Euro 2016 kick-off — a non-negotiable constraint that shaped all scope and design decisions. La funcionalidad debía entregarse antes del inicio de la Eurocopa 2016 — una restricción no negociable que condicionó todas las decisiones de alcance y diseño.

📱

Fragmentation des appareils Device fragmentation Fragmentación de dispositivos

L'AR devait fonctionner de façon fluide sur l'ensemble des smartphones iOS et Android — des derniers flagships aux appareils d'entrée de gamme — sans dégrader l'expérience. AR had to run smoothly across all iOS and Android smartphones — from the latest flagships to entry-level devices — without degrading the experience. La RA debía funcionar fluidamente en todos los smartphones iOS y Android — desde los últimos flagships hasta los dispositivos de gama de entrada — sin degradar la experiencia.

🎯

Audience grand public Mass consumer audience Audiencia de gran consumo

Des supporters de tous âges, niveaux de maîtrise digitale variés — l'interface devait être immédiatement compréhensible, sans tutoriel ni apprentissage. Supporters of all ages, varying levels of digital literacy — the interface had to be immediately understandable, with no tutorial or learning curve. Aficionados de todas las edades, distintos niveles de competencia digital — la interfaz debía ser inmediatamente comprensible, sin tutorial ni curva de aprendizaje.

🎨

Cohérence de marque FFF FFF brand consistency Coherencia de marca FFF

La fonctionnalité devait s'intégrer naturellement dans l'app officielle — respecter la charte graphique de l'Équipe de France tout en restant une expérience visuelle mémorable. The feature had to integrate naturally into the official app — respecting the France team's brand guidelines while remaining a visually memorable experience. La funcionalidad debía integrarse de forma natural en la app oficial — respetando la identidad visual de la selección francesa y siendo a la vez una experiencia visual memorable.

RechercheResearchInvestigación

Cadrer avant de concevoir Frame before designing Enmarcar antes de diseñar

Malgré le délai très court, une phase de cadrage a été indispensable pour éviter de concevoir une interface AR technique que les supporters n'auraient pas su utiliser.

Despite the very tight timeline, a framing phase was essential to avoid designing a technically-driven AR interface that supporters wouldn't know how to use.

A pesar del plazo muy ajustado, una fase de encuadre fue indispensable para evitar diseñar una interfaz AR técnica que los aficionados no supieran utilizar.

👥

Attentes supporters Supporter expectations Expectativas de los aficionados

Analyse des comportements des fans sur les applications sportives — partage social, engagement émotionnel, facilité de capture. L'expérience devait être instantanément partageable. Analysis of fan behaviour on sports applications — social sharing, emotional engagement, ease of capture. The experience had to be instantly shareable. Análisis del comportamiento de los aficionados en las aplicaciones deportivas — compartir en redes, compromiso emocional, facilidad de captura. La experiencia debía ser instantáneamente compartible.

🔬

Contraintes techniques AR AR technical constraints Restricciones técnicas RA

Étude des contraintes de performance AR sur l'ensemble des appareils cibles — définition des seuils de qualité minimaux à garantir sur les smartphones d'entrée de gamme. Study of AR performance constraints across all target devices — defining minimum quality thresholds to guarantee on entry-level smartphones. Estudio de las restricciones de rendimiento RA en todos los dispositivos objetivo — definición de umbrales mínimos de calidad a garantizar en smartphones de gama de entrada.

📋

Benchmark AR mobile Mobile AR benchmark Benchmark RA móvil

Analyse des meilleures expériences AR grand public — Snapchat, Instagram, applications événementielles — pour identifier les patterns UX qui fonctionnent et ceux à éviter. Analysis of the best consumer AR experiences — Snapchat, Instagram, event applications — to identify UX patterns that work and those to avoid. Análisis de las mejores experiencias RA de gran consumo — Snapchat, Instagram, aplicaciones de eventos — para identificar los patrones UX que funcionan y los que evitar.

SolutionSolutionSolución

UI minimaliste, expérience maximale Minimalist UI, maximum experience UI minimalista, experiencia máxima

Le principe directeur de HoloBleus : l'interface doit s'effacer derrière l'expérience. Quand un supporter ouvre la fonctionnalité, il doit voir les joueurs, pas des menus. Le design s'est construit autour de ce paradoxe — donner un maximum de contrôle avec un minimum de friction visible.

HoloBleus' guiding principle: the interface must disappear behind the experience. When a supporter opens the feature, they should see the players, not menus. The design was built around this paradox — giving maximum control with minimum visible friction.

El principio rector de HoloBleus: la interfaz debe desaparecer detrás de la experiencia. Cuando un aficionado abre la funcionalidad, debe ver a los jugadores, no menús. El diseño se construyó en torno a esta paradoja — dar el máximo control con la mínima fricción visible.

🎯

Interface AR épurée Stripped-back AR interface Interfaz AR depurada

Un seul bouton de capture, un sélecteur de joueur discret en bas d'écran, un indicateur mode photo/vidéo — tout ce dont l'utilisateur a besoin, rien de superflu. L'écran reste le viewfinder. A single capture button, a discreet player selector at the bottom of the screen, a photo/video mode indicator — everything the user needs, nothing superfluous. The screen remains the viewfinder. Un solo botón de captura, un selector de jugador discreto en la parte inferior de la pantalla, un indicador de modo foto/vídeo — todo lo que el usuario necesita, nada superfluo. La pantalla sigue siendo el visor.

🏆

Charte Équipe de France France team brand identity Identidad visual de la selección

Bleu marine, rouge, blanc, doré — les couleurs de l'Équipe de France appliquées avec précision dans une interface qui renforce le sentiment d'appartenance à la communauté des supporters. Navy blue, red, white, gold — the French team's colours applied with precision in an interface that reinforces the sense of belonging to the supporter community. Azul marino, rojo, blanco, dorado — los colores de la selección francesa aplicados con precisión en una interfaz que refuerza el sentido de pertenencia a la comunidad de aficionados.

⚡

AR optimisée tout-appareil All-device optimised AR RA optimizada para todos los dispositivos

Optimisation des assets 3D et de la pipeline de rendu pour garantir une expérience fluide sur iOS et Android — des iPhones dernier cri aux smartphones Android milieu de gamme. Optimisation of 3D assets and render pipeline to ensure a smooth experience on iOS and Android — from the latest iPhones to mid-range Android smartphones. Optimización de los assets 3D y la pipeline de renderizado para garantizar una experiencia fluida en iOS y Android — desde los últimos iPhones hasta los smartphones Android de gama media.

📤

Partage natif immédiat Immediate native sharing Compartir nativo inmediato

La photo ou vidéo capturée est immédiatement partageable via le sheet de partage natif iOS/Android — aucune étape supplémentaire, aucun compte à créer, aucune friction post-capture. The captured photo or video is immediately shareable via the iOS/Android native share sheet — no extra step, no account to create, no post-capture friction. La foto o vídeo capturado es inmediatamente compartible a través del share sheet nativo iOS/Android — sin paso adicional, sin cuenta que crear, sin fricción post-captura.

RésultatsResultsResultados

10 millions d'utilisateurs et un Euro à domicile 10 million users and a home Euro 10 millones de usuarios y una Eurocopa en casa

HoloBleus a été lancé au bon moment, sur la bonne plateforme, avec la bonne approche. L'Équipe de France a remporté la Euro 2016 — et des millions de supporters ont célébré avec leurs joueurs préférés en réalité augmentée.

HoloBleus launched at the right moment, on the right platform, with the right approach. The French national team won the Euro 2016 — and millions of supporters celebrated alongside their favourite players in augmented reality.

HoloBleus se lanzó en el momento adecuado, en la plataforma adecuada, con el enfoque adecuado. La selección francesa ganó el Eurocopa 2016 — y millones de aficionados celebraron junto a sus jugadores favoritos en realidad aumentada.

Plus de 10 millions d'utilisateurs dans le monde. HoloBleus a été utilisé massivement pendant l'Euro 2016 — une adoption qui témoigne de la fluidité de l'expérience et de sa capacité à toucher un public grand public mondial. More than 10 million users worldwide. HoloBleus was used massively during Euro 2016 — an adoption that reflects the smoothness of the experience and its capacity to reach a global consumer audience. Más de 10 millones de usuarios en todo el mundo. HoloBleus fue utilizado masivamente durante la Eurocopa 2016 — una adopción que refleja la fluidez de la experiencia y su capacidad para llegar a una audiencia global de gran consumo.
Lancement réussi dans les délais. La fonctionnalité a été livrée simultanément sur iOS et Android avant le coup d'envoi de l'Euro 2016 — une contrainte de calendrier non négociable tenue grâce à des décisions de scope et de design pragmatiques. Successful on-time launch. The feature was delivered simultaneously on iOS and Android before Euro 2016 kick-off — a non-negotiable calendar constraint met through pragmatic scope and design decisions. Lanzamiento exitoso a tiempo. La funcionalidad fue entregada simultáneamente en iOS y Android antes del inicio de la Eurocopa 2016 — una restricción de calendario no negociable cumplida gracias a decisiones pragmáticas de alcance y diseño.
Expérience innovante et mémorable. HoloBleus a créé un lien émotionnel unique entre les supporters et l'Équipe de France — transformant l'application officielle FFF en un objet de célébration collective pendant le tournoi. Innovative and memorable experience. HoloBleus created a unique emotional connection between supporters and the French national team — transforming the official FFF app into an object of collective celebration during the tournament. Experiencia innovadora y memorable. HoloBleus creó un vínculo emocional único entre los aficionados y la selección francesa — transformando la app oficial de la FFF en un objeto de celebración colectiva durante el torneo.
Validation du principe UI minimaliste en contexte AR. La décision de réduire l'interface au strict nécessaire s'est révélée déterminante — les utilisateurs se sont approprié la fonctionnalité immédiatement, sans aide ni tutoriel. Validation of minimalist UI principle in AR context. The decision to reduce the interface to the bare essentials proved decisive — users appropriated the feature immediately, without help or tutorial. Validación del principio de UI minimalista en contexto RA. La decisión de reducir la interfaz a lo estrictamente necesario resultó determinante — los usuarios se apropiaron de la funcionalidad de inmediato, sin ayuda ni tutorial.

HoloBleus — FFF · AR

Jouer aux côtés des Bleus, en AR Standing alongside the Blues, in AR Junto a los Bleus, en RA

Une expérience immersive et accessible à tous An experience immersive and accessible to all Una experiencia inmersiva y accesible para todos

Cadrer avant de concevoir Frame before designing Enmarcar antes de diseñar

UI minimaliste, expérience maximale Minimalist UI, maximum experience UI minimalista, experiencia máxima

10 millions d'utilisateurs et un Euro à domicile 10 million users and a home Euro 10 millones de usuarios y una Eurocopa en casa