Mystic Luna

Phase 0 — proposition visuelle

Maquettes du site Mystic Luna

Huit écrans pour valider la structure du site et le parcours de réservation, avant de construire. Les couleurs sont approchées et les photos sont des zones d'attente : elles indiquent quelle image réelle viendra à cet endroit.

Commencer par l'accueil

Accueil

La page d'accueil

La première impression : qui vous êtes, ce qui se passe bientôt, et où aller ensuite.

  • Positionnement et bouton « Voir les événements »
  • Trois prochains événements (bloc automatique)
  • L'univers et la boutique
  • Aperçu des praticiens
  • Dernières actualités (bloc automatique)
  • Bloc location et informations pratiques
Ouvrir

Événements

Événements & réservations

Les deux présentations demandées, avec une bascule.

  • Bascule Calendrier / Liste — essayez les deux
  • Filtres : à venir, places disponibles, complets
  • Couleurs de disponibilité dans le calendrier
  • Événements gérés par un intervenant distingués
Ouvrir

Fiche

La fiche d'un événement

Toutes les informations pour se décider, et un bouton de réservation toujours à portée.

  • Date, horaires, durée, prix, places restantes, animateur
  • Conditions d'annulation mises en avant
  • En bas : variantes lien intervenant et liste d'attente
Ouvrir

Réservation

Le parcours de réservation

Maquette cliquable en quatre étapes, pensée pour le téléphone. À tester sur mobile.

  • Places → coordonnées → paiement → confirmation
  • Conditions à accepter avant le paiement
  • Paiement réglé en totalité — pas d'acompte
  • En bas : le cas d'un paiement refusé
Ouvrir

Praticiens

Les praticiens

Une fiche par praticien, alimentée depuis l'administration.

  • Portrait, présentation, prestations
  • Seuls les contacts qu'ils acceptent sont affichés
  • Lien vers leurs prochains événements
  • Appel à rejoindre le centre
Ouvrir

Boutique

La boutique

Une vitrine, assumée comme telle : elle donne envie de venir sur place.

  • Aucune vente en ligne, aucun panier
  • Les six rayons en images
  • Quelques pièces du moment, prix indicatifs
  • Invitation à passer en boutique
Ouvrir

Location

Louer un espace

Les deux espaces, les formules, puis le formulaire de demande.

  • Grande salle et bureau présentés en photos
  • Tableau des formules
  • Parcours expliqué : demande → étude → devis
  • Aucun paiement sur le site
Ouvrir

Contact

Nous contacter

Le plan d'accès, les horaires, et un formulaire qui aiguille.

  • Adresse, carte, horaires, téléphone
  • Stationnement et accessibilité
  • Formulaire avec choix du sujet
  • Aiguillage vers réservation, location ou praticien
Ouvrir

L'espace d'administration — la partie que seule Mystic Luna verra : créer un événement, suivre les réservations, modifier les pages, ajouter des photos.

Voir les 14 écrans d'administration

Qui alimente quoi

Chaque élément du site a une seule origine dans l'administration. Rien n'est à recopier deux fois : c'est ce qui évite les pages qui se périment.

Sur le site Se remplit depuis
Agenda, fiches d'événement, prochains événements sur l'accueil Rubrique Événements
Réservations payées, liste d'attente Rubrique Réservations
Page Praticiens + aperçu sur l'accueil + choix de l'animateur d'un événement Rubrique Praticiens
Page Boutique : rayons et pièces du moment Rubrique Produits boutique
Actualités sur l'accueil Rubrique Actualités
Demandes de location reçues Rubrique Demandes de location
Messages du formulaire de contact Rubrique Messages reçus
Adresse, horaires, téléphone, réseaux (pied de page et page Contact) Réglages — saisis une seule fois
Textes et mise en page des six pages Pages du siteéditeur de blocs
Ordre des entrées du menu Menus

Les couleurs proposées

Le point de départ est le vieux rose du logo, complété par le lilas de la lavande et le vert sauge du feuillage qui y figurent, sur des fonds crème pour l'esprit cottage. Tous les couples texte/fond ont été vérifiés pour rester lisibles, y compris en plein soleil sur un téléphone.

Rose du logo#B88E9C
Rose boutons#8E6675
Rose profond#5E3F4B
Lilas#6F5C87
Lilas clair#DDD3E9
Sauge#9CAF9C
Sauge clair#D6E0D4
Crème#FBF7F4
Ivoire#F5EDE7
Encre#3A3238

Les états de disponibilité

7 places restantes 2 places restantes Complet Liste d'attente Réservation auprès de l'intervenant

Ce qui reste à fournir

Les photos réelles. Chaque zone colorée indique la photo attendue à cet endroit : le centre, la boutique, la grande salle, le bureau, les portraits des praticiens, et une image par événement. Le cahier des charges insiste sur de vraies photos plutôt que des visuels génériques — nous sommes d'accord.

Les valeurs exactes de la charte, si elles existent, pour caler les couleurs au pixel près. Ici, elles sont approchées à partir du logo.

Les informations manquantes : téléphone, e-mail, horaires définitifs, stationnement et accessibilité, comptes Instagram et Facebook, et le délai de remboursement à appliquer avant chaque événement.

Maquettes de travail — contenus d'exemple, susceptibles d'évoluer après vos retours.