--- title: À Vivre Magazine, plateforme éditoriale sur mesure | Webdesign29 description: "Étude de cas À Vivre : plateforme éditoriale, middle office, Journées À Vivre, candidatures d'architectes, cartographie et réservation de visites." url: https://www.webdesign29.net/realisations-webdesign29/avivre-magazine lang: fr --- # À Vivre Magazine, plateforme éditoriale sur mesure | Webdesign29 Application sur mesure # À Vivre Magazine : plateforme éditoriale architecture et design Plateforme éditoriale et middle office À Vivre : contenus, abonnements et Journées À Vivre, avec candidatures, cartographie des projets et réservations de visites. Application sur mesure. 3 technologies : Next.js, Google Analytics et React. 5 pages présentées. [Voir le site](https://www.avivremagazine.fr/)[Un projet similaire ?](https://www.webdesign29.net/devis-site-web-brest) ![À Vivre Magazine : plateforme éditoriale architecture et design](https://www.webdesign29.net/shots/avivre-magazine/home.jpg) ## Un média d'architecture devenu plateforme numérique À Vivre explore l'architecture contemporaine, l'habitat et le design à travers une revue imprimée, des reportages, des actualités et des services destinés au grand public comme aux professionnels. La refonte rassemble ces formats dans une plateforme éditoriale sur mesure, capable d'accompagner le lecteur depuis la découverte d'un projet jusqu'à l'abonnement ou la participation à un événement. L'enjeu était de préserver l'identité forte du titre tout en donnant une structure lisible à un fonds éditorial dense. Le nouveau site organise les contenus par rubriques — Design, Reportages, Cahier pratique, Dossier, Face B et Actualités — et multiplie les portes d'entrée sans fragmenter la navigation. ## Une architecture éditoriale conçue pour plusieurs formats La page d'accueil fonctionne comme la une d'un magazine : elle hiérarchise les sujets du moment, les projets d'architecture, l'agenda, les équipements et les rendez-vous de la marque. Les pages de rubrique facilitent l'exploration thématique et chaque article dispose d'une mise en page adaptée aux textes longs, aux crédits, aux données techniques et aux galeries photographiques. Les contenus connexes, les articles précédents et suivants et les blocs de services prolongent la lecture. Cette circulation éditoriale relie les publications récentes aux archives tout en conservant des pages rapides à parcourir sur ordinateur comme sur mobile. ## Le magazine papier relié à l'expérience en ligne Les numéros d'À Vivre occupent une place centrale dans le parcours. Le lecteur peut découvrir le thème d'une parution, consulter la collection, acheter un numéro ou choisir une formule d'abonnement. La boutique réunit les offres À Vivre et exé, les accès numériques et les archives dans une interface cohérente avec le reste du site. Cette continuité entre éditorial et commerce évite de traiter la revue comme une boutique isolée. Un sujet consulté sur le web peut mener naturellement vers le numéro correspondant, tandis que l'abonné retrouve les bénéfices de son offre et les publications disponibles depuis le même environnement. ## Des services au-delà de la publication La plateforme porte également les rendez-vous historiques de la marque. L'agenda recense les événements liés à l'architecture et au design. Les Journées À Vivre permettent de découvrir des maisons d'architectes lors de visites gratuites sur réservation. Le Prix des Maisons À Vivre présente le concours, son calendrier, ses critères, ses partenaires et le parcours de candidature. Un annuaire d'architectes, l'inscription à la newsletter, les espaces de contact et de publicité complètent cet écosystème. Le site devient ainsi un point de rencontre entre lecteurs, architectes, annonceurs, organisateurs et rédaction, plutôt qu'une simple succession d'articles. ## Un middle office pour piloter le média Derrière le site public, un middle office Inklura réunit les opérations éditoriales et commerciales. La rédaction y gère les articles, les publications, les événements, les projets d'architecture et les réglages du site. Les équipes disposent aussi d'espaces dédiés aux abonnements, aux abonnés, aux offres, à la publicité et aux synchronisations avec la base historique d'À Vivre. Ce socle évite de juxtaposer plusieurs interfaces sans lien. Les contenus structurés, les médias, les taxonomies, les statuts de publication et les données de service alimentent directement le site. Les droits d'accès encadrent les opérations sensibles et les outils de prévisualisation permettent de contrôler le rendu avant publication. ## Les Journées À Vivre, de la candidature à la visite Le dispositif des Journées À Vivre possède son propre parcours métier. Un architecte peut revendiquer son profil, déposer un projet en plusieurs étapes et reprendre un brouillon. Le formulaire recueille la présentation de l'agence, la note d'intention, les contraintes et solutions, la fiche technique, la surface, les matériaux, les performances écologiques, les photographies, les plans et les documents complémentaires. Lorsqu'une maison est proposée à la visite, l'architecte renseigne séparément l'adresse, les coordonnées du propriétaire, les conditions d'accès et les créneaux disponibles aux dates officielles de l'événement. Le middle office centralise ensuite les candidatures, distingue les dossiers incomplets, filtre par année, région, statut ou souhait de visite, puis permet à la rédaction d'approuver, rejeter ou intégrer un projet à sa sélection. ## Une cartographie pensée pour le public et l'organisation Les visiteurs découvrent les maisons sur une carte interactive de la France. Ils choisissent une région, explorent les projets en carte, liste ou grille, ouvrent une fiche, puis sélectionnent une date, une heure et un nombre de participants selon les places encore disponibles. La réservation génère une référence et alimente le suivi des visites dans le middle office. La confidentialité a été intégrée au fonctionnement de la carte : le site public positionne les projets à l'échelle de la commune et ne transmet pas l'adresse exacte au navigateur. Celle-ci n'est communiquée au visiteur qu'après son inscription. Côté équipe, les coordonnées précises servent au géocodage, au calendrier des visites et à la préparation d'itinéraires avec distances, durées et ordre de passage optimisé. Pour préparer le Prix et les Journées, la rédaction peut enfin exporter les candidatures et leurs données en tableur, télécharger les images et documents par projet, suivre la sélection éditoriale et constituer les éléments nécessaires au jury sans retraitement manuel dispersé. ## Une expérience visuelle au service des projets L'interface laisse une large place à la photographie d'architecture, avec une typographie éditoriale, des rythmes de grille et des contrastes inspirés de la revue. Les images sont diffusées dans des formats adaptés aux différents écrans afin de conserver leur impact sans alourdir inutilement la consultation. Le design responsive ne se contente pas de réduire la maquette : il réorganise la navigation, les cartes, les galeries, les informations pratiques et les appels à l'action pour offrir un parcours lisible sur téléphone. ## Un socle de publication exploitable au quotidien Le site est rendu côté serveur avec Next.js et s'appuie sur une gestion centralisée des contenus et des médias. Les pages éditoriales, numéros, événements, projets et services partagent les mêmes composants, ce qui permet à la rédaction de publier de nouveaux contenus sans reconstruire manuellement chaque mise en page. La diffusion des images par CDN, la mise en cache et l'hébergement managé complètent ce socle. À Vivre dispose ainsi d'une plateforme de production vivante, pensée pour faire évoluer les rubriques, les offres et les opérations éditoriales dans le temps. Preuve opérationnelle ## Du besoin au résultat concret Ce bilan reprend uniquement les fonctions effectivement livrées, sans attribuer au projet un résultat chiffré non mesuré. **Problème** Réunir le média, les abonnements et l'organisation des Journées À Vivre sans disperser contenus, candidatures d'architectes, visites et données opérationnelles. **Solution livrée** Une plateforme éditoriale avec middle office métier, dépôt et modération des projets, cartographie par région, créneaux et réservation des visites. **Résultat opérationnel** La rédaction pilote publications, candidatures, sélection et visites depuis le même environnement, tandis que le public explore et réserve sans exposer les adresses privées. Aperçu du site ## Le site en ligne, en images Captures réelles de plusieurs pages du site, cliquez pour parcourir en grand, et découvrez la version mobile. [Visiter le site](https://www.avivremagazine.fr/) ****** www.avivremagazine.fr ![Accueil](https://www.webdesign29.net/shots/avivre-magazine/home.jpg) **Accueil** Agrandir ****** www.avivremagazine.fr/reportages ![Reportages](https://www.webdesign29.net/shots/avivre-magazine/reportages.jpg) **Reportages** Agrandir ****** www.avivremagazine.fr/boutique ![Boutique et abonnements](https://www.webdesign29.net/shots/avivre-magazine/boutique.jpg) **Boutique et abonnements** Agrandir ****** www.avivremagazine.fr/prix-a-vivre ![Prix des Maisons À Vivre](https://www.webdesign29.net/shots/avivre-magazine/prix-a-vivre.jpg) **Prix des Maisons À Vivre** Agrandir ****** www.avivremagazine.fr/prix-a-vivre/visite ![Carte et réservation des visites](https://www.webdesign29.net/shots/avivre-magazine/prix-a-vivre-visite.jpg) **Carte et réservation des visites** Agrandir ****** www.avivremagazine.fr/articles/une-maison-dans-la-maison ![Article et galerie photo](https://www.webdesign29.net/shots/avivre-magazine/articles-une-maison-dans-la-maison.jpg) **Article et galerie photo** Agrandir ![À Vivre Magazine : plateforme éditoriale architecture et design](https://www.webdesign29.net/shots/avivre-magazine/home.m.jpg) Et en version mobile ### Fonctionnalités développées #### Accueil éditorialisé hiérarchisation des sujets, projets, rendez-vous et services sur la page d'accueil #### Rubriques thématiques Design, Reportages, Cahier pratique, Dossier, Face B et Actualités #### Articles longue forme textes, auteurs, crédits, données techniques, liens et galeries photographiques #### Magazine et archives présentation des numéros, collections À Vivre et exé et accès aux parutions #### Boutique et abonnements offres annuelles, achat au numéro, formules combinées et accès numérique #### Agenda événements d'architecture et de design présentés avec date et localisation #### Middle office éditorial administration des articles, publications, événements, médias et réglages du site #### Dépôt architecte profil, candidature multi-étapes, fiche technique, plans, photos, documents et brouillons #### Modération des projets statuts, validation, rejet, sélection éditoriale et filtres par année, région ou visites #### Cartographie des Journées À Vivre sélection par région, projets géolocalisés, marqueurs groupés et vues carte, liste ou grille #### Réservation de visites dates officielles, créneaux, capacité, nombre de participants et confirmation #### Confidentialité géographique position publique limitée à la commune et adresse exacte transmise après inscription #### Organisation terrain calendrier, suivi des réservations et préparation d'itinéraires entre les visites #### Prix des Maisons À Vivre concours, calendrier, critères, candidatures, sélection et vote public #### Exports de production tableurs des candidatures et dossiers d'images ou documents classés par projet #### Annuaire d'architectes accès aux professionnels depuis l'écosystème éditorial #### Animation de l'audience newsletter, contenus associés, partage et passerelles entre publications #### Responsive design navigation, grilles éditoriales et galeries adaptées au mobile ### Technologies utilisées ![Next.js](https://www.webdesign29.net/tech/nextjs.svg)Next.js![Google Analytics](https://www.webdesign29.net/tech/googleanalytics.svg)Google Analytics![React](https://www.webdesign29.net/tech/react.svg)React - **Application web** : Next.js, composants React et rendu côté serveur - **Middle office Inklura** : contenus structurés, workflows, rôles et API métier pour les articles, projets, numéros, événements et services - **Cartographie** : MapLibre, marqueurs groupés, géocodage des projets et calcul d'itinéraires - **Journées À Vivre** : candidatures multi-étapes, modération, créneaux, capacités, réservations, exports et sélection du jury - **Médias** : diffusion des photographies et visuels par CDN avec formats adaptés - **Commerce éditorial** : boutique de numéros, abonnements et accès aux archives intégrés au parcours - **Infrastructure** : hébergement managé bext, cache applicatif, TLS et supervision Aller plus loin ## Notre savoir-faire sur ce type de projet [Notre expertiseExpertise développement sur mesure](https://www.webdesign29.net/expertises/developpements-web)[Le service associéApplication & solution sur mesure](https://www.webdesign29.net/services-webdesign29/solution-sur-mesure) [Voir le site du client](https://www.avivremagazine.fr/) **Note :** le site du client peut avoir changé, nous ne sommes pas responsables de son contenu. [https://www.webdesign29.net/realisations-webdesign29/regalterre-v2![Régal'Terre v2 : plateforme e-commerce B2C et B2B](https://www.webdesign29.net/shots/regalterre-v2/home.jpg)← Réalisation précédenteRégal'Terre v2 : plateforme e-commerce B2C et B2B Portfolio ## Autres réalisations [Toutes les réalisations](https://www.webdesign29.net/realisations-webdesign29) [https://www.webdesign29.net/realisations-webdesign29/regalterre-v2![Régal'Terre v2 : plateforme e-commerce B2C et B2B](https://www.webdesign29.net/shots/regalterre-v2/home.jpg)Site e-commerce ### Régal'Terre v2 : plateforme e-commerce B2C et B2B Régal'Terre v2 : une plateforme e-commerce sur mesure pour particuliers et professionnels, reliée aux outils métier. [https://www.webdesign29.net/realisations-webdesign29/e-repas-plateforme-ecommerce![e-Repas, plateforme e-commerce pour les métiers de bouche](https://www.webdesign29.net/shots/e-repas-plateforme-ecommerce/home.jpg)Application sur mesure ### e-Repas, plateforme e-commerce pour les métiers de bouche Plateforme e-commerce pour les métiers de bouche : bouchers, charcutiers, traiteurs et restaurateurs ouvrent leur boutique click & collect en quelques clics, avec commande en ligne 7j/7, paiement sécurisé et retrait ou livraison. [https://www.webdesign29.net/realisations-webdesign29/cms-inklura-fr![Inklura CMS](https://www.webdesign29.net/shots/cms-inklura-fr/home.jpg)Application sur mesure ### Inklura CMS Toute la puissance de WordPress, sans PHP : Gutenberg, Elementor, import WXR et API REST /wp-json sur une plateforme moderne et française, sans extensions à maintenir. Votre tour ? ## Un projet similaire en tête ? Parlez-nous de vos besoins, nous vous montrerons comment concevoir un site ou un outil à la hauteur de vos objectifs. [Demander un devis gratuit](https://www.webdesign29.net/devis-site-web-brest)[Nous contacter](https://www.webdesign29.net/contact-agence-web-brest-wd29)