Skip to main content

Design artifacts

I used Claude Design to create these artifacts, documenting the NimbusWiz design process from initial concept through to screen-level wireframes.

1. The first idea​

The origin pitch in plain language.

Old system still flying? Don't junk it. Register → Checkup → Plan → Upgrade → Ship → Watch. If something fails, loop back. Everything logged. Team stays in sync.

NimbusWiz napkin sketch showing core pipeline flow

2. Low-fi wireframes for user flow​

A first draft of the NimbusWiz UX.

NimbusWiz low fi screens

3. Screen flow v1.0​

The leap from concept to structured architecture. Full modernization pipeline with decision gates (Pass/Fail, Dry Run), global utilities, and route labeling.

NimbusWiz professional screen flow v1.0

4. Developer Hub wireframes​

Six-tab wireframe with annotations, mock data, and interaction notes. This directly informed the Developer Hub documentation and API reference.

Developer Hub screen wireframes, six tabs annotated

5. Developer Hub user flow​

A decision tree showing how developers navigate the hub by task. Every path leads to "Ship Code with Confidence," the user's actual goal.

Developer Hub user flow diagram