Atelier Calade

Atelier Calade

90 €

Votre site de studio d’architecture, pensé dès le départ comme une template prête à être reprise !

Aperçu du projet Atelier Calade, réalisé par Magnetic

Web Design

UI / UX

Aperçu mobile du projet Atelier Calade

Web Design

UI / UX

Domaine

Architecture

Technologies

Framer

Durée

1 semaine

Lieu

Lyon

Les sites d’architectes montrent des bâtiments finis. Rarement la manière dont ils ont été pensés.

Les sites d’architectes montrent des bâtiments finis. Rarement la manière dont ils ont été pensés.

Atelier Calade est une template : un studio d’architecture fictif installé sur les pentes de la Croix-Rousse, à Lyon. Le site devait parler comme un architecte parle d’un lieu, avec retenue, en laissant la matière et la lumière faire le travail plutôt que de transformer chaque projet en image de catalogue.

Projet Atelier Calade : détail de la réalisation
Projet Atelier Calade : détail sur mobile

Brief

Faire entrer dans un atelier avant de montrer ses projets.

Avant de dessiner, nous avons analysé cinq templates d’architecture parmi les plus abouties du marché Framer : leurs typographies, leurs palettes, leurs rythmes d’apparition. L’objectif était d’en tirer une grammaire commune, puis de construire un site complet sur cette base : accueil, projets, studio, services, journal et contact, avec des fiches projets et des articles entièrement pilotés depuis le CMS.

Challenge

Être sobre sans être vide.

L’architecture se prête mal aux effets : un site trop animé fait passer le bâtiment au second plan, un site trop sage ressemble à une plaquette. Il fallait trouver le bon dosage entre une mise en page très tenue et quelques gestes qui donnent du relief au parcours. Et garder la même rigueur sur mobile, où les grilles de photos et les grands titres perdent vite leur équilibre.

Projet Atelier Calade : second aperçu de la réalisation
Projet Atelier Calade : second aperçu sur mobile

Solution

Une palette papier et noir, des gestes comptés.

Un fond papier chaud, un accent sable et une seule famille typographique, la Switzer, accompagnée d’une mono pour les légendes, donnent au site son ton de planche d’atelier. Les photos des projets restent en noir et blanc et ne prennent leur couleur qu’au survol. Les services s’empilent en cartes au défilement, le pied de page se révèle sous la page, et une horloge en direct rappelle que l’atelier existe quelque part, à Lyon.

Projet Atelier Calade : solution retenue, visuel 1
Projet Atelier Calade : solution retenue, visuel 2
Projet Atelier Calade : solution retenue, visuel 3