FIGR / UI TEMPLATE
Guide new customer water connections through address checks, permits and meter setup.
This onboarding UI template shows a Water & Wastewater Utilities workflow. Adapt it to your product, flows and design system. The sample data is fictional.
BUILD ON THIS
Explore this screen, then bring in your own product and design system to shape the next version.
Onboarding
Start connection
onboarding product workflow
Default, Selected, Filtered, Empty, Warning, Success
Independent product UI reference; no 1mg design system
Guide new customer water connections through address checks, permits and meter setup.
Sections: Treatment, Assets, Samples, Work Orders. Main action: Start connection. Example: Verify property.
Plan for Default, Selected, Filtered, Empty, Warning, Success and show a useful recovery path for errors.
Treatment → Utility Service Connection Request → Start connection
onboarding, filters, status markers, drill-down
Show decision context beside the current task.
Check the flow against sample records like Verify property. Include failed-save, empty and permission states.
Adapt Utility Service Connection Request to my existing product and design system. Review the default, selected, filtered, empty, warning, success states, challenge UX decisions and create editable Figma-ready screens that use my components.
KEEP EXPLORING
Browse other product UI examples, compare patterns, and pick the direction that suits your product.