Aller au contenu
StudioStudio VELKO

Concept créatif de démonstration, entreprise fictive

Contrejour

Une agence d'architectes qui dessine d'abord avec la lumière.

Secteur
Cabinet d'architecture
Mission
Création
Lieu
Lyon (fictif)
Page d'accueil du concept Contrejour

Le contexte

Contrejour est une agence d'architecture fictive de neuf personnes. Chaque projet commence par une visite du site au lever du jour, pour comprendre d'où vient la lumière.

Positionnement

Une écriture sobre et exigeante, destinée aux maîtres d'ouvrage publics et privés.

Le besoin

Un site-portfolio capable de s'effacer devant les projets et d'en dire juste assez.

Le défi de conception

Un portfolio d'architectes ne doit pas rivaliser avec les bâtiments. Il fallait un cadre presque invisible, mais une composition assez forte pour ne pas ressembler à une simple galerie.

La direction artistique

Un noir et blanc strict : les photographies sont désaturées pour mettre en avant les volumes et les ombres. Une grotesque légère, de très grands blancs, une grille décalée qui joue le contre-jour.

Hanken Groteskavec Hanken Grotesk

  • Chaux#F4F3EF
  • Béton#6A6A66
  • Graphite#111111

Ordinateur et mobile

Version ordinateur du concept Contrejour
Version mobile du concept Contrejour

Les choix UX/UI

  1. 01

    Une grille décalée

    Les projets sont volontairement désalignés : l'œil circule comme dans un plan, et chaque image garde son espace.

  2. 02

    Le texte en retrait

    Titres et légendes restent sobres, avec seulement deux informations par projet : son nom et son programme.

  3. 03

    Des transitions d'architecte

    Les images s'ouvrent comme des volets et les pages s'enchaînent par un glissement net, sans effet décoratif.

Les fonctionnalités

  • Portfolio sur grille asymétrique
  • Pages projet immersives
  • Photographies en noir et blanc
  • Présentation de l'agence et des expertises
Enfilade d'arcades blanches
Tour de verre dans la brume
Plateau de bureaux baigné de lumière

Voyez la maquette en pleine page.

Une page complète et responsive, ouverte directement dans votre navigateur.

Voir la maquette

Concept suivant

Seuil