Design of a mobile application for the Belgian National Federation of Handball Games (FNJP). A project focused on centralizing match results, simplifying administration, and enhancing user experience.
The FNJP manages traditional Belgian sports such as Balle Pelote, One Wall, and Indiaca.
Despite their cultural importance, these sports lacked a digital solution. Results were spread across websites and paperwork.
The project aimed to design a unified mobile app to centralize results, schedules, and administrative processes.
Replace manual paper workflows (match sheets, referee notes, player registrations).
Enable instant updates, live results, and push notifications.
Create a simple, mobile-first interface adapted to all user profiles.
The FNJP app was designed around three main goals:
To ensure that the FNJP mobile app met real user needs, I created four detailed personas based on interviews, user observations, and federation feedback. Each represents a key type of user involved in Belgian handball games — from players to referees and club managers. Understanding their goals, frustrations, and behaviors helped shape the app’s structure, interface, and key features.
Jean-Luc is 42 years old and works as a marketing executive. He plays Balle Pelote every weekend and follows the league closely. He’s passionate about the sport but doesn’t consider himself tech-savvy.
Sophie is 28 and works as an HR manager. She’s comfortable with technology and often uses sports management apps. As a referee, she’s responsible for match organization, data entry, and reporting.
Marc is 50 and runs a small real estate business. As a club manager, he coordinates teams, schedules, and player registrations. He’s not highly technical but values efficiency and clarity.
Claire is 35 and works as a school teacher. She’s not a player but a long-time fan of Balle Pelote — her father and brother play in a local club. She attends matches and enjoys following results online.
User flows were created to map out how each profile interacts with the application — from referees managing matches to players and administrators checking results.
This stage helped define the logic, navigation paths, and decision points that structure the experience.
By visualizing each step, it became easier to identify potential friction points and ensure smooth, intuitive interactions across the platform.
The visual identity of the FNJP mobile app was designed to reflect Belgium’s energy, heritage, and community spirit, while maintaining clarity and accessibility.
The interface takes inspiration from the national colors — black, yellow, and red — interpreted in a clean and modern digital environment.
Every design decision was made with a mobile-first approach, ensuring simplicity, strong contrast, and visibility — even outdoors during matches.
The color system combines contrast, visibility, and national identity.
Black provides strength and readability, yellow adds vibrancy and energy, and red brings a sense of passion and competition.
The typography system reflects the balance between modernity and heritage.
The chosen fonts offer strong legibility and character — a mix of geometric precision and approachable design.
The visual system uses rounded, simple shapes and clean line icons inspired by the tools and symbols of the referee universe — whistle, match score, and club logo.
UI elements are modular, with consistent spacing, shadow, and typography scale for clarity and usability.
Wireframes played a key role in transforming research insights into tangible design.
Starting from low-fidelity sketches, I built user journeys and interface layouts focusing on hierarchy, readability, and simplicity.
Each wireframe helped validate user flows, ensuring that every interaction served a clear purpose.
After validating the wireframes, I moved on to high-fidelity mockups, where every visual detail came to life.
Colors, typography, and spacing were refined to ensure a clean, intuitive, and cohesive interface across all screens.
The goal was to design a digital experience that feels natural, accessible, and consistent with the identity of the FNJP.
Each screen was built in Figma, following a component-based design system, which ensures flexibility for future updates and easy handoff to developers.
To bring the app to life, I developed an interactive prototype in Figma.
This prototype allows users to explore the main flows — from logging in to checking results and managing matches — offering a realistic experience of the final product.
It was also used during user testing sessions, helping validate usability and optimize the overall navigation.