SaaS Product / Dashboard
FlowPilot
An end-to-end SaaS product experience: marketing site, application dashboard, workflow views, analytics and plan management in one consistent system.
People Behind the Project
Sofia Herrera
Product Designer
Created the design system, dashboard layouts and workflow board interaction patterns.
- Figma
- Design Systems
- Interface Design
- User Experience
Elias Bennett
Frontend Developer
Implemented the marketing experience, dashboard views, charts and plan management UI.
- React
- TypeScript
- Vite
- Frontend Development
Rohan Deshmukh
Senior Software Developer
Defined the component architecture and data contracts so a real backend can slot in later.
- TypeScript
- REST
- Software Architecture
- Backend Development
The Project
A complete product front-end built around a shared design system, covering the public landing experience and the signed-in application, including workflow boards, metric cards, charts and billing screens.
The Goal
Demonstrate that a product concept can be shown as something real and usable — dense enough for operators, clean enough to sell — rather than a static mockup.
Our Approach
We designed tokens and components first, then composed screens from them. Data-heavy views were laid out for scanning: consistent spacing, restrained colour, and one accent reserved for the primary action.
Key Features
- Marketing landing experience with pricing
- Application dashboard with KPI cards
- Workflow board with status columns
- Analytics views with charts and time ranges
- Subscription and plan usage UI
- Consistent dark interface design system
Result
A product front-end that can be demoed to stakeholders or users immediately, and a component base that a real backend can be connected to without redesigning the interface.
See it in action
Open the live site, or start a project along the same lines.