Marketing SaaS
GrowthPilot
Front-end only demo pairing the GrowthPilot SaaS workspace with the Aether admin shell so stakeholders can visualize AI automation flows before any backend work.
Role
Frontend Lead
Duration
Sep 2023 - Nov 2023
Impact
AI-powered marketing automation
About the Project
This project is intentionally scoped as a front-end showcase. I designed and built two polished Next.js surfaces—the customer-facing GrowthPilot marketing workspace and the Aether command center that operators would eventually use to supervise automations. Every screen is powered by mocked data and local state so the experience feels real even though no server, database, or AI wiring exists yet.
The goal was to unblock storytelling. Product, sales, and investors can watch the sign-up, campaign builder, and admin oversight journeys inside a safe sandbox, while engineering teams decide how they want to implement multi-tenant automations for real. Components follow shadcn UI patterns, making it trivial to swap the mock layer with live APIs whenever the backend is ready.
Challenges Overcome
Designing intuitive workflow builders that unify SaaS + admin mental models
Keeping OpenAI automation latency low while streaming responses
Providing observability for every tenant without exposing sensitive data
Tech Stack
Key Features
Dual walkthrough covering marketer and admin perspectives in one demo
Campaign builder UI with mocked workflow states and inline validations
Tenant health + credit overview cards driven entirely by local JSON
Reusable theming + layout tokens for instant dark/light parity
Role-based chrome that switches navigation + permissions client-side
Self-contained mock layer so engineers can later connect real services
Key Results
Product + GTM teams aligned on flows using a front-end clickthrough
Clear documentation that this build is UI-only with mocked data
Component system ready for API integration when backend lands
Screenshots
06
Videos
Loading video...