90 €
Un site d’architecte cinématographique, pensé dès le départ comme une template prête à être reprise !
Domaine
Architecture
Technologies
Framer
Durée
2 semaines
Lieu
Los Angeles
Seuil est une template : un studio d’architecture fictif installé à Venice, à Los Angeles. Après la retenue éditoriale d’Atelier Calade, nous voulions l’autre versant du métier : un site plein écran, où les photos occupent tout le cadre et où le défilement se vit comme une suite de plans, sans jamais perdre la sobriété qu’on attend d’un architecte.
Brief
Faire entrer dans un film avant de montrer les plans.
Nous sommes partis de quatre sites d’architecture récents parmi les plus remarqués : deux cabinets primés pour leur plein cadre et leur ton, une template Framer pour ses mécaniques, un programme immobilier pour ses transitions. L’analyse de leurs défilements, de leurs typographies et de leurs ouvertures a donné un plan en douze séquences, que nous avons ensuite construit page par page : accueil, projets, studio, journal et contact.
Challenge
Du cinéma, sans le spectacle.
Un site plein écran peut vite tourner à la démonstration : des animations partout, et plus personne ne regarde les bâtiments. Il fallait que chaque mouvement serve la lecture, qu’il suive le geste de l’utilisateur plutôt que de lui imposer un rythme, et qu’il reste fluide sur tous les écrans, y compris quand on fait défiler la page très vite ou sur un téléphone.
Solution
Des persiennes, un croquis et des nuances de vert.
Le site s’ouvre en persiennes sur une vidéo de béton, puis enchaîne les séquences : des expertises qui défilent à l’horizontale, des projets qui se succèdent en plein écran, un croquis d’architecte qui se trace au fil du défilement, un cercle de photos de l’atelier qui tourne autour des chiffres clés. La palette joue sur des nuances de vert autour de #253225, un grain de film discret passe sur toutes les pages, et les transitions entre pages reprennent les persiennes de l’ouverture.
Autres projets
Seuil
Web design
Le site d’un atelier d’architecture californien, monté comme un film : plein cadre, persiennes et nuances de vert.
The Singing Duck Studio
Web Design
Un studio de brand design qui façonne l’image des autres. Restait à construire la sienne, en ligne.
Maison Baura
Branding
Une conciergerie qui veille sur les plus belles résidences du sud. Il lui fallait une identité qui inspire confiance avant même le premier appel.
Atelier Calade
Web design
Le site d’un atelier d’architecture lyonnais, dessiné comme une planche : du papier, du noir, et beaucoup de vide.