Aller au contenu
5 place de la Liberté, BrestLun–Ven, 9h–18h +33 7 60 48 51 21 contact@webdesign29.net Espace client
Application sur mesure

À Vivre Magazine : plateforme éditoriale architecture et design

Plateforme éditoriale du magazine Architectures À Vivre : articles, revue et abonnements, candidatures aux Prix des Maisons À Vivre et réservation des visites des Journées À Vivre.

À Vivre Magazine : plateforme éditoriale architecture et design

Une revue d’architecture et ses rendez-vous

Architectures À Vivre est un magazine consacré à l’architecture contemporaine, à l’habitat et au design. Autour de la revue imprimée, le titre organise les Prix des Maisons À Vivre, qui distinguent chaque année des projets d’habitat individuel, et les Journées À Vivre, pendant lesquelles des architectes font visiter au public des maisons qu’ils ont conçues.

Le site devait réunir le magazine en ligne, la boutique et les abonnements, les candidatures des architectes et la réservation des visites, sans jamais publier l’adresse d’une maison. Nous avons conçu et développé l’ensemble sur mesure, du site public au middle office Inklura, où la rédaction publie ses contenus, examine les candidatures et suit les visites.

Le projet en bref

Besoin
Réunir le magazine en ligne, la boutique et les abonnements, les candidatures des architectes et la réservation des visites des Journées À Vivre, sans jamais publier l’adresse d’une maison.
Ce que nous avons livré
Une plateforme sur mesure avec magazine et liseuse en ligne, candidature en cinq étapes, carte des projets placés à l’échelle de la commune, créneaux de visite et un middle office Inklura pour la rédaction.
Résultat
La rédaction publie, examine les candidatures et suit les visites au même endroit. Le visiteur réserve en ligne et ne reçoit l’adresse qu’après son inscription.

Le magazine en ligne

Architectures À Vivre est une revue consacrée à l’architecture contemporaine, à l’habitat et au design. Le site prolonge la revue imprimée. Reportages, dossiers, rubrique Face B et actualités y sont classés par rubrique, et la page d’accueil hiérarchise les sujets comme la une d’un magazine.

Chaque article dispose d’une mise en page adaptée aux textes longs, avec les crédits, la fiche technique du projet et une galerie de photographies. Les articles liés, le dernier numéro, l’agenda et la rubrique S’équiper prolongent la lecture.

La rédaction publie articles, numéros et événements depuis le middle office Inklura. Les textes, les images et les menus se modifient aussi directement sur les pages du site.

Un reportage sur ordinateur, les actualités et la rubrique Design sur téléphone
Un reportage, les actualités et la rubrique Design.

Candidater aux Prix des Maisons À Vivre

Créés par le magazine en 2000, les Prix des Maisons À Vivre distinguent des projets d’habitat individuel, en construction neuve, en rénovation ou en extension. Les architectes candidatent en ligne, depuis leur espace, avec un formulaire en cinq étapes.

Le formulaire rassemble la présentation de l’agence, la note d’intention et le contexte du projet, sa fiche technique, puis les plans et les photographies, chacune avec son crédit. Le dossier est enregistré au fil de la saisie, et l’architecte peut reprendre son brouillon plus tard.

Une agence déjà présente dans l’annuaire rattache sa fiche à son compte, et ses coordonnées sont reprises dans le formulaire. Si la maison est proposée à la visite, l’étape Visites recueille les informations pratiques et les premiers créneaux.

Faites glisser le schéma pour le voir en entier.

Le dossier de candidature se remplit en cinq étapes, avec un brouillon enregistré à chaque étape, puis il est transmis à la rédaction.1Coordonnéesl’agence2Dépôtintention, contexte3Fiche techniquedétails, pièces jointes4Visitesfacultatif5ConfirmationrécapitulatifDossier de candidaturePrésentation de l’agenceNote d’intention et contexteSurface, matériaux, duréesPlans et photographies créditéesCréneaux de visiteBrouillonenregistré à chaque étaperepris à tout momentRédactionen attente du dossierDossier reçuprêt pour l’examen
Le dossier de candidature, étape par étape.

De la candidature aux lauréats

Chaque dossier arrive dans le middle office. La rédaction le consulte en entier, retrouve les candidatures par année, par région ou selon qu’elles sont ouvertes à la visite, puis approuve ou refuse chaque projet.

Un projet approuvé obtient sa page sur le site, avec sa fiche technique, ses photographies et sa localisation à l’échelle de la commune. Le public vote ensuite en ligne pour le Grand Prix du public, avant la délibération du jury et l’annonce des lauréats.

Faites glisser le schéma pour le voir en entier.

Parcours d’un projet : candidature de l’architecte, examen par la rédaction, page publique du projet, votes du public, présélection et jury, puis annonce des lauréats.ArchitecteRédaction et juryPublicCandidatureen ligneExamenapprouvé ou refuséPage du projetfiche, visitesVotes du publicGrand Prix du publicJurydélibérationLauréatspublication
Le parcours d’un projet, de la candidature à l’annonce des lauréats.

La carte des Journées À Vivre

Pendant les Journées À Vivre, des architectes ouvrent au public des maisons qu’ils ont conçues et les font visiter eux-mêmes. Le visiteur choisit une région sur la carte de France, puis parcourt les projets de cette région sur une carte détaillée, en liste, en magazine ou en grille.

Les adresses des maisons ne sont pas publiées. Sur la carte comme sur les pages des projets, chaque maison est placée à l’échelle de sa commune, et l’adresse exacte n’apparaît nulle part sur le site. Elle est envoyée par e-mail au visiteur une fois son inscription confirmée. Les coordonnées des propriétaires restent réservées à l’équipe.

Faites glisser le schéma pour le voir en entier.

La fiche publique d’un projet ne contient que la commune ; l’adresse et les coordonnées du propriétaire restent dans le middle office, et l’adresse n’est envoyée qu’au visiteur inscrit.Projet proposé à la visitepublié sur le siteconservé par l’équipePhotographiesNote d’intentionAgence d’architectureCommuneAdresse de la maisonCoordonnées du propriétaireSite publicposition à la communeMiddle officeaccès réservé à l’équipeVisiteur inscritreçoit l’adresse par e-mailaprès inscription
Ce que le site publie et ce qui reste dans le middle office.
La carte des projets de Bretagne sur ordinateur, la carte des régions et la liste des projets sur téléphone
La carte d’une région, le choix de la région et la liste des projets.

Créneaux et inscriptions

L’architecte propose ses créneaux de visite lors de sa candidature, ou plus tard depuis une page dédiée que l’équipe lui envoie. Chaque créneau porte un nombre de places et ne peut tomber que sur les dates officielles de l’événement.

Le visiteur choisit la date, l’heure et le nombre de personnes, puis ajoute la visite à son panier, où il peut en réunir plusieurs. À la confirmation, il reçoit l’adresse de la maison et l’architecte est prévenu. Les places restantes se mettent à jour à chaque inscription, et le visiteur retrouve ses visites dans son espace.

Dans le middle office, l’équipe suit les créneaux et les inscriptions en tableau ou en calendrier.

Faites glisser le schéma pour le voir en entier.

L’architecte propose des créneaux aux dates des Journées ; chaque inscription de visiteur réduit les places restantes, jusqu’à ce que le créneau soit complet.Architectepropose ses créneauxaux dates officielleset fixe les placesVisiteursdate, heure et nombre de personnes, depuis la fiche du projetVendredi 16 octobre14 h 008 places5 places restantes16 h 008 placesCompletSamedi 17 octobre10 h 008 places3 places restantes14 h 008 placesComplet16 h 008 places6 places restantesDimanche 18 octobre10 h 008 places2 places restantes14 h 008 places4 places restantes
Les places de chaque créneau diminuent à chaque inscription.

La revue, la boutique et les abonnements

La boutique vend les numéros d’À Vivre et d’exé à l’unité, les archives des anciens numéros et les abonnements, dont une formule couplée, une offre étudiants et un abonnement à offrir. Chaque numéro a sa page, avec son sommaire, et se commande en version papier, numérique ou les deux. Un extrait se feuillette dans la liseuse du site.

L’abonnement comprend la revue livrée à domicile, les archives en version numérique et l’accès aux articles du site. Depuis son espace, l’abonné gère sa formule, ses commandes et ses documents, et lit ses numéros numériques dans la même liseuse.

Les articles et les numéros de l’ancien site ont été repris dans la nouvelle plateforme.

La liseuse sur ordinateur, la page d’un numéro et les abonnements sur téléphone
Un extrait dans la liseuse, la page d’un numéro et les formules d’abonnement.

Le site, page par page

28 pages capturées sur avivremagazine.fr le 25 septembre 2026, sur ordinateur et sur téléphone. Cliquez sur un aperçu pour l’agrandir, puis faites défiler à l’intérieur pour découvrir toute la page. Les flèches permettent de changer de page.

Visiter le site

Le magazine

La une, les rubriques, les articles et l’agenda.

11 pages, 11 vues mobiles

Sur ordinateur

avivremagazine.fr
Accueil
Accueil
Le dernier numéro, les projets à la une, les actualités et les rendez-vous.
avivremagazine.fr/actualites
Actualités
Actualités
Les actualités de l’architecture et du design.
avivremagazine.fr/design
Design
Design
Une rubrique et ses articles.
avivremagazine.fr/reportages
Reportages
Reportages
Les reportages consacrés à des maisons d’architectes.
avivremagazine.fr/face-b
Face B
Face B
Portraits, entretiens et coulisses du monde de l’architecture.
avivremagazine.fr/articles/projets/la-tete-dans-les-feuillages
Un reportage
Un reportage
Un article long, avec ses photographies et ses crédits.
avivremagazine.fr/articles/actus/journees-a-vivre-2026-reservez-vos-visites
Une actualité
Une actualité
Une actualité, avec les articles liés.
avivremagazine.fr/s-equiper
S’équiper
S’équiper
Les produits et les solutions des fabricants.
avivremagazine.fr/s-equiper/tectus-te-440-3d
Une solution
Une solution
La fiche d’un produit présenté par son fabricant.
avivremagazine.fr/evenements
Agenda
Agenda
Les événements à venir et passés.
avivremagazine.fr/evenements/019d3e92-7a4c-7acf-84d8-d528a5759574
Un événement
Un événement
La page d’un événement, avec sa date et son lieu.

Sur téléphone

Accueil sur téléphone
Accueil
Actualités sur téléphone
Actualités
Design sur téléphone
Design
Reportages sur téléphone
Reportages
Face B sur téléphone
Face B
Un reportage sur téléphone
Un reportage
Une actualité sur téléphone
Une actualité
S’équiper sur téléphone
S’équiper
Une solution sur téléphone
Une solution
Agenda sur téléphone
Agenda
Un événement sur téléphone
Un événement

Prix et Journées

Les Prix des Maisons À Vivre, la carte des visites et les projets.

8 pages, 8 vues mobiles

Sur ordinateur

avivremagazine.fr/prix-a-vivre
Prix des Maisons À Vivre
Prix des Maisons À Vivre
Le concours, son calendrier et ses critères.
avivremagazine.fr/prix-a-vivre/decouvrir
Espace architectes
Espace architectes
Candidater et proposer sa maison à la visite.
avivremagazine.fr/prix-a-vivre/visite
Journées À Vivre
Journées À Vivre
La page d’accueil des visiteurs.
avivremagazine.fr/prix-a-vivre/visite
Carte des régions
Carte des régions
Le choix d’une région sur la carte de France.
avivremagazine.fr/prix-a-vivre/visite?explore=1&region=Bretagne&view=split
Projets d’une région
Projets d’une région
La carte détaillée et les projets de la région, placés à la commune.
avivremagazine.fr/projets
Projets
Projets
Tous les projets, filtrés par type, région, matériaux ou distinction.
avivremagazine.fr/projets/0b9df6a6-54fa-49e3-bd70-629fb97fea2b
Page d’un projet
Page d’un projet
Photographies, fiche technique, note d’intention et localisation approximative.
avivremagazine.fr/architectes
Architectes
Architectes
L’annuaire des agences, avec recherche et filtres.

Sur téléphone

Prix des Maisons À Vivre sur téléphone
Prix des Maisons À Vivre
Espace architectes sur téléphone
Espace architectes
Journées À Vivre sur téléphone
Journées À Vivre
Carte des régions sur téléphone
Carte des régions
Projets d’une région sur téléphone
Projets d’une région
Projets sur téléphone
Projets
Page d’un projet sur téléphone
Page d’un projet
Architectes sur téléphone
Architectes

Revue et boutique

Les numéros, les archives et les abonnements.

5 pages, 5 vues mobiles

Sur ordinateur

avivremagazine.fr/revues/petites-surfaces-exploiter-l-paisseur-des-murs-les-niveaux-les-s-parations-mobiles
Un numéro
Un numéro
La page d’un numéro, avec son sommaire, en papier ou en numérique.
avivremagazine.fr/revues/petites-surfaces-exploiter-l-paisseur-des-murs-les-niveaux-les-s-parations-mobiles/lire
Liseuse
Liseuse
Un extrait du numéro, feuilleté en ligne.
avivremagazine.fr/boutique
Boutique
Boutique
Abonnements, derniers numéros et autres offres.
avivremagazine.fr/boutique/archives
Archives
Archives
Les anciens numéros, à l’unité.
avivremagazine.fr/abonnements
Abonnements
Abonnements
Les formules d’abonnement, dont l’abonnement à offrir.

Sur téléphone

Un numéro sur téléphone
Un numéro
Liseuse sur téléphone
Liseuse
Boutique sur téléphone
Boutique
Archives sur téléphone
Archives
Abonnements sur téléphone
Abonnements

Informations

Les pages de contact et de service.

4 pages, 4 vues mobiles

Sur ordinateur

avivremagazine.fr/contact
Contact
Contact
Le formulaire de contact de la rédaction.
avivremagazine.fr/newsletter
Newsletter
Newsletter
L’inscription à la newsletter.
avivremagazine.fr/press-room
Espace presse
Espace presse
Les numéros et les articles destinés à la presse.
avivremagazine.fr/plan-du-site
Plan du site
Plan du site
Toutes les rubriques et les services.

Sur téléphone

Contact sur téléphone
Contact
Newsletter sur téléphone
Newsletter
Espace presse sur téléphone
Espace presse
Plan du site sur téléphone
Plan du site

Les fonctions de la plateforme

Toutes ces fonctions ont été développées pour À Vivre, du site public au middle office.

Magazine

  • Page d’accueil hiérarchisée comme la une d’une revue
  • Rubriques Design, Reportages, Dossier, Face B et Actualités
  • Articles longs avec crédits, fiche technique et galerie de photographies
  • Rubrique S’équiper consacrée aux produits et aux fabricants
  • Agenda des événements d’architecture et de design
  • Recherche dans les contenus du site
  • Emplacements publicitaires intégrés aux pages
  • Newsletter avec double confirmation, flux RSS et plans de site

Prix des Maisons À Vivre

  • Candidature en ligne en cinq étapes
  • Brouillon enregistré au fil de la saisie et repris plus tard
  • Plans, photographies créditées, vidéos et documents joints au dossier
  • Rattachement d’une fiche d’agence déjà présente dans l’annuaire
  • Page publique de chaque projet, avec fiche technique et note d’intention
  • Vote du public en ligne
  • Annuaire des architectes

Journées À Vivre

  • Carte de France par région, puis carte détaillée de la région
  • Projets en carte, en liste, en magazine ou en grille
  • Marqueurs regroupés quand les projets sont proches
  • Position des maisons à l’échelle de la commune
  • Créneaux limités aux dates officielles, avec un nombre de places
  • Panier de visites pour réserver plusieurs maisons
  • Adresse communiquée par e-mail après l’inscription

Revue et abonnements

  • Numéros d’À Vivre et d’exé à l’unité
  • Archives des anciens numéros
  • Abonnements À Vivre, exé, couplé, étudiants et à offrir
  • Numéros en version papier, numérique ou les deux
  • Liseuse en ligne pour les numéros numériques et les extraits
  • Codes promo et paiement en ligne avec Stripe

Espaces personnels

  • Abonnés : formule, commandes, documents et numéros
  • Lecteurs : articles favoris et historique de lecture
  • Architectes : projets déposés, visites et fiche d’agence
  • Visiteurs : visites réservées et événements

Middle office

  • Candidatures filtrées par année, par région et par ouverture à la visite
  • Approbation ou refus des projets
  • Créneaux et inscriptions en tableau et en calendrier
  • Page d’envoi des créneaux pour les architectes
  • Articles, numéros, événements et médias
  • Modification des textes, des images et des menus sur la page

Technologies utilisées

Next.jsNext.jsGoogle AnalyticsGoogle AnalyticsReactReactPostgreSQLPostgreSQLStripeStripe
  • Application web : Next.js et React, rendu côté serveur, hébergement managé bext
  • Middle office : Inklura, avec contenus structurés et droits par rôle
  • Données : PostgreSQL avec Prisma
  • Recherche : Meilisearch
  • Cartographie : MapLibre et OpenStreetMap, géocodage par la Base Adresse Nationale
  • Paiement : Stripe
  • Liseuse : numéros et extraits affichés avec PDF.js
Voir le site du client

Le site a pu évoluer depuis notre intervention.