Trace — 04 Développer · Développement · 1ère année
Reproduction individuelle d’une maquette Figma en HTML/CSS : site de logement à Madrid avec Flexbox, animations et responsive design.
Type
Projet individuel
Période
Mai 2024
Outils
HTML · CSS · Flexbox
Source
Maquette Figma fournie
HomeKey est un projet de refonte UX/UI d’une application fictive de gestion de domicile intelligent. Ce projet approfondit les AC14 par une dimension supplémentaire : l’AC14.05 — intégrer les réglementations liées aux interfaces (accessibilité RGAA, RGPD pour les données de domotique, normes d’interface mobile).
J’ai mené une phase d’analyse des besoins utilisateurs via des personas et des user journeys — qui utilise une application de maison connectée, dans quel contexte, avec quelles frustrations actuelles ? Cette phase m’a permis de définir une architecture d’information claire avant de passer à Figma pour les maquettes haute fidélité : navigation par onglets, tableaux de bord, contrôles rapides accessibles en un geste.
Le développement HTML/CSS a respecté les règles d’accessibilité de base (AC14.05) : contrastes conformes aux normes WCAG, balises ARIA là où nécessaire, navigation clavier fonctionnelle. J’ai également réfléchi aux implications RGPD d’une application domotique qui collecte des données comportementales : consentement, minimisation des données, droit à l’oubli.
HomeKey m’a appris que l’UX et l’accessibilité ne sont pas des options : ce sont des prérequis. Un produit inaccessible écarte des utilisateurs. L’AC14.05 m’a sensibilisé à cette réalité dès la première année, et c’est une logique que j’applique depuis dans tous mes projets web.