Designed a sport news mobile application, watch live and replay for France Televisions.
France Télévisions held exclusive broadcasting rights for major global sporting events such as Roland Garros, the FIFA World Cup, and the Olympic Games.
Their goal was to create a unified platform that would streamline the viewing experience across the group’s different media and platforms (web, mobile, smart TVs, etc.).
As a Staff Product Designer, I led the UX and UI design for the France.TV Sports mobile application.
My challenge was to design a seamless and consistent interface that could adapt across various screens while providing an optimal user experience for sports fans.
Outcome
2.5M+ total app downloads across platforms
+23% increase in digital video views
600M monthly video views,
6000+ hours of live sports
Step0: Ignite the project with a Design Sprint
The first step involved orchestrating a 5-day design sprint with all the professions concerned: Journalists, Editors, Data analysts, SEO Tech experts, Brand designers
Design Sprint statement:
"Experience and immerse in the entirety of the Olympics anytime, anywhere, as I please."
Sprint questions
How might we easily access what we want?
How might we handle the time difference?
How might we give visibility to 40 live streams simultaneously?
How might we ensure an effective integration of videos/data/articles?
I facilitated the sprint, bringing together cross-functional teams to ideate, sketch, and create a prototype.
The focus was on establishing the initial design direction during the 3 first days (Map, Sketch and Decide), with an emphasis on real-time coverage, user experience, and adaptability for future events.
Key creative ideas
During the final stage of storyboarding, the key creative elements that were selected to address the questions were:
Personalize the Olympic experience by allowing users to choose their favorite countries, sports, and disciplines to receive corresponding notifications.
A calendar allowing users to review, follow live, and receive notifications for broadcasted competitions.
Step1: Prototyping and Iteration
Only 2 days remain in the sprint, dedicated to prototyping and testing. I took the lead in transforming the group’s vision, developed over the past three days, into a detailed mockup.
I used a library from another media outlet in the group and real content from contributing journalists. The prototype was thoroughly tested to gather feedback and assess its value and reception among target users.
Step2: production process
To streamline the development process, I took the lead in rationalizing the prototype.
This involved mapping out all possible user journeys within the application, ensuring a seamless experience for both iOS (iPhone and iPad) and Android (mobile and tablet) users.
Additionally, I created and integrated new components into a dedicated library, establishing a new branch within the overarching design system of the entire group.
Conclusion
The France.TV Sports mobile app was successfully launched, offering an intuitive and engaging platform for sports fans.
The app saw instant success, with over 10,000 downloads in the first month.
Final UI
The finalized screens for both Android and Apple platforms were delivered to the development team. Actively participating in the agile rituals of the development teams, I facilitated smooth communication and collaboration between design and development, ensuring that the vision for the application was effectively translated into the final product.
