Design UI/UX UI/UX Design

Project completed as part of my Bachelor’s degree in UI/UX Design at CCI Campus Strasbourg, centered on Handiplay Arena, an e-sports and inclusion event dedicated to raising awareness about disability in the video game industry. My role covered the full design process: zoning and wireframes to structure the information architecture and user journeys, followed by a complete mockup in Figma, before designing visuals for the event’s social media promotion.

The very subject of the event led me to build digital accessibility into the design phase from the start: I conducted a partial audit based on the RGAA and WCAG standards, focusing on color contrast, content hierarchy, and navigation, to ensure the site reflected the values of inclusion it represents. Alongside the website, I also designed the event’s print materials – a flyer and a business card – ensuring visual consistency with the project’s brand identity while adhering to production constraints (bleed/safety margins, typography choices). This project reflects my approach to interface design: starting from real user needs, structuring before styling, and never separating visual design from accessibility.

Projet réalisé dans le cadre de ma licence en conception UI/UX au CCI Campus Strasbourg, axé sur Handiplay Arena, un événement dédié à l’e-sport et à l’inclusion visant à sensibiliser le public au handicap dans l’industrie du jeu vidéo. Mon rôle a couvert l’ensemble du processus de conception : zonage et maquettes fonctionnelles pour structurer l’architecture de l’information et les parcours utilisateurs, suivis d’une maquette complète dans Figma, avant de concevoir les visuels destinés à la promotion de l’événement sur les réseaux sociaux.

Le thème même de l’événement m’a amenée à intégrer l’accessibilité numérique dès le début de la phase de conception : j’ai réalisé un audit partiel basé sur les normes RGAA et WCAG, en mettant l’accent sur le contraste des couleurs, la hiérarchie du contenu et la navigation, afin de m’assurer que le site reflète les valeurs d’inclusion qu’il incarne. Parallèlement au site web, j’ai également conçu les supports imprimés de l’événement – un flyer et une carte de visite – en veillant à la cohérence visuelle avec l’identité de marque du projet tout en respectant les contraintes de production (fonds perdus/marges de sécurité, choix typographiques). Ce projet reflète mon approche de la conception d’interface : partir des besoins réels des utilisateurs, privilégier la structure avant le style, et ne jamais dissocier la conception visuelle de l’accessibilité.

Youtube post mockups

Zoning

Wirframe

Prototype