Façade du NOC 42, boulevard Bessières, rendu architectural de nuit

Étude de cas · Site de réservation

NOC 42

Lits cabines individuels à Paris 17e.Réserver en quatre choix, sur ordinateurcomme sur mobile.

Client
NOC 42, Association 42
Rôle
Design UI et design system
Livrables
Site de réservation, ordinateur et mobile

89 boulevard Bessières

Paris 17e

Rendu architectural, version de nuit
Rendu © AR Studio Architectures
Façade du NOC 42 de nuit, fenêtres éclairées

89 boulevard Bessières et 8 rue du Docteur Paul Brousse, Paris 17e Rendu © AR Studio Architectures

Réserver un lit cabineen quatre choix.

Rangée de lits cabines superposés entre deux murs de casiers en bois
Les lits cabines. Photo © AR Studio Architectures

Le lieu

NOC 42 loue des lits cabines individuels à Paris 17e, entre le boulevard Bessières et la rue du Docteur Paul Brousse.

Le site

On choisit ses dates, la position du lit, un espace mixte ou réservé aux femmes, puis une formule. Le récapitulatif reprend chaque choix avant le paiement.

Mon intervention

Reprise des maquettes d’origine pour les mettre aux standards actuels : mise en page fluide de 320 à 1440 px, composants, variables de couleur et contrastes vérifiés. Les choix sélectionnés reprennent l’orange de la marque, avec un texte nuit qui atteint un contraste de 6,4:1.

critères de recherche
formules, 9 € et 10 € la nuit
récapitulatif avant paiement

Une seule carte pour planifier le séjour.

Choisir une étape pour y accéder directement
Page d’aide « Comment ça marche ? » sur mobile
Aide
Confirmation de réservation sur mobile
Confirmation

Une seule carte pour planifier le séjour, de 1440 à 390 px.

Dates, position du lit, espace, résidence, puis formule. La même page passe de quatre critères sur une ligne à deux colonnes, puis à une seule.

Les choix sont cliquables
1440 px · critères sur une ligne
768 px · deux colonnes, navigation compacte
390 px · une colonne

Du choix au paiement.

Le récapitulatif reprend chaque critère avant de payer. La confirmation donne le bâtiment, le numéro de lit et les informations d’arrivée.

Recherche
Récapitulatif sur mobile
Récapitulatif
Confirmation sur mobile
Confirmation

Façadede détails.

L’identité, le lieu et l’interface réunis : le logo construit comme le bâtiment, les cabines, les choix réels de l’interface et la palette avec ses contrastes mesurés.

Le site NOC 42 sur un téléphone tenu en main, dans une rue de nuit
Couloir intérieur, casiers en bois et grande baie vitrée
Marine#173D7A10,58:1
Pétrole#04809F4,57:1
Orange#DE78026,38:1
Fenêtres éclairées de la façade, de nuit
Vue aérienne du bâtiment et de ses terrasses plantées
  1. Le site mobile en situation, mise en scène
  2. Le logo, facette par facette
  3. L’intérieur
  4. Le choix de la formule
  5. Couleurs et contrastes du texte
  6. La façade de nuit
  7. Les toits plantés
Rendus et photographies © AR Studio Architectures