https://polymart.be/etude-de-cas-art-du-bien-etre.html

1<!DOCTYPE html>
2<html lang="en">
3<head>
4  <meta charset="UTF-8" />
5  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6  <!-- ===== SEO / Open Graph ===== -->
7  <meta name="description" content="How Polymart built the two showcase websites of L'Art du Feu et du Bien-Être: custom design, a visual editing back-office and built-in statistics." />
8  <link rel="canonical" href="https://polymart.be/etude-de-cas-art-du-bien-etre.html" />
9  <link rel="alternate" hreflang="en" href="https://polymart.be/etude-de-cas-art-du-bien-etre.html" />
10  <link rel="alternate" hreflang="fr" href="https://polymart.be/fr/etude-de-cas-art-du-bien-etre.html" />
11  <link rel="alternate" hreflang="x-default" href="https://polymart.be/etude-de-cas-art-du-bien-etre.html" />
12  <meta name="robots" content="index, follow, max-image-preview:large" />
13  <meta name="theme-color" content="#0d0d0f" />
14
15  <meta property="og:site_name" content="Polymart" />
16  <meta property="og:type" content="article" />
17  <meta property="og:locale" content="en_US" />
18  <meta property="og:locale:alternate" content="fr_BE" />
19  <meta property="og:url" content="https://polymart.be/etude-de-cas-art-du-bien-etre.html" />
20  <meta property="og:title" content="Case study: L'Art du Feu et du Bien-Être — Polymart" />
21  <meta property="og:description" content="How Polymart built the two showcase websites of L'Art du Feu et du Bien-Être: custom design, a visual editing back-office and built-in statistics." />
22  <!-- A COMPLETER : image Open Graph dediee (1200x630), idealement une
23       capture du site du client. En attendant, visuel du site. -->
24  <meta property="og:image" content="https://polymart.be/assets/images/og-galactic-warrior.jpg" />
25  <meta property="og:image:width" content="1200" />
26  <meta property="og:image:height" content="630" />
27  <meta property="og:image:alt" content="Case study: L'Art du Feu et du Bien-Être — Polymart" />
28
29  <meta name="twitter:card" content="summary_large_image" />
30  <meta name="twitter:title" content="Case study: L'Art du Feu et du Bien-Être — Polymart" />
31  <meta name="twitter:description" content="How Polymart built the two showcase websites of L'Art du Feu et du Bien-Être: custom design, a visual editing back-office and built-in statistics." />
32  <meta name="twitter:image" content="https://polymart.be/assets/images/og-galactic-warrior.jpg" />
33
34  <link rel="icon" type="image/png" sizes="32x32" href="favicon-32.png" />
35  <link rel="apple-touch-icon" href="apple-touch-icon.png" />
36  <link rel="manifest" href="site.webmanifest" />
37  <!-- ===== fin SEO ===== -->
38
39  <title>Case study: L'Art du Feu et du Bien-Être — Polymart</title>
40  <link rel="preconnect" href="https://fonts.googleapis.com" />
41  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
42  <link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Syne:wght@400;600;700;800&family=Space+Mono:wght@400;700&display=swap" rel="stylesheet" />
43  <link href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" rel="stylesheet">
44  <link rel="stylesheet" href="style.css?v=20260915b">
45</head>
46<body>
47
48<div id="cursor"></div>
49
50<nav>
51  <a class="logo" href="index.html"><img src="assets/images/logoPolymart.webp" alt="Polymart" width="1024" height="684"></a>
52  <button class="nav-toggle" aria-label="Menu" aria-expanded="false" aria-controls="main-nav">☰</button>
53  <ul>
54    <li class="dropdown">
55      <button aria-expanded="false" aria-haspopup="true">Games <span class="nav-caret">▾</span></button>
56      <div class="dropdown-menu">
57        <a href="games/galactic-warrior.html">Galactic Warrior</a>
58        <a href="games/corridor-29000.html">Corridor 29&nbsp;000</a>
59      </div>
60    </li>
61    <li class="dropdown">
62      <button aria-expanded="false" aria-haspopup="true">Web <span class="nav-caret">▾</span></button>
63      <div class="dropdown-menu">
64        <a href="site-vitrine-cms.html">Websites</a>
65        <a href="etude-de-cas-art-du-bien-etre.html">Case study</a>
66      </div>
67    </li>
68    <li class="dropdown">
69      <button aria-expanded="false" aria-haspopup="true">Our services <span class="nav-caret">▾</span></button>
70      <div class="dropdown-menu">
71        <a href="consulting.html">Consulting</a>
72        <a href="training.html">Training</a>
73      </div>
74    </li>
75    <li class="dropdown">
76      <button aria-expanded="false" aria-haspopup="true">Try our demos <span class="nav-caret">▾</span></button>
77      <div class="dropdown-menu">
78        <a href="games/galactic-warrior/play/">Galactic Warrior</a>
79      </div>
80    </li>
81    <li class="dropdown">
82      <button aria-expanded="false" aria-haspopup="true">About <span class="nav-caret">▾</span></button>
83      <div class="dropdown-menu">
84        <a href="index.html#team">Our team</a>
85        <a href="index.html#contact">Contact</a>
86      </div>
87    </li>
88  </ul>
89  <div class="socials">
90    <div class="lang-switch" role="group" aria-label="Language">
91      <a href="etude-de-cas-art-du-bien-etre.html" hreflang="en" lang="en" aria-current="page">EN</a>
92      <a href="fr/etude-de-cas-art-du-bien-etre.html" hreflang="fr" lang="fr">FR</a>
93    </div>
94    <a href="https://www.facebook.com/profile.php?id=61576651595550&sk=about" target="_blank">
95      <i class="bi bi-facebook"></i>
96    </a>
97    <a href="https://www.instagram.com/polymartgames/" target="_blank">
98      <i class="bi bi-instagram"></i>
99    </a>
100    <a href="https://www.tiktok.com/@polymart.games?lang=fr" target="_blank">
101      <i class="bi bi-tiktok"></i>
102    </a>
103    <a href="https://www.youtube.com/@Polymart.gamesofficiel" target="_blank">
104      <i class="bi bi-youtube"></i>
105    </a>
106  </div>
107</nav>
108
109<main class="service">
110
111  <p class="service-label">Case study</p>
112  <h1 class="service-title">L'Art du Feu et du Bien-Être</h1>
113
114  <p class="service-lead">
115    L'Art du Feu et du Bien-Être had no website of its own: a listing on a regional
116    directory, and a phone call to make for the smallest change. We delivered a custom
117    showcase website paired with a back-office that puts the team back in control —
118    27 brands and 15 supplier catalogues are now published and kept up to date by the

119    company itself, with no developer and no delay.
120  </p>
121
122  <section class="service-block" aria-labelledby="the-client">
123    <h2 id="the-client">The client</h2>
124
125    <p class="service-text">
126      L'Art du Feu et du Bien-Être is a showroom based in Hotton, in the province of
127      Luxembourg (Belgium), a few kilometres from Marche-en-Famenne. For more than fifteen
128      years, the company has been advising, selling, installing and servicing across two
129      complementary ranges: pellet and wood stoves, fireplaces, inserts, cookers and boilers
130      on one side; spas, hot tubs, window frames, pergolas, sun protection and roller
131      shutters on the other. Hence two brands, L'Art du Feu and L'Art du Bien-Être, and one
132      shared challenge: presenting a very wide range, drawn from 27 partner brands, and
133      keeping it up to date.
134    </p>
135
136    <p class="service-text">
137      Its service area covers Hotton, Marche-en-Famenne, Rochefort, Rendeux, Somme-Leuze,
138      Ciney and Beauraing, and extends across Wallonia, the provinces of Liège and Namur,
139      and Brussels.
140    </p>
141
142    <p class="service-text">
143      The two brands speak to different audiences, so each has its own website, with a
144      menu link leading from one to the other.
145    </p>
146  </section>
147
148  <section class="service-block" aria-labelledby="starting-point">
149    <h2 id="starting-point">The starting point</h2>
150
151    <p class="service-text">
152      Before, the company had no website of its own. Its online presence came down to a
153      listing on wallux.com, a directory of businesses in Wallonia and the Grand Duchy of
154      Luxembourg: an introduction page, an opening hours page, a catalogues page. Visible,
155      but hosted and controlled by the portal.
156    </p>
157
158    <p class="service-text">
159      The consequence was simple, and it came up every day: every change went through a
160      request to a third party. A seasonal promotion to launch, opening hours to correct, a
161      new supplier catalogue to publish — nothing could be done in-house. The company
162      controlled neither the publishing delay, nor the layout, nor the timing.
163    </p>
164
165    <p class="service-text">
166      For a showroom whose offer spans dozens of brands and follows the seasons — stoves in
167      autumn, spas and sun protection in spring — that dependency had a real cost: content
168      that rarely reflected what was actually in store.
169    </p>
170  </section>
171
172  <section class="service-block" aria-labelledby="what-was-delivered">
173    <h2 id="what-was-delivered">What was delivered</h2>
174
175    <ul class="topic-list">
176      <li>Two custom showcase websites, one per brand: L'Art du Feu and L'Art du Bien-Être</li>
177      <li>A visual editing back-office to change content without touching code</li>
178      <li>Built-in statistics</li>
179      <li>An ASP.NET Core (.NET 9) application, with content stored as JSON</li>
180      <li>27 partner brands and 15 supplier catalogues, published and updated by the company</li>
181      <li>The site's pages: home, wellness, services and brands, showroom, promotions, projects and contact</li>
182    </ul>
183
184    <a class="service-link" href="site-vitrine-cms.html">See the offer <span aria-hidden="true">&rarr;</span></a>
185  </section>
186
187  <section class="service-block" aria-labelledby="screenshots">
188    <h2 id="screenshots">Screenshots</h2>
189
190    <!-- Toute image placee dans une figure.shot s'agrandit au clic
191         automatiquement (script.js). Images hebergees sur polymart.be
192         uniquement (CSP img-src 'self'). -->
193    <div class="shot-grid">
194      <figure class="shot">
195        <img src="assets/images/art-du-bien-etre-accueil.webp"
196             alt="Home page of the L'Art du Bien-Être website: L'Art du Feu and Art du Bien-Être banner, then a bathroom visual with the offer on shutters and hot tubs"
197             width="1600" height="766" loading="lazy" decoding="async">
198        <figcaption>The site's home page.</figcaption>
199      </figure>
200
201      <figure class="shot">
202        <img src="assets/images/art-du-bien-etre-editeur.webp"
203             alt="Back-office in editing mode: the home page on the left, and on the right the panel to edit the description, the hero image and the buttons"
204             width="1600" height="766" loading="lazy" decoding="async">

205        <figcaption>Visual editing of a page in the back-office.</figcaption>
206      </figure>
207
208      <figure class="shot">
209        <img src="assets/images/art-du-bien-etre-statistiques.webp"
210             alt="Site statistics dashboard: total visits, visits today, this week and this month, number of locations, and a 30-day visits chart; figures and chart bars are blurred"
211             width="1600" height="763" loading="lazy" decoding="async">
212        <figcaption>The built-in statistics.</figcaption>
213      </figure>
214
215      <figure class="shot shot--portrait">
216        <img src="assets/images/art-du-bien-etre-mobile.webp"
217             alt="The L'Art du Bien-Être website on a phone: the menu, the Spa &amp; Pergola section with three tiles (wall-mounted pergola, bioclimatic pergola, hard-shell spa), and the cookie consent banner"
218             width="900" height="2000" loading="lazy" decoding="async">
219        <figcaption>The site on a phone.</figcaption>
220      </figure>
221    </div>
222  </section>
223
224  <section class="service-block" aria-labelledby="before-after">
225    <h2 id="before-after">Before / after</h2>
226
227    <div class="compare-wrap">
228      <table class="compare">
229        <thead>
230          <tr>
231            <th scope="col">Criterion</th>
232            <th scope="col" class="compare-before">Before</th>
233            <th scope="col" class="compare-after">After</th>
234          </tr>
235        </thead>
236        <tbody>
237          <tr>
238            <th scope="row">Content updates</th>
239            <td>Request sent to the portal</td>
240            <td>Visual editing from the back-office</td>
241          </tr>
242          <tr>
243            <th scope="row">Statistics</th>
244            <td>No data available</td>
245            <td>Statistics built into the site</td>
246          </tr>
247          <tr>
248            <th scope="row">Design</th>
249            <td>Directory template, identical to every other listing</td>
250            <td>Custom-designed website</td>
251          </tr>
252          <tr>
253            <th scope="row">Time to publish a change</th>
254            <td>3 to 4 days</td>
255            <td>Immediate</td>
256          </tr>
257        </tbody>
258      </table>
259    </div>
260  </section>
261
262  <section class="service-block" aria-labelledby="the-result">
263    <h2 id="the-result">The result</h2>
264
265    <p class="service-text">
266      The company is satisfied with the solution, which saves it a considerable amount of
267      time. It no longer has to route its requests through a third party and wait: a
268      promotion, new opening hours, a new catalogue go live the same day, at the moment it
269      chooses.
270    </p>
271
272    <p class="service-text">
273      That is the most visible change day to day: the site now keeps pace with the
274      showroom, season after season, instead of trailing a few days behind.
275    </p>
276  </section>
277
278  <div class="service-cta">
279    <p>
280      Want a website like this for your business? Describe it in a few lines and we'll
281      reply with a quote.
282    </p>
283    <a href="mailto:[email protected]?subject=Quote%20request%20-%20website&amp;body=Hello%2C%0D%0A%0D%0AYour%20business%3A%20%0D%0ACurrent%20website%20(address%2C%20if%20any)%3A%20%0D%0ANumber%20of%20pages%20planned%3A%20%0D%0ADesired%20timeline%3A%20%0D%0A">Request a quote</a>
284  </div>
285
286  <div class="service-end"></div>
287
288</main>
289
290<a href="#" class="back-to-top">↑</a>
291
292<footer>
293  <div class="footer-clients">
294    <span class="footer-clients-label">They trust us</span>
295    <a class="footer-client" href="etude-de-cas-art-du-bien-etre.html" title="Case study: L'Art du Feu et du Bien-Être">
296      <img src="assets/images/client-art-du-feu.webp" alt="L'Art du Feu"
297           width="348" height="186" loading="lazy" decoding="async">
298    </a>
299  </div>
300  <span>© 2026 Polymart. All rights reserved.</span>
301  <div class="footer-links">
302    <a href="privacy.html">Privacy Policy</a>
303    <a href="terms.html">Terms of Sale</a>
304    <a href="legal.html">Legal Notice</a>
305  </div>
306</footer>
307

308<script src="script.js?v=20260915b"></script>

308

309<script src="/stats.js?v=20260918" defer></script>

309
310</body>
311</html>