🚀 Preuves ressources

R3.01 — Développement web R3.02 — Développement efficace R3.03 — Analyse R3.04 — Qualité de développement R3.11 — Droit des contrats et du numérique R3.14 — Projet personnel et professionnel

R4.01 — Architecture logicielle R4.02 — Qualité de développement R4.07 — Projet personnel et professionnel R4.10 — Complément web R4.11 — Développement pour application web

🚀 Preuves SAÉ

Titre SAE : SAÉ 3.1 — Plateforme Déf'IUT : Wireframe & Maquette

▶︎ Les apprentissages critiques

AC21.01 | Élaborer et implémenter les spécifications fonctionnelles et non fonctionnelles AC21.02 | Appliquer des principes d'accessibilité et d'ergonomie AC21.03 | Adopter de bonnes pratiques de conception et de programmation

▶︎ Analyse et réflexivité sur mes actions

<aside> 💡 Démarches, prises de décisions, degré d'implication et d'autonomie

Dans cette SAÉ, notre groupe a reçu le cahier des charges de la plateforme Déf'IUT rédigé par des étudiants BUT 3. Mon rôle principal a été la conception du wireframe et de la maquette des pages de profil utilisateur et de classement. J'ai pris en autonomie les décisions de mise en page en m'appuyant sur les User Stories du cahier des charges (US08, US09) et sur la palette de couleurs imposée par le client (thème sombre, #BA2653, #8A9B46).

</aside>

<aside> 💡

Ressources choisies et combinées

• Figma pour la réalisation du wireframe et de la maquette
• Le cahier des charges Déf'IUT comme référence fonctionnelle permanente
• Les retours critiques des clients BUT 3 pour itérer sur les maquettes
• Git/GitHub pour l'organisation du travail en équipe </aside>

<aside> 💡

Justification de la maîtrise des apprentissages visés

La maquette des pages de profil intègre toutes les fonctionnalités demandées : pseudo, score global, dernière connexion, défis validés, badges, bouton de modification et suppression du compte. La page de classement reprend le podium des 3 meilleurs joueurs et le tableau général. L'arborescence du wireframe a été validée par les clients BUT 3 lors de la présentation du 7 décembre.

</aside>

<aside> 💡

Ce qui manque / Ce que je changerais

Nous avons dû itérer sur la maquette après les retours critiques des clients. Si c'était à refaire, j'organiserais une phase de recueil des besoins plus approfondie avant de démarrer le wireframe, pour mieux anticiper les attentes du client sur l'organisation des informations.

</aside>

▶︎ Les traces

• Lien Figma
• Lien du dépôt GitHub

Mon auto-évaluation : Conception wireframe & maquette

La note que je m'attribue :

<aside> 💡 15/20

</aside>

▶︎ Les travaux réalisés