Case Study · Project Detail
Prefect Cloud 2 UI and Prefect 2 UI
Product UI work across Prefect Cloud 2 and the open-source Prefect 2 app — Vue, TypeScript, and the shared design system that unified both.
Sheet summary · OUTCOME
Problem
Cloud and the open-source app were drifting into two interfaces. The same actions looked and behaved differently depending on which product you opened.
Outcome
One Vue and TypeScript design system landed on both surfaces, so Cloud and Prefect 2 share primitives, tokens, and interaction patterns.
- Engagement milestones
- 9%
Year
2023
Status
Completed
Category
Website
Client
Prefect Technologies, Inc
Technologies
Fig. 01 · Hero Image · Click to enlarge
Case Study · NOTES
Prefect Cloud 2 is the SaaS surface for automating and monitoring managed workflows — the commercial product alongside the open-source Prefect 2 app.
I worked on the UI for Prefect Cloud 2, shipping a range of improvements across the product. One of those was the **Cloud tour** — a guided walkthrough that helps new accounts get oriented without needing a hand-off to support.
The work spanned Vue, TypeScript, and the Composition API, built on Prefect's shared design system so the open-source app and the Cloud app stayed visually and behaviorally consistent.
For more depth, see my CV or LinkedIn.