Destination 02Concept

ABA Architecture

Le site concept d’une agence d’architecture qui bâtit au plus près de la nature. Un vert forêt, des capitales monumentales et des maisons saisies en pleine forêt : le site se parcourt comme on entre dans l’une de ses réalisations.

Secteur: Architecture
Type de site: Site vitrine (concept)
Prestations: Direction artistique, design, développement
Typographie: Archivo

Visiter le site

ABA Architecture

Le parti pris

Faire entrer la forêt dans l’écran.

Une agence d’architecture vend d’abord des images : celles de lieux où l’on a envie de vivre. Le site leur laisse toute la place, avec un vert forêt profond, des photos plein cadre et une seule typographie, Archivo, poussée jusqu’à ses capitales les plus larges.

Le mouvement fait le reste. L’image d’ouverture s’agrandit jusqu’aux bords, les projets se dévoilent en cascade, les chiffres se comptent sous les yeux, puis une fenêtre s’ouvre en grand sur une maison au cœur des bois : on ne feuillette pas une plaquette, on parcourt un lieu.

Ouverture : « Sculpter l’espace » – site ABA Architecture — 01Ouverture : « Sculpter l’espace »

Les derniers projets, en damier – site ABA Architecture — 02Les derniers projets, en damier

Le studio en quatre chiffres – site ABA Architecture — 03Le studio en quatre chiffres

Espace serein : la fenêtre s’ouvre – site ABA Architecture — 04Espace serein : la fenêtre s’ouvre

Habitat résidentiel, par onglets – site ABA Architecture — 05Habitat résidentiel, par onglets

Travaillons ensemble, et la signature – site ABA Architecture — 06Travaillons ensemble, et la signature

À bord

Ce que le site sait faire.

01
Une ouverture en trois temps

Compteur de chargement, image qui s’agrandit jusqu’aux bords, titre qui monte lettre après lettre : les premières secondes installent le niveau.
02
Des pièces annotées

Sur l’image d’ouverture, des repères désignent la cuisine et le séjour, et restent bien placés quel que soit le format de l’écran.
03
Un damier de projets

Les réalisations apparaissent en cascade diagonale ; au survol, chaque nom s’associe à sa photo.
04
Des chiffres qui se comptent

À l’arrivée de la section, les filets se tracent et les nombres défilent jusqu’à leur valeur.
05
Une fenêtre qui s’ouvre

La photo « Espace serein » s’agrandit au défilement, avec un léger effet de profondeur.
06
Des détails qui répondent

Curseur sur mesure, boutons qui attirent le pointeur, onglets par type de projet, signature géante en pied de page.