Product ideation
This section introduces NimbusWiz, a fictional enterprise platform that serves as the foundation for this portfolio. It also documents my product design process, from early concept sketches through to a fully interactive prototype.
Why a fictional product
To effectively demonstrate AI-augmented Docs as Code workflows, I needed full access to product structure, content, and underlying logic. Creating a fictional product allowed me to apply real-world design thinking and information architecture practices without the constraints of NDAs or proprietary systems.
Design process
I designed the wireframes using Figma Make, then used Claude Code to build out the fully interactive prototype, which includes:
- A navigable sidebar for exploring the product structure
- A Demo Mode with pre-populated data
- Thirteen fully designed and interactive screens
Check out the related pages for details:
| Page | Coverage |
|---|---|
| NmbusWiz overview | All about NimbusWiz |
| Design artifacts | Low and high fidelity wireframes |
| Design decsions | Choices that define NimbusWiz |
Live prototype
This artifact reflects how documentation, design, and product thinking come together in practice.