Interactive Prototypes
Explore functional UI prototypes for the PBS Planning system. These prototypes demonstrate key user flows and interactions before development begins.
Live Prototypes
All prototypes are interactive HTML/CSS/JS mockups. They include the diagonal stripe pattern to clearly indicate they are prototypes, not production code.
🎨 Browse All Prototypes
The prototypes gallery provides an interactive overview of all available prototypes with direct links to:
- Create Project Wizard - 3-step project creation with budget tracking
- Grid View - Spreadsheet-style crew management interface
- And more planned prototypes
Quick Links
Available Now
-
Create Project Wizard → - View 1.6
- 3-step wizard (Basic Info → Crew Roles → Equipment & Other Costs)
- Real-time budget calculations
- Hotel cost estimates
-
Grid View → - View 1.7
- Dense spreadsheet-style interface
- 15+ crew members at once
- Daily schedule visualization
Related Documentation
- View Specifications - Complete UI specifications for all views
- User Cases - User workflows and journeys
- Database Schema - Data model documentation
Development: To run prototypes locally, see the prototypes gallery page for instructions.