BagKey — Nice Lockers est un projet complet de conception d’interface pour un service de consigne automatique à bagages et de dépôt de clés à Nice. Onze écrans couvrant l’intégralité du parcours client, en version bureau et mobile, en français et en anglais, conçus pour une clientèle touristique étrangère qui consulte le site debout dans la rue, valises à la main, sur une connexion mobile saturée.
Le parti pris de conception
L’utilisateur se pose quatre questions, dans cet ordre : c’est où, c’est ouvert, combien, comment je réserve. Toute l’interface découle de cette contrainte — les quatre réponses tiennent au-dessus de la ligne de flottaison sur mobile, avant tout défilement. Pas de carrousel, pas de menu à déplier, et un bouton de réservation accessible en permanence.
Le bilinguisme n’est pas traité comme une traduction de politesse : un touriste étranger cherche « luggage storage Nice » bien avant « consigne bagages Nice ». La version anglaise est donc conçue comme la page qui vend, avec ses propres mots-clés et des adresses distinctes.
Livré
- 5 écrans bureau en 1440 px : accueil, tarifs, localisation et horaires, service de dépôt de clés, questions fréquentes
- 5 écrans mobiles en 390 px, version française
- 1 écran mobile en anglais, démontrant le traitement réel du bilinguisme
- Galerie de navigation avec filtres bureau / mobile et recherche
- Système de design complet : palette, typographie, composants, tailles de zones tactiles, règles de contraste
- Grille tarifaire à trois tailles de casiers et parcours de réservation en trois étapes
- Parcours secondaire dédié au dépôt de clés, pour une cible distincte : les loueurs de meublés
Technologies utilisées
- HTML5 et CSS3 statiques, sans framework CSS
- Conception mobile d’abord, points de rupture 390 px et 1440 px
- Bilingue français / anglais, adresses distinctes et balises hreflang réciproques
- Architecture cible : Next.js en pages pré-générées et application installable consultable hors ligne
- Accessibilité : contraste minimum 4,5:1, zones tactiles de 48 px
- Hébergement Apache / Virtualmin, HTTPS
