Agence d’architecture · Pages réalisations
Pierre & Co
Projets d’architecture, mis en page
Scroll pour découvrir ↓
01 · Agence d’architecture
Projets montrés comme ils le méritent
Projets d’architecture, mis en page. Direction fictive — même niveau de craft que les missions clients sous NDA.
- 01
Grille
Maison L, Loft M, Villa S — lieu, année, intention.
- 02
Récit
Chaque projet a une histoire, pas juste des photos.
- 03
Contact
Brief clair pour les futurs maîtres d’ouvrage.
01b · Technique
Fiche technique
Stack, mise en ligne et mon rôle sur ce build — pour recruteurs et tech leads.
- Technologies
- Next.js
- TypeScript
- React
- Tailwind CSS
- Librairies & outils
- Framer Motion
- next/image
- Déploiement
Démo portfolio — rendu front, assets optimisés
- Rôle
Direction artistique · intégration · motion
- Conditions
Pièce studio — direction visuelle & craft UI
02 · Dans le produit
Un scroll, un écran
Chaque section se cale à l’écran — continue après le dernier pour revenir au récit.
Projets montrés comme ils le méritent
Agence d’architecture
Grille
Maison L, Loft M, Villa S — lieu, année, intention.
Voir les projets
Ou écrivez-nous pour un premier échange de faisabilité.
“La page projets nous a convaincus plus qu’un book PDF.”
Retour au récit
Tu as quitté les écrans démo — ensuite : tester, puis les notes de craft.
03 · Maîtres d’ouvrage
Ils ont choisi l’agence sur le work
“La page projets nous a convaincus plus qu’un book PDF.”
“On a compris leur regard en 3 projets.”
04 · Portfolio
Voir les projets
Ou écrivez-nous pour un premier échange de faisabilité.
- →Hero + sections sous la fold (pas juste une accroche)
- →Hiérarchie visuelle et CTA principal
- →Densité d’info vs lisibilité
Démo locale — aucune donnée n’est envoyée.
05 · Même famille
D’autres directions du même type — pour comparer densités et ambiances.
06 · Ce qu’on regarde
- 01Hero + sections sous la fold (pas juste une accroche)
- 02Hiérarchie visuelle et CTA principal
- 03Densité d’info vs lisibilité
- 04États interactifs (hover, sélection, feedback)