From 2e634d4a5c0b45b86f0a68e1326b13b6028e4201 Mon Sep 17 00:00:00 2001 From: SephiGame Date: Sun, 6 Apr 2025 07:27:24 +0200 Subject: [PATCH] Ajouter Structure du site --- Structure-du-site.md | 103 +++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 103 insertions(+) create mode 100644 Structure-du-site.md diff --git a/Structure-du-site.md b/Structure-du-site.md new file mode 100644 index 0000000..36f85c7 --- /dev/null +++ b/Structure-du-site.md @@ -0,0 +1,103 @@ +# 🌈 Ambiance globale du site + +L’univers visuel de Monelia Nails doit reflĂ©ter : + +- la chaleur d’un accueil Ă  domicile, +- l’élĂ©gance et le raffinement du travail esthĂ©tique, +- une touche artistique affirmĂ©e, +- et une identitĂ© amicale grĂące Ă  la prĂ©sence des deux mascottes : Ryo et Kiki. + +# 🎹 Palette de couleurs +Utilisation de teintes douces, naturelles et chaleureuses : + +- #F4EDDE – beige clair (fond principal) +- #5F2F17 – brun profond (titres, call-to-action) +- #8F5231 – marron cuivrĂ© (accents, hover) +- #191919 – noir doux (texte) + + +# đŸŸ IdentitĂ© visuelle +- Illustration lĂ©gĂšre de Ryo et Kiki sur le site, en header/footer ou dans des bulles de conseils +- Logo Monelia Nails sobre, stylisĂ©, avec peut-ĂȘtre une typographie manuscrite ou cursive +- IcĂŽnes et formes arrondies, douces, pour Ă©voquer le soin, la minutie + +# 🏠 Accueil + +- Header fixe : + - Logo + - Menu de navigation + - Boutons : Connexion / Inscription (ou Profil / DĂ©connexion si connectĂ©) + +- Hero section : + - Slider en plein Ă©cran ou format large + - PrĂ©sentation de rĂ©alisations (photos avec watermark/logo) + - LĂ©gende avec le nom du style ou type de nail art + +- Section "Qui suis-je" : + - Petite bio de ta sƓur, portrait et description de sa passion + - Mise en avant du fait qu’elle travaille Ă  domicile, ambiance cocooning + +- Prestations phares : + - 3 ou 4 blocs avec pictos ou photos (Ex : Pose complĂšte, Remplissage, Nail Art) + - Bouton "Voir toutes les prestations" + +- Avis clients (carousel) : + -TĂ©moignages textuels ou Google Reviews + - Photo ou nom du client si autorisĂ© + +- Section tutoriels vidĂ©os : + - Mise en avant de 2 ou 3 vidĂ©os Ă  la une + - Appel Ă  action : "Voir tous les tutoriels" + +- Appel Ă  contact : + - Rappel du contact WhatsApp, Insta, ou prise de rendez-vous + +- Footer : + - RĂ©seaux sociaux + - Mentions lĂ©gales / CGV + - Petit clin d’Ɠil aux mascottes (Ryo & Kiki chill dans un coin đŸ‘€đŸ¶) + +# 💅 Prestations + +- Liste des prestations sous forme de cartes ou accordion + +- Infos pour chaque prestation : + - Nom + - Description courte + - Tarif + - DurĂ©e estimĂ©e + - Option de prise de rendez-vous + +# đŸ–Œ Galerie +- Grille responsive de photos de rĂ©alisations +- Filtres (par couleur, style, thĂšme) +- Zoom on hover / lightbox sur clic +- Logo discret en watermark sur chaque image + +# đŸŽ„ Boutique de tutoriels +- Pour tous : + - Liste des vidĂ©os disponibles (titre, durĂ©e, prix, miniature) + - Tri : par thĂšme, niveau (dĂ©butant, intermĂ©diaire), nouveautĂ© + - Clic vers une page produit dĂ©taillĂ©e : description complĂšte, aperçu vidĂ©o, bouton d’achat + +- Une fois connectĂ© et aprĂšs achat : + - AccĂšs aux vidĂ©os dans une section "Mes vidĂ©os" (protĂ©gĂ©e) + - IntĂ©gration d’un lecteur privĂ© + +# đŸ‘©â€đŸ’» Connexion / Espace membre +- Auth classique (email + mdp) +- Espace perso : + - Infos du profil + - Historique des achats + - AccĂšs aux vidĂ©os achetĂ©es + - Option de suppression du compte + +# đŸ“© Contact / Prise de rendez-vous +- Infos de contact directe : mail, numĂ©ro, rĂ©seaux +- Formulaire de contact simple +- IntĂ©gration de Planity (https://planity.gitbook.io/white-label) + +# 📄 Mentions lĂ©gales / CGV +- Infos de la micro-entreprise +- Politique de confidentialitĂ© +- CGV pour les tutoriels digitaux (pas de remboursement aprĂšs accĂšs au contenu, durĂ©e d'accessibilitĂ©, etc.) \ No newline at end of file