Vitrines SaaS UX & secteurs
Ce catalogue présente vingt-deux vitrines : cinq parcours SaaS / product UX (landing, onboarding, dashboard, empty states, notifications), six modèles Bulma métier et onze variantes sur d'autres frameworks. Chaque démo garde une arborescence et un positionnement distincts.
Vitrines — accès direct
SaaS UX en premier, puis thèmes métier : chaque carte ouvre une vitrine complète avec sa propre hiérarchie de navigation.
Landing SaaS
FlowMetrics — conversion & pricing.
Tailwind · SaaSOnboarding
TalentLoop — parcours RH.
Tailwind · SaaSDashboard
MetricPulse — analytics produit.
Tailwind · SaaSEmpty states
QueryBase — recherche sans résultat.
Tailwind · SaaSNotifications
PingFlow — centre in-app.
Bulma · TechTechnologie
Synapse Lorraine — SaaS & cloud.
Bulma · HCRRestauration
Brasserie Saint-Jacques.
Bulma · Bien-êtreBeauté
Spa Thalie.
Bulma · SantéOdontologie
Centre dentaire Mosaïque.
Bulma · IndustrieIndustrie
Précisite Usinage.
Bulma · ESSAssociation
Solidarités Metz Métropole.
Bootstrap · RetailCommerce
Halles Thionville.
Bootstrap · ConseilComptable
Verlaine & Associés.
Tailwind · FormationÉducation
Institut Mercure.
Tailwind · ServicesServices
Proprio Facility.
Pico CSS · HôtelÉtablissement
Hôtel Stanislas Collection.
DaisyUI · GarageAutomobile
Garage Central Plappeville.
BootstrapImmobilier
Patrimoine Lorraine.
TailwindJuridique
Rivière & Partenaires.
Pico CSSArchitecture
Atelier Nord-Est.
DaisyUIFitness
Pulse Fitness Metz.
Open PropsPhotographie
Studio Lumière Grise.
Guide express pour la revue responsive
Ce hub joue le rôle d'une page « ressources / documentation » dans une arborescence réelle : il complète le catalogue de vitrines sans les dupliquer. Utilisez les captures desktop, tablette et mobile pour repérer débordements, contrastes et respiration typographique.
Les chemins relatifs fonctionnent derrière un serveur statique ; les visuels sont des illustrations d'ambiance ; les ancres valident le scroll-margin et la navigation clavier sur les pages longues.
Indicateurs de couverture
Bloc « preuve » chiffrée — équivalent d'une barre KPI sur une landing Bootstrap ou un bandeau statistiques Joomla.
Contact
Usage — démonstrations portfolio. Les formulaires sont statiques ; ne saisissez pas de données personnelles sensibles.
Retour — les vitrines renvoient ici via le lien en pied de page.
danielcraft.fr (exemple)
Arborescence type catalogue + ressources (liste de catégories, guide, KPI, contact) — proche d'un plan de site Joomla ou d'une page d'index ThemeForest, avec hero marketing façon exemples Bootstrap · Heroes. Hiérarchie et profondeur : voir Pilot'in — construire l'arborescence d'un site web.