Adrian Navarre-Gomez

Portfolio 2026

Adrian Navarre-Gomez

Trace — 04 Développer · Développement · 1ère année

Site Web
HomeKey

Reproduction individuelle d’une maquette Figma en HTML/CSS : site de logement à Madrid avec Flexbox, animations et responsive design.

Apprentissages critiquesAC14.01AC14.02AC14.04AC14.05

Type

Projet individuel

Période

Mai 2024

Outils

HTML · CSS · Flexbox

Source

Maquette Figma fournie

Contexte

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).

UX Research & Maquettage

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.

Intégration & accessibilité

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.

Bilan

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.

Visuels du projet

Capture du site — page d’accueil avec grille d’hébergements et filtres
← Retour au portfolioProchaine trace →