Radar

L'association de radio de l'Ésaat.

Radar souhaite renforcer sa présence au sein de l’école en créant une application mobile dédiée. Le but : offrir aux élèves un espace interactif pour écouter, participer et s’informer autour de la webradio de l’école.

Une webradio pour les ésaatien.ne.s

Dans le cadre de ma formation en design graphique – spécialité supports connectés – j’ai été chargée de concevoir l'interface de l’application mobile de Radar.

Ce projet s’inscrit dans une démarche stratégique de design d’expérience et d’identité visuelle autour d’un média collaboratif en construction.

Contexte

Vision stratégique

La demande

Radar ambitionne d’être plus qu’un média : une plateforme vivante, ancrée dans la vie étudiante, évolutive où chaque utilisateur peut devenir acteur.

Créer une interface mobile intuitive qui donne vie à Radar, en traduisant ses valeurs : liberté d’expression, créativité étudiante et appartenance à une communauté.

L’application doit permettre aux utilisateurs d’écouter la radio, de contribuer, et de s’approprier l’outil de manière simple et spontanée.

Les Objectifs

Créer une identité visuelle souple mais distinctive, fidèle à l’esprit de la radio.

Structurer une interface mobile ergonomique, adaptée aux usages quotidiens.

Stimuler l’adhésion en favorisant une expérience simple, fluide et engageante.

Représenter visuellement une communauté créative : diverse, libre, en mouvement.

Comment traduire visuellement l’esprit communautaire, engagé et libre de Radar à travers une application mobile qui encourage la prise de parole ?

Les premières recherches graphiques

Quelle forme représente l'identité de radar ?

Une forme vivante et fluide : comme un blob, elle évolue avec ceux qui la nourrissent.

Une esthétique blobinesque

PICTO

Ces pictogrammes de profils seront utilisés dans le cas où l'étudiant ne souhaite pas importer sa propre image.

Le logo

Le logotype radar incarne la captation des énergies créatives avec un filet rappelant les ondes radio.

Les cercles, de tailles et placements variés, symbolisent la diversité des contributions, de la liberté d’expression à l’implication au sein de l'association. Les couleurs rappellent celles des micro de l'association et représentent les différentes émissions.

La concentration centrale invite chacun à se rejoindre et à converger vers cette dynamique de créativité et partage.

Les wireframes

CROQUIS — RECHERCHE DA — ARBORESCENSE

AXE 1

Un design organique séduisant, mais qui pourrait rencontrer des limites techniques sur Figma.

AXE 2

Simplicité et clarté : un axe fonctionnel, mais moins original.

L'app finalisée

Restitution de Radar : Essayez l'application vous-même

Le logo

Le logotype, riche en détails et visuellement dense, peut être décliné dans sa version typographique pour un usage plus sobre et adaptable.

Le splashscreen

Un splashscreen est une animation de chargement qui apparaît lors du lancement d’une application.

L’intention derrière ce splashscreen était de rappeler le lien entre l’Ésaat et la radio.

L'onboarding

L’onboarding est un parcours d’introduction qui guide l’utilisateur lors de sa première utilisation de l’application, pour lui présenter ses fonctionnalités et son fonctionnement.

Les affiches

Chaque couleur correspond à une émission ; la mise en page, simple et adaptable via un template, permet à tous les étudiants de créer leur propre affiche, même sans compétences en graphisme.

Les mockups

Radar, mis en situation :