Projet 02 / 09
Projet client · UI/UX & Web Dev
AESP Paris
Un seul point d’entrée pour réussir son arrivée à Paris : démarches, logement, parrainage et réseau.
- Client
- Association des Étudiants Sénégalais de Paris
- Type
- Site vitrine
- Rôle
- UX/UI design, direction artistique, développement WordPress
- Outils
- WordPress, Plus Jakarta Sans
Survolez l’écran pour parcourir la page
Le projet
Un étudiant qui arrive à Paris doit tout gérer en même temps : logement, préfecture, CAF, transports. Le site regroupe ces premières démarches en onglets et met en avant l’entraide de l’association : parrainage, événements, offres de stage.
01
Stratégie ergonomique
Les urgences d’abord : un module à onglets (Logement, Préfecture, CAF et Ameli, Navigo) donne la bonne information sans quitter l’accueil. Les boutons parlent comme l’étudiant : « Préparer mes démarches », « Trouver un logement ».
02
Architecture de l’information
Le parcours suit la vie de l’étudiant : s’installer, trouver de l’aide, rencontrer du monde, préparer sa carrière, puis s’engager à son tour.
- Démarches
- Pôles
- Parrainage
- Agenda
- Stages
- Adhésion
03
Typographie
Plus Jakarta Sans pour sa rondeur chaleureuse et sa très bonne lisibilité sur petit écran. Titres serrés en gras, textes courts, aucun terme administratif sans explication.
Aa 0123
04
Direction artistique
Un vert profond et un ambre chaleureux, qui évoquent le Sénégal sans folklore. Cartes colorées par pôle, photos d’étudiants et beaucoup d’air : une association accueillante, pas un guichet.
Les maquettes
Les écrans clés, en situation.
Les quatre pôles de l’association, chacun avec une action claire.
Le parrainage en trois étapes, avec deux entrées : filleul ou parrain.
Un agenda filtrable par mois, inscription en un clic.
Les offres de stages et d’alternance, étiquetées par type de contrat.
Code, performance et UX
Ce qui ne se voit pas, mais fait la différence.
01
Contenus accessibles
Texte alternatif sur toutes les images, un seul H1, hiérarchie de titres respectée.
02
Chargement maîtrisé
Les images situées plus bas dans la page sont chargées à la demande.
03
Réponse serveur rapide
Premier octet reçu en moins de 0,1 seconde lors de mes mesures, HTTPS forcé.
04
Lecture au pouce
Onglets, cartes et agenda réorganisés pour le mobile, sans perte d’information.
Votre projet
Un projet comme AESP Paris ? Parlons-en.
Décrivez votre besoin en quelques lignes : je vous réponds personnellement avec une première proposition de démarche.
Gando Studio
Un studio à taille humaine qui conçoit des interfaces, développe des sites performants et donne une voix aux marques, de la première esquisse à la mise en ligne.
- contact@gando-studio.fr
- +33 7 74 45 01 82
- Puteaux, Hauts-de-Seine