Site institutionnelConcept
Köşk Mimarlık
Un site vitrine éditorial pour une petite agence d’architecture — porté par l’image, monochrome et silencieux.
Dans les coulisses
La double page d’ouverture.
La couverture, le plan légendé et la liste de projets révélée au survol, qui court le long de la page.
Vue d’ensemble
Köşk est un concept pour une agence d’architecture de deux associés, à Istanbul. Le travail est sobre et guidé par la matière — terrazzo, enduit, chêne — et le site devait se comporter de même : assuré, lent, et peu enclin à hausser le ton.
Le brief
- Problème
- Les sites des petites agences ressemblent à des galeries ou à des modèles tout faits, pas au travail lui-même.
- Contrainte
- Deux associés, pas de temps pour la maintenance, et les photos dont ils disposent déjà.
- Réponse
- Un seul défilement éditorial où chaque projet est un chapitre et où la photographie donne le rythme.
La plupart des sites de petites agences d’architecture sont soit une galerie Squarespace, soit un portfolio déguisé en magazine. Nous ne voulions ni l’un ni l’autre. Le brief : une longue page que l’on parcourt comme une visite, où chaque projet est un chapitre et où la photographie donne le tempo.
La typographie est la seconde voix. Une serif moderne repose sur une sans-serif neutre — interlignage ample pour le texte, approche serrée pour les légendes, numéros de projet en mono. L’atmosphère naît de ce que nous laissons de côté : pas de témoignages, pas de bandeau de récompenses, pas de mur de logos qui défile.
Le résultat se lit comme une petite monographie. Un client qui arrive ici sait en douze secondes si l’agence lui correspond — et l’agence ne perd pas de temps avec ceux à qui elle ne correspond pas.
À propos de ce concept
Ce projet concept a été réalisé pour un client fictif. Il illustre la méthode et le niveau d’exigence que nous apportons à nos missions clients.
Approche
Un éditorial, pas un portfolio.
Une page, plusieurs chapitres
Une sélection de projets se déploie au fil du défilement — image d’ouverture, plan légendé, trois vues, puis le suivant.
Serif + sans + mono
Une serif moderne pour les titres de projet, une sans neutre pour le texte, une mono pour les planches. Trois voix, un seul rythme.
La photo donne le rythme
Ouvertures pleine page, intérieurs sobres, jamais de carrousel. L’image est l’argument.
Ce que fait le site
Des gestes discrets, faits avec soin.
Les chiffres se rapportent au brief du concept.
Projets
6chapitres
Chacun avec une image d’ouverture, un plan, trois vues intérieures et un seul paragraphe d’intention.
Pages
Un seul défilement
Accueil, projets et agence sur une seule page éditoriale. Le contact se trouve dans le pied de page.
Typographie
Serif, sans et mono
Une association choisie face aux photographies, pas dans un menu de modèles.
Images
Un recadrage pour chaque écran
Des recadrages AVIF en direction artistique pour chaque point de rupture. Un téléphone ne charge jamais l’image prévue pour l’ordinateur.
Technologies
- Next.js
- React
- TypeScript
- Tailwind
- MDX
- Vercel
Essayez vous-même
Une réalisation qui fonctionne, pas une image.
Ouvrez la démo et utilisez-la comme le ferait un visiteur ou un client. Chaque bouton, chaque onglet fonctionne.