Aller au contenu principal
Atlas Arch

Direction fictive · NDA · Pages réalisations

Atlas Arch

Chantiers avant / après

Scroll pour découvrir

01 · Le brief

Chantiers avant / après

Montrer une interface crédible sans exposer un client réel. Même niveau de craft, parcours clair, interactions jouables.

02 · Dans le produit

Un scroll, un écran

Chaque section se cale à l’écran — scroll naturellement.

Atlas Arch
Atlas Arch

Avant / après, sous le doigt

Maison L
Maison LNantes
Loft M
Loft MLyon
Villa S
Villa SBiarritz
Atelier R
Atelier RRennes
Atlas Arch

Architecture · chantiers

Slider

Glisse pour révéler le chantier terminé.

Atlas Arch

Glisse le chantier

Révélateur démo · images fictives.

Le slider remplace six photos mal cadrées.

Clara · Atlas Arch

03 · Prototype jouable

Touche-le

Clique, filtre, navigue — tout réagit. Rien n’est branché à un vrai backend : c’est une démo d’intention.

  • Hero + sections sous la fold (pas juste une accroche)
  • Hiérarchie visuelle et CTA principal
  • Densité d’info vs lisibilité
Visiter le site complet
Atlas Arch

Démo locale — aucune donnée n’est envoyée.

04 · Même famille

D’autres directions du même type — pour comparer densités et ambiances.

Pierre & Co — Projets d’architecture, mis en page
Pierre & CoProjets d’architecture, mis en page
Lumière — Sélection photo — mariage & édition
LumièreSélection photo — mariage & édition
Folio — Cas clients, présentés proprement
FolioCas clients, présentés proprement
Chambre — Intérieurs photographiés
ChambreIntérieurs photographiés

05 · Ce qu’on regarde

  1. 01Hero + sections sous la fold (pas juste une accroche)
  2. 02Hiérarchie visuelle et CTA principal
  3. 03Densité d’info vs lisibilité
  4. 04États interactifs (hover, sélection, feedback)

Un projet dans cet esprit ?

Atlas Arch — Chantiers avant / après | Ilyesse