Étude de design · NOMA
Un site d’architecte qui donne envie d’explorer.
Comment présenter des maisons, rendre une démarche compréhensible et permettre de parcourir les projets sur téléphone ? NOMA explore ces questions dans une étude de site vitrine développée par AK-TIME.
La démonstration est en français. Cette étude existe aussi en allemand.
- Format
- Architecture · site vitrine
- Conception web
- AK-TIME · Suisse
Montrer les lieux, puis expliquer la démarche.
Le visiteur d’un site d’architecture commence souvent par les images. Il veut ensuite savoir quel type de projet est présenté, comment le studio travaille et comment engager un échange. Le parcours de NOMA relie ces trois besoins : découvrir, comprendre, prendre contact.
NOMA désigne ici un concept de démonstration. Les photographies servent à étudier la présentation d’un portfolio ; elles ne sont pas attribuées à AK-TIME comme réalisations architecturales. Le travail présenté porte sur le site, sa structure et ses interactions.
Un portfolio que l’on peut réellement parcourir.
Une grande photographie installe l’univers visuel, puis une liste de projets donne un point de départ clair. Chaque bouton « Voir le projet » ouvre une image plus grande avec son titre. Le visiteur peut passer à l’image suivante, revenir à la précédente et fermer la vue avec Échap.
Le menu mobile rend les mêmes sections accessibles sans chercher des liens réservés à l’ordinateur. Les intitulés conduisent aux projets, à l’approche et au savoir-faire. La fermeture d’une image restitue le focus au bouton qui l’a ouverte, afin de poursuivre au même endroit.
Un plan dont la logique reste lisible.
La feuille en relief donne une place au dessin dans la présentation. Le schéma comporte une entrée vers la pièce de vie, une chambre et une salle d’eau accessibles depuis cette pièce. Les ouvertures interrompent les murs et les arcs de portes partent d’un point de pivot identifiable.
Le choix « Structure » conserve les murs et les ouvertures. « Espaces » ajoute les usages et le mobilier. L’agrandissement permet de lire le plan sur un téléphone. Il s’agit d’un schéma de principe pour expliquer l’interface ; aucune échelle de plan d’exécution n’est annoncée.
Du mouvement, avec une fonction précise.
Sur ordinateur, le léger décalage de la feuille au passage du pointeur suggère sa profondeur. À l’entrée dans la section, les groupes du dessin apparaissent une seule fois. La lecture du contenu et la navigation restent possibles sans attendre une animation.
Les effets liés au pointeur sont réservés aux appareils qui en disposent. La préférence de mouvement réduit conserve les contrôles et les contenus avec une présentation plus calme. Le menu, les liens et les commandes du plan sont utilisables au clavier.
Ce qu’il faut préparer pour un vrai site d’architecture.
La direction visuelle devient utile lorsqu’elle est alimentée par des informations propres au studio. Avant la mise en ligne, nous cadrerions notamment :
- Les photographies à publier, leurs crédits et le rôle du studio sur chaque projet.
- Les prestations proposées, les types de bâtiments et les zones où le studio intervient.
- Les informations vérifiées de chaque projet : contexte, matériaux, état d’avancement et année.
- Les langues, le contenu du formulaire et la personne qui recevra les demandes.
AK-TIME conçoit des sites pour des entreprises en Suisse, avec une collaboration entièrement à distance en français et en allemand. Le nombre de pages, les contenus, les traductions et les fonctions sont définis dans le périmètre du projet.
Questions pratiques
Peut-on organiser les projets par type de bâtiment ?
Oui. Une organisation par logement, transformation ou bâtiment professionnel peut aider le visiteur à choisir. Les catégories doivent correspondre aux projets effectivement présentés et rester lisibles sur mobile.
Comment préparer une version française et allemande ?
Il faut prévoir les textes de chaque langue, les titres des projets et les informations de contact. Nous pouvons ensuite relier les versions, adapter leur présentation et définir leurs adresses avec des balises de langue cohérentes.