causeimyourfat / cartes / web exemple
Une vitrine
et une caisse
Un site de démonstration complet pour un installateur d'équipements de cuisine professionnelle : vitrine, catalogue, panier, commande, compte client, administration. La marque est inventée et aucune donnée n'est réelle — c'est un gabarit, pas un client.
Ce que c'est
30 secondesLe geste
5 minutesUn visiteur qui arrive ne doit jamais avoir à chercher où cliquer pour acheter. Le chemin est court, exprès.
- 1 · l'accueilServices et vedettesCe que fait l'entreprise, puis quelques équipements mis en avant. Rien d'autre au-dessus de la ligne de flottaison.
- 2 · le catalogueboutique.phpLes équipements, filtrables. Chaque fiche mène au panier.
- 3 · le panierajax_cart.phpAjout sans recharger la page. Le panier survit à la navigation.
- 4 · la commandecheckout → confirmationCoordonnées, validation, confirmation. Un compte client existe mais n'est pas obligatoire pour regarder.
- 5 · la voie courteFormulaire WhatsAppPour un devis de cuisine, personne ne remplit un formulaire de dix champs. Un message direct part vers WhatsApp.
- 6 · l'arrière-boutiqueadmin/Produits, commandes, contenu. C'est ce qui distingue une maquette d'un site livrable.
Deux sorties, pas une : la caisse pour ce qui s'achète sur catalogue, WhatsApp pour ce qui se chiffre. Un site d'équipement professionnel qui n'offre que le panier perd les gros dossiers.
La structure
15 minutesL'installateur
install.php + database.sql : le site se pose sur un hébergement vierge sans qu'on ait à monter la base à la main.
La configuration séparée
config/ et config.php hors du code des pages — on change d'hébergement sans toucher au reste.
Le rideau d'ouverture
js/motion.js : l'entrée du site est un moment, pas un chargement. Même doctrine que le reste de la maison.
Cache-bust partout
Tout fichier modifié voit son ?v= bumpé — CSS, JS, images. Un rebranding qui n'en bumpe qu'un laisse l'ancien nom à l'écran pendant des jours.
Badge démo
L'en-tête porte « DÉMO » et le pied de page le répète. Un site de démonstration qui ne le dit pas est un piège pour son propre auteur.
Montrer une maquette, c'est demander à quelqu'un d'imaginer. Montrer un site où l'on peut réellement ajouter au panier, commander et voir l'administration, c'est répondre à la question avant qu'elle soit posée.
plum-gorilla · marque fictive « Nova Cuisine Pro »Ce que ça ne fait pas
- Aucun paiement réel n'est branché : la commande va jusqu'à la confirmation, pas jusqu'à la banque.
- Le catalogue est un jeu d'exemple. Les photos d'équipement sont génériques.
- Le site a servi de base à un projet réel : toutes les coordonnées personnelles en ont été retirées, y compris celles gravées dans le logo.