À partir de maintenant, le programme entre dans une nouvelle phase :
PHASE A MVP INVESTISSEUR
L'objectif n'est plus d'ajouter de nouveaux domaines métier.
L'objectif devient :
Rendre démontrable Tester les parcours Valider l'UX Obtenir un MVP investissable Préparer les UAT
Le backend Enterprise est considéré comme :
Fonctionnellement complet pour le MVP
Les domaines disponibles sont :
CRM Properties Reservations Portfolio Distribution Marketing Loyalty Referral Analytics Executive Developer Platform Marketplace
UX Foundation & Design System
Design System Navigation Layouts Dashboard Framework Data Tables Forms Permissions UX Responsive Foundation
Property & Reservation MVP
Property UI Availability Calendar Pricing UI Reservation UI Guest UI Check-In Check-Out
CRM & Operations MVP
Customer UI Communications Notes Housekeeping Maintenance Guest Requests Operations Dashboard
Analytics & Executive MVP
Property Dashboard Reservation Dashboard CRM Dashboard Executive Dashboard KPI Center Reporting UI
Validation & Investor Demo
UAT Bug Fixes Demo Data Investor Scenario Pilot Validation Release Candidate
Le MVP est considéré terminé lorsque l'utilisateur peut :
Créer une propriété Ajouter des disponibilités Configurer des tarifs Créer une réservation Ajouter un voyageur Encaisser un paiement Effectuer un check-in Effectuer un check-out Consulter les KPI
sans intervention technique.
Durée cible :
10 minutes
Connexion ↓ Création propriété ↓ Ajout disponibilités ↓ Création réservation ↓ Paiement ↓ Check-In ↓ Demande voyageur ↓ Check-Out ↓ Facture ↓ Dashboard exécutif
Après validation MVP :
Sprint 16 Operations & Observability Sprint 17 Security Operations Sprint 18 Enterprise AI Platform Sprint 19 Scalabilité Enterprise
Le backlog Enterprise est conservé intégralement.
Aucun domaine métier précédemment conçu n'est supprimé.
Construire le socle UI de toute la plateforme.
Cette étape devient la référence unique pour :
CRM Properties Reservations Operations Analytics Executive Marketplace
afin de garantir :
Cohérence Rapidité de développement Qualité UX Scalabilité Frontend Expérience investisseur
À l'issue de cette étape :
✓ Design Tokens ✓ Component Library ✓ Layout System ✓ Navigation Framework ✓ Theme System ✓ Responsive Grid ✓ Data Tables ✓ Form Framework
apps/web ├── app ├── pages ├── layouts ├── modules ├── shared │ ├── ui │ ├── forms │ ├── tables │ ├── charts │ └── navigation ├── design-system └── themes
src/design-system/tokens ├── colors.ts ├── spacing.ts ├── typography.ts ├── shadows.ts ├── radius.ts ├── z-index.ts └── index.ts
Primary Secondary Success Warning Danger Info Neutral
export const colors = {
primary: {
50: '#EFF6FF',
100: '#DBEAFE',
500: '#3B82F6',
600: '#2563EB',
700: '#1D4ED8'
}
};
4 8 12 16 24 32 48 64 96
Display Heading Body Caption Label
sm md lg xl 2xl full
Light Theme Dark Theme System Theme
src/themes ├── light.ts ├── dark.ts ├── provider.tsx └── hooks.ts
<ThemeProvider>
{children}
</ThemeProvider>
xs 0 sm 640 md 768 lg 1024 xl 1280 2xl 1536
Container Row Col Stack Grid
Compatible :
Desktop Tablet Mobile
sans réécriture.
AuthLayout DashboardLayout SettingsLayout PublicLayout FullscreenLayout
Sidebar Header Breadcrumbs Notifications Workspace Footer
Dashboard CRM Properties Reservations Operations Analytics Executive Marketplace Settings
Button Input Textarea Select Checkbox Radio Switch Badge Avatar Card Modal Drawer Tooltip Tabs
Alert Toast Skeleton Progress EmptyState ErrorState
src/shared/ui ├── button ├── input ├── modal ├── card ├── badge └── ...
Pagination Sorting Filtering Column Visibility Export CSV Bulk Actions
Customers Properties Reservations Invoices Tickets
DataTable DataToolbar ColumnFilter BulkActions Pagination
React Hook Form Zod Nest DTO
Form FormField FormInput FormSelect FormDatePicker FormCurrency FormTextarea
Realtime Async Server Validation Field Dependencies
StatCard KpiCard ChartCard ActivityFeed QuickActions RecentItems
Line Chart Bar Chart Area Chart Pie Chart Heatmap
Loading Empty Error Success Offline
WCAG AA Keyboard Navigation Screen Readers Focus Management
LCP < 2.5s TTI < 3s CLS < 0.1
Component Catalog Design Documentation Usage Examples Visual Testing
Responsive Dark Mode Navigation Forms Tables Accessibility
L'investisseur doit pouvoir voir :
Connexion ↓ Dashboard ↓ Navigation complète ↓ Tables CRM ↓ Formulaires ↓ Composants Enterprise ↓ Dark Mode
sans backend finalisé.
Le Sprint 11-A.1 est terminé lorsque :
✓ Design Tokens créés ✓ Theme System créé ✓ Layouts créés ✓ Navigation créée ✓ Component Library créée ✓ Data Tables créées ✓ Form Framework créé ✓ Storybook opérationnel
Design Tokens Theme Provider Responsive Grid Dashboard Layout Navigation Framework Component Library DataTable Framework Form Framework Dashboard Widgets Storybook UI Foundation
Construire la porte d'entrée du MVP investisseur.
Cette étape fournit la première expérience utilisateur visible de la plateforme.
L'utilisateur doit pouvoir :
Se connecter Choisir son tenant Accéder à son espace Naviguer rapidement Recevoir des notifications Effectuer des recherches globales
À l'issue de cette étape :
✓ Login ✓ Register ✓ Forgot Password ✓ Tenant Switcher ✓ Workspace Selector ✓ User Menu ✓ Notifications Center ✓ Global Search Bar
Authentication ↓ Tenant Selection ↓ Workspace Selection ↓ Dashboard ↓ Global Navigation
src/app/(auth) ├── login ├── register ├── forgot-password ├── reset-password └── verify-email
/login
Email Password Remember Me
Login Forgot Password Register
LoginForm LoginCard SocialLoginButtons AuthHeader AuthFooter
Loading Invalid Credentials Account Locked MFA Required Success
/register
First Name Last Name Email Password Confirm Password Company Name
Email Unique Password Strength Terms Acceptance
Register ↓ Email Verification ↓ Tenant Creation ↓ Workspace Setup
/forgot-password
Email ↓ Reset Link ↓ New Password ↓ Success
/reset-password
Token Validation Expiration Password Policy
TenantSwitcher
Tenant Name Role Environment Status
Compatible :
Multi-Tenant Multi-Portfolio Partner Accounts Internal Users
Acme Hospitality ▼ Production ↓ Switch Tenant
WorkspaceSelector
Operations CRM Reservations Analytics Executive Marketplace
Permettre :
Accès rapide Navigation métier Réduction du bruit visuel
UserMenu
Profile Preferences Notifications Security API Keys Logout
Photo Initials Presence Status
NotificationCenter
Reservations Payments Operations Marketing System Security
Unread Count Mark As Read Priority Deep Link
Nouvelle réservation Property: Villa Horizon Il y a 2 min
GlobalSearchBar
Customers Properties Reservations Invoices Tickets Tasks
Instant Search Keyboard Shortcut Recent Searches Suggestions
⌘ K CTRL K
Logo Breadcrumbs Global Search Notifications Tenant Switcher User Menu
Dashboard CRM Properties Reservations Operations Analytics Executive Marketplace Settings
Collapsible Sidebar Bottom Navigation Touch Friendly
Login Registration Password Reset Tenant Switching Workspace Navigation Notifications Search
Keyboard Navigation Screen Readers Focus Management Color Contrast
Login ↓ Tenant Selection ↓ Workspace Selection ↓ Dashboard ↓ Search Reservation ↓ Open Customer ↓ Notification Center ↓ Logout
Le Sprint 11-A.2 est terminé lorsque :
✓ Login créé ✓ Register créé ✓ Forgot Password créé ✓ Tenant Switcher créé ✓ Workspace Selector créé ✓ User Menu créé ✓ Notifications Center créé ✓ Global Search Bar créée ✓ Workspace Foundation opérationnelle
Login Page Register Page Forgot Password Flow Reset Password Flow TenantSwitcher WorkspaceSelector UserMenu NotificationCenter GlobalSearchBar Workspace Foundation
Construire le premier parcours métier complet visible du MVP.
Cette étape permet à un utilisateur de :
Créer une propriété Consulter une propriété Modifier une propriété Gérer ses équipements Gérer ses photos Visualiser son état Piloter ses performances
Ce sprint constitue la première démonstration concrète du produit pour un investisseur.
À l'issue de cette étape :
✓ Property List ✓ Property Details ✓ Property Creation Wizard ✓ Property Gallery ✓ Property Amenities ✓ Property Status ✓ Property Actions ✓ Property Dashboard
Properties ├── Property List ├── Property Detail ├── Property Create ├── Property Edit ├── Property Gallery ├── Property Amenities ├── Property Status └── Property Dashboard
/properties
Property Name Type Status Capacity Location Score Occupancy Actions
Pagination Sorting Filtering Bulk Actions Export CSV
Status Type City Capacity Score Owner
View Edit Duplicate Archive Delete
/properties/{id}
Overview Gallery Amenities Availability Pricing Policies Reviews
Property Name Status Type Location Quick Actions
Occupancy Revenue Reservations Review Score
/properties/new
Basic Information
Champs :
Name Type Category Description
Location
Champs :
Country City Address Coordinates
Capacity
Champs :
Guests Bedrooms Bathrooms Beds
Amenities
Sélection :
WiFi Parking Pool Kitchen Air Conditioning
Media
Upload :
Photos Cover Image
Confirmation
Résumé avant création.
Auto Save Draft Resume Later
PropertyGallery
Upload Drag & Drop Reordering Cover Photo Delete
Grid View Lightbox Preview
PropertyAmenities
General Comfort Kitchen Safety Entertainment Outdoor
Search Multi Select Popular Amenities Recommended Amenities
Draft Pending Review Active Inactive Archived
Status Compliance Quality Score Health Score
Mandatory Data Images Amenities Availability
Edit Publish Duplicate Archive Delete
More Actions History Audit Trail Integrations
/properties/{id}/dashboard
Occupancy Revenue Reservations Reviews Availability
Occupancy Trend Revenue Trend Reservations Trend Review Trend
New Reservation Review Received Price Updated Availability Changed
Loading Empty Error No Permission Offline
Desktop Tablet Mobile
Créer propriété ↓ Ajouter équipements ↓ Ajouter photos ↓ Publier propriété ↓ Consulter dashboard
Login ↓ Properties ↓ Create Property ↓ Upload Images ↓ Configure Amenities ↓ Publish ↓ Property Dashboard
Durée cible :
3 minutes
Le Sprint 11-B.1 est terminé lorsque :
✓ Property List créée ✓ Property Details créé ✓ Property Creation Wizard créé ✓ Property Gallery créée ✓ Property Amenities créé ✓ Property Status créé ✓ Property Actions créées ✓ Property Dashboard créé
PropertyListPage PropertyDetailsPage PropertyCreationWizard PropertyGallery PropertyAmenities PropertyStatus PropertyActions PropertyDashboard Property UI Module
Construire l'interface visuelle centrale de gestion des disponibilités et de la tarification.
Ce sprint représente le cœur opérationnel du produit.
L'utilisateur doit pouvoir :
Ouvrir des disponibilités Bloquer des dates Modifier les tarifs Gérer les saisons Appliquer des règles tarifaires Visualiser les revenus prévisionnels
À l'issue de cette étape :
✓ Availability Calendar ✓ Pricing Calendar ✓ Inventory View ✓ Season Management ✓ Rate Plans ✓ Calendar Intelligence ✓ Bulk Updates ✓ Revenue Preview
Properties
└── Availability & Pricing
├── Availability Calendar
├── Pricing Calendar
├── Inventory View
├── Seasons
├── Rate Plans
├── Bulk Updates
└── Revenue Forecast
/properties/{id}/availability
Month Week Day
Available Booked Blocked Maintenance External OTA Block
Green Available Red Booked Gray Blocked Orange Maintenance Purple OTA
Open Dates Block Dates Edit Availability Create Maintenance Block
/properties/{id}/pricing
Daily Rate Seasonal Rate Dynamic Rate Discount Rate
Date Price Availability Occupancy Signal
Single Day Date Range Entire Month Entire Season
InventoryGrid
Property Availability Rate Occupancy Revenue
Compatible :
Portfolio Property Groups Multi-Site Operations
/properties/{id}/seasons
High Season Mid Season Low Season Special Events
Name Start Date End Date Multiplier Description
Annual Timeline Season Overlaps Season Gaps
/properties/{id}/rate-plans
Standard Rate Non Refundable Weekly Rate Monthly Rate Corporate Rate Promotional Rate
Base Price Minimum Stay Maximum Stay Cancellation Rules Restrictions
Rate Plan Wizard Templates Recommendations
Occupancy Forecast Demand Forecast Revenue Forecast Price Recommendations
Underpriced Days Overpriced Days Availability Gaps Revenue Opportunities
Weekend du 15 août Demande élevée + 22% revenu potentiel
BulkUpdateDrawer
Increase Prices Decrease Prices Block Dates Open Dates Assign Season Assign Rate Plan
Selected Dates Current Month Current Season Entire Property
Expected Revenue Occupancy Forecast ADR RevPAR
Revenue Trend Occupancy Trend Pricing Trend
+5% Price +10% Price Season Adjustment Promotion Scenario
Drag & Drop Multi Selection Context Menu Keyboard Navigation
Loading Empty Error Offline Read Only
Desktop Tablet Mobile
La vue calendrier reste utilisable sur tablette.
Créer propriété ↓ Ouvrir disponibilités ↓ Créer saison ↓ Créer plan tarifaire ↓ Modifier prix ↓ Prévisualiser revenu
Property ↓ Availability Calendar ↓ Block Dates ↓ Season Management ↓ Rate Plan ↓ Revenue Preview
Durée cible :
3 minutes
Le Sprint 11-B.2 est terminé lorsque :
✓ Availability Calendar créé ✓ Pricing Calendar créé ✓ Inventory View créé ✓ Season Management créé ✓ Rate Plans créés ✓ Calendar Intelligence créé ✓ Bulk Updates créés ✓ Revenue Preview créé
AvailabilityCalendar PricingCalendar InventoryGrid SeasonManagement RatePlanManagement CalendarIntelligence BulkUpdateDrawer RevenuePreview Availability & Pricing UI Module