PIKS-L
Chargement en cours...
← Tous les templates
Hôtel · hébergement2026Template

Hôtel La Calade

Le site d’un hôtel de ville au-dessus du Vieux-Port : un héros photo et sa recherche rapide, une journée à l’hôtel à faire glisser, cinq chambres avec leur fiche et leur plan 3D, les offres, le quartier, la galerie, et un tunnel de réservation en quatre étapes dont chaque demande arrive dans votre messagerie. En clair ou en sombre, au choix du visiteur.

Abonnement · 4 outils compris
35 €/mois
sans engagement · ou 340 € en une fois
hotel-la-calade.piks-l.com
Page d’accueil de l’Hôtel La Calade : le Vieux-Port et la recherche rapide
Secteur
Hôtel · hébergement
Année
2026
Abonnement
35 €/mois
Pages
15 pages + 3 pages légales + 404
Champs administrables
956
Outils inclus
4 outils
00

Votre site, ses outils, un prix par mois

Le même site, repris au nom de votre hôtel, avec vos chambres, vos prix, vos photos et votre domaine, et les outils de la console déjà branchés dessus. Vous le gérez vous-même, sans toucher au code.

Abonnement mensuel
35 €/ mois
sans engagement · hébergement, domaine et certificat compris
Les 4 outils pris à la carte136 €/mois−74 %
Ou en une fois
340 €
TTC · paiement unique · mise en ligne comprise

Le site seul. La console et ses outils se prennent ensuite à la carte, voir les tarifs.

01

Les outils branchés sur ce site

Compris dans l’abonnement. Le site est livré relié à chacun : rien à installer, rien à configurer.

02

Ce que vous recevez

L’accueil : héros photo, recherche rapide et calendrier des prix par nuit
Cinq chambres filtrables, avec ou sans petit-déjeuner, chacune avec sa fiche, sa galerie et son plan 3D
Le tunnel de réservation en quatre étapes, total et codes promo recalculés en direct
Les offres et leurs sous-pages : petit-déjeuner et terrasse, escapades en mer, petits plus
Le guide du quartier, la galerie plein écran, le contact et sa foire aux questions
Une version claire et une version sombre, au choix du visiteur ; le rideau en arche entre les pages
956 champs administrables, trois pages légales incluses
Mise en ligne sur votre domaine, certificat compris
01

Le brief

Un hôtel de ville trois étoiles au-dessus du Vieux-Port de Marseille, qui veut vendre ses nuits en direct plutôt que par les plateformes. Le site devait avoir le standing d’une maison de ville en pierre — tomettes, volets, arches — et rendre la réservation aussi simple qu’ailleurs : voir la chambre, connaître le prix de sa nuit, réserver en quatre étapes.

02

Ce que nous avons fait

01

Dix-huit pages reprises à l’identique depuis la maquette : aucun écart de style relevé sur près de 5 500 éléments contrôlés, à 1 440 et à 390 px, dans le thème clair comme dans le sombre.

02

Un rideau en arche qui passe entre les pages, la porte du logo qui s’ouvre, des méga-menus, une journée à l’hôtel à faire glisser au doigt et un plan 3D de chaque chambre, chargé seulement quand on le regarde.

03

Un tunnel de réservation qui lit les prix, les capacités et les options écrits dans la page : l’hôtel change un tarif dans l’éditeur, le total suit ; la demande complète arrive dans la messagerie de la console.

04

Les chambres, leurs prix par nuit, leurs surfaces et leurs équipements remontés aux moteurs en données structurées d’hôtel, relues sur les pages publiées — sans aucune coordonnée d’exemple.

03

La palette et les typographies

#F6F1E9#1D3F5C#A04424#D4B264#111C25

Le calcaire des façades, le bleu de la mer et des volets, la tomette des prix, l’or des étoiles et de la porte du logo — et, pour la version sombre, la nuit sur le Vieux-Port

Titres
Une halte au-dessus du Vieux-Port
Cormorant Garamond500 et 600, italique · les titres, les heures de la journée, les noms des chambres
Aa Bb Cc 0123456789
Texte et étiquettes
Annulation gratuite jusqu’à 48 h. Vue mer · 22 m²
Jost400 et 500 · le texte, les menus, les surtitres en capitales espacées, les boutons
Aa Bb Cc 0123456789
04

Des pages, en vrai

Les mêmes écrans aux trois largeurs qui comptent — bureau, tablette, téléphone : le rideau en arche, le haut de l’accueil, la journée à la Calade, les chambres, une fiche et son plan 3D, les offres, le tunnel de réservation et le pied de page. Captures du site en ligne, pas d’une maquette.

Écran1 280 px de large
Hôtel La Calade — Le rideau en arche entre les pages (écran)
Le rideau en arche entre les pages
Hôtel La Calade — Haut de la page d’accueil (écran)
Haut de la page d’accueil
Hôtel La Calade — Une journée à la Calade (écran)
Une journée à la Calade
Hôtel La Calade — Les chambres et leurs filtres (écran)
Les chambres et leurs filtres
Hôtel La Calade — La fiche d’une chambre (écran)
La fiche d’une chambre
Hôtel La Calade — Le plan 3D de la chambre (écran)
Le plan 3D de la chambre
Hôtel La Calade — Les offres du moment (écran)
Les offres du moment
Hôtel La Calade — Le tunnel de réservation (écran)
Le tunnel de réservation
Hôtel La Calade — Pied de page (écran)
Pied de page
Tablette834 px de large
Hôtel La Calade — Le rideau en arche entre les pages (tablette)
Le rideau en arche entre les pages
Hôtel La Calade — Haut de la page d’accueil (tablette)
Haut de la page d’accueil
Hôtel La Calade — Une journée à la Calade (tablette)
Une journée à la Calade
Hôtel La Calade — Les chambres et leurs filtres (tablette)
Les chambres et leurs filtres
Hôtel La Calade — La fiche d’une chambre (tablette)
La fiche d’une chambre
Hôtel La Calade — Le plan 3D de la chambre (tablette)
Le plan 3D de la chambre
Hôtel La Calade — Les offres du moment (tablette)
Les offres du moment
Hôtel La Calade — Le tunnel de réservation (tablette)
Le tunnel de réservation
Hôtel La Calade — Pied de page (tablette)
Pied de page
Mobile390 px de large
Hôtel La Calade — Le rideau en arche entre les pages (téléphone)
Le rideau en arche entre les pages
Hôtel La Calade — Haut de la page d’accueil (téléphone)
Haut de la page d’accueil
Hôtel La Calade — Une journée à la Calade (téléphone)
Une journée à la Calade
Hôtel La Calade — Les chambres et leurs filtres (téléphone)
Les chambres et leurs filtres
Hôtel La Calade — La fiche d’une chambre (téléphone)
La fiche d’une chambre
Hôtel La Calade — Le plan 3D de la chambre (téléphone)
Le plan 3D de la chambre
Hôtel La Calade — Les offres du moment (téléphone)
Les offres du moment
Hôtel La Calade — Le tunnel de réservation (téléphone)
Le tunnel de réservation
Hôtel La Calade — Pied de page (téléphone)
Pied de page
05

Ce que ça change

01

956 champs administrables par l’hôtel — chambres, prix, équipements, options, offres, adresses, questions, photos — sans une ligne de code.

02

Chaque demande de réservation arrive dans la messagerie de la console avec ses dates, sa chambre, ses options et son total ; le contact et la lettre d’information aussi. Les messages de confirmation se modifient dans l’éditeur.

03

Polices et feuille servies par le site, sans saut de mise en page ; zéro manquement d’accessibilité sur les dix-huit pages et la page d’erreur, au bureau comme au téléphone.

06

Ce que l’hôtel gère lui-même

Depuis la console, sans toucher au code.

Les chambres, leurs prix par nuit, leurs capacités et leurs équipements
Les options du séjour et leurs prix, repris dans le total
Les offres, les escapades, les petits plus et le guide du quartier
Les coordonnées, les questions fréquentes et les messages de confirmation