Aperçu

Résumé du Projet

Le défi: Doter Sophie, travel planner indépendante à Saint-Gervais-les-Bains, d'une présence web professionnelle en trois langues (FR/EN/ES) — capable d'attirer une clientèle internationale, de présenter des forfaits transparents et de qualifier chaque demande via un formulaire de devis structuré.

La solution: Un site statique multi-pages au design glassmorphism navy/orange, avec système i18n vanilla FR/EN/ES persisté en localStorage, 4 forfaits publiés en clair, formulaire de devis multi-champs, et une couche SEO longue-traîne (géo + destinations) déployée après le lancement.

📄
13
Pages Livrées
🌍
3
Langues FR/EN/ES
💼
4
Forfaits Transparents

Le Défi

Contexte et Problématique

Sophie lance So'evasions comme travel planner indépendante à Saint-Gervais-les-Bains : des voyages sur mesure avec livrable final sous forme de guide PDF personnalisé. Elle démarre sans site professionnel, sans forfaits publiés, et avec une cible bilingue (FR + clientèle anglophone/hispanophone de passage dans la vallée).

Points de douleur

  • Aucun site pro pour capter les recherches locales "travel planner Saint-Gervais / Chamonix / Megève"
  • Métier peu connu du grand public : besoin d'expliquer clairement "à quoi sert un travel planner"
  • Tarification à structurer et à publier — la concurrence reste opaque sur les prix
  • Clientèle internationale à adresser en 3 langues sans complexifier la maintenance
  • Investissement solo-entrepreneur : chaque euro devait servir le SEO et la conversion, pas la stack

Objectifs du projet

  • Site statique performant, hébergement léger, zéro maintenance CMS
  • Support trilingue complet (FR/EN/ES) sans framework lourd
  • Design glassmorphism navy/orange évoquant le voyage et l'évasion
  • Formulaire de devis multi-champs pour qualifier chaque demande en amont
  • Forfaits publiés en clair avec exemples réels de voyages Sophie
  • Base SEO solide + pages longue-traîne géo/destinations pour capter l'intent

La Solution

Notre Approche

Nous avons conçu un site statique HTML/CSS/JS vanilla sur un fond navy profond (#04325d) rehaussé d'accents orange (#f88c2c) et d'effets glassmorphism (backdrop-filter blur) : une esthétique "voyage" qui évoque le ciel nocturne et le coucher de soleil. Typographie DM Sans pour le corps de texte et Instrument Serif pour les titres. Le trilingue FR/EN/ES est géré par un moteur i18n en JavaScript vanilla (500+ chaînes, attributs data-i18n, persistance localStorage) sans framework ni build step. Nos sites vitrines multi-pages visent ici zéro maintenance CMS et un TTFB minimal — critères clés pour une solo-entrepreneuse.

Design Glassmorphism Navy/Orange

Fond navy #04325d, accents orange #f88c2c, backdrop-filter blur 20-30px, ambient glows. Un rendu moderne qui évoque le voyage et l'évasion.

Système Trilingue Complet

FR/EN/ES avec 500+ chaînes traduites, attributs data-i18n, persistance localStorage. Changement de langue instantané sans rechargement.

4 Forfaits Transparents

Evasion Express (30€/j) à Prestige (45€/j), chaque forfait indexé sur la durée du voyage (1-3j, 4-7j, 8-15j, 15j+) avec exemples réels de séjours planifiés par Sophie.

Formulaire Devis Détaillé

Multi-champs : nombre d'adultes, enfants, destination souhaitée, durée du séjour. Permet une première qualification précise de chaque demande.

Accordions Interactifs

Présentation des USP et du process en 5 étapes via des accordions animés. Navigation intuitive dans le contenu détaillé sans surcharger la page.

Photos Authentiques

Contenu visuel issu des voyages personnels de Sophie, pas de photos stock. Authenticité qui renforce la crédibilité et la confiance des visiteurs.

Points techniques

HTML5 sémantique CSS3 Glassmorphism (backdrop-filter) Vanilla JS i18n (500+ strings) WebP + JPEG fallback DM Sans + Instrument Serif Sticky mobile CTA LocalStorage persistence Async CSS loading

Résultats

Livrables et Impact

Pages livrées
0 13 pages
5 pages principales + 5 SEO longue-traîne + 3 pages légales
Langues
0 3 FR/EN/ES
Système i18n complet avec 500+ traductions
Forfaits structurés
0 4 avec exemples
Evasion Express, Sérénité, Grand Format, Prestige (30€ à 45€/j)
Formulaire devis
0 Multi-champs
Adultes, enfants, destination, durée, budget
SEO longue-traîne
0 5 pages
Géo (Saint-Gervais, Chamonix/Megève) + métier + destinations
Mobile CTA
0 Sticky WhatsApp + email
Conversion mobile optimisée
Impact business: So'evasions dispose désormais d'un site trilingue en production sur soevasions.com, avec une base SEO solide (LocalBusiness/TravelAgency schema, hreflang FR/EN/ES) et 5 pages longue-traîne qui captent les recherches géo et destinations. Les forfaits publiés en clair et le formulaire multi-champs qualifient chaque demande en amont, évitant les allers-retours de qualification.

Technique

Stack Technologique

HTML5 Frontend
CSS3 (Glassmorphism + Custom Properties) Frontend
JavaScript (Vanilla i18n) Frontend
WebP Images Assets
DM Sans + Instrument Serif Typography

Intégrations

WhatsApp Business (sticky CTA) Email forms Facebook + Instagram

Vous êtes dans le tourisme ou les services ?

Discutons de vos besoins et créons un site à la hauteur de votre expertise.