Fiche Descriptive Complète : « Onizuka Tattoo CRM »
🔷 INFORMATIONS GÉNÉRALES
Champ Détail
Nom du template dashboard_clients_tattoo.html
Version 1.0.0
Date de création 25/03/2026
Auteur / Designer Refoia Jeremy Tech
Type de page Dashboard / Liste de données
Objectif principal Visualiser et enregistrer les clients du salon de tatouage
🎯 DESCRIPTION FONCTIONNELLE
📌 Que fait ce template ?
Ce template permet de gérer une base de données de clients pour un salon de tatouage. Il affiche une liste dynamique de clients (nom, âge, motif préféré) et propose un formulaire pour ajouter de nouveaux profils à la simulation.
📌 Public cible (Persona)
👤 Gérant de salon : Pour suivre ses clients et leurs préférences.
👤 Tatoueur : Pour consulter rapidement le « tatouage préféré » d’un client avant un rendez-on.
⚙️ SPÉCIFICATIONS TECHNIQUES
🌐 Environnement & Compatibilité
Standard : HTML5 / CSS3
Framework CSS : Tailwind CSS (Utility-first)
Framework JS : Vanilla JS (pour la manipulation du DOM)
Responsive : ✅ Oui — Optimisé pour tablettes et desktop.
📦 Dépendances / Assets
HTML
📥 ENTRÉES — CONTENU DYNAMIQUE
# Nom de la variable Type Obligatoire Description
1 client_name str ✅ Oui Nom généré (ex: ‘abcde’)
2 client_age int ✅ Oui Âge entre 18 et 65 ans
3 tattoo_choice str ✅ Oui Dragon, fleur, ancre ou libellule
4 total_clients int ✅ Oui Compteur total (ex: 10)
🧱 STRUCTURE DU FICHIER — DOM
index.html
🏗️
🏗️
Section Statistiques : Badge affichant le « Nombre de clients simulés ».
Section Formulaire : Champs Nom, Âge (slider 18-65), et Select « Motif ».
Section Listing : Grille de cartes (.card) représentant chaque client.
🏗️
Avis
Il n’y a pas encore d’avis.