01 À propos du projet

L’Hôtel Bergfrieden est une maison familiale à Löffingen, en Haute-Forêt-Noire. Le projet suit une consigne plus facile à énoncer qu’à construire : luxueux, mais chaleureux. Cela repose sur une palette Forêt-Noire — vert forêt, crème et bronze —, Cormorant Garamond pour les titres et Inter pour le texte courant : de grandes images, beaucoup de blanc, aucun effet superflu.

Côté contenu, le site couvre ce dont une maison de cette taille a réellement besoin : cinq types de chambres avec bouton de demande, le petit-déjeuner bio et régional avec ses producteurs, une page région avec la Hochschwarzwald Card, une galerie avec lightbox, un blog, un contact avec demande et WhatsApp — en quatre langues. Pour un hôtel qui reçoit ses réservations via les portails et les demandes directes, c’est le bon format : pas de moteur de réservation à entretenir, mais un site qui convainc et déclenche la demande.

Techniquement, c’est volontairement la solution la plus simple qui tienne. Angular 21 avec composants standalone et signals ; au build, toutes les routes sont pré-rendues en HTML et déposées sur GitHub Pages — pas de serveur, pas de coût d’exécution, rien qui puisse tomber la nuit. Balises méta par route, JSON-LD Hotel Schema.org, sitemap.xml, robots.txt et manifeste PWA sont intégrés, le déploiement part automatiquement à chaque push.

02 Points forts

  • 01

    Design chaleureux et luxueux : palette Forêt-Noire, Cormorant Garamond + Inter

  • 02

    Génération statique — chaque route en HTML fini, aucun serveur nécessaire

  • 03

    Quatre langues (DE, EN, FR, TR) aux URL dédiées

  • 04

    Chambres, petit-déjeuner bio régional, région avec Hochschwarzwald Card, galerie, blog

  • 05

    Parcours de demande avec raccourci WhatsApp plutôt qu’un moteur de réservation

  • 06

    SEO par route : JSON-LD Hotel Schema.org, sitemap.xml, cartes OG/Twitter

  • 07

    Manifeste PWA et llms.txt

  • 08

    Déploiement automatique via GitHub Actions sur GitHub Pages

03 Stack technique

  • 🅰️Angular 21
  • 💨Tailwind
  • 📘TypeScript
  • SSG / Prerender
  • 🔄GitHub Actions
  • 🔍Schema.org

Envie de
collaborer ?

Parlez-nous de votre projet — nous vous dirons honnêtement ce qu’il faut et ce que cela coûte.

Me contacter