Onboarding Experience
Dark-mode multi-step product publishing and catalog onboarding flow with live synchronized product previews.
Powered by
Preview
Preview
This is how your product will appear.
Apple Watch S5 GPS 40MM
$478.80
Summary
Quick overview of product details and inventory
Apple Watch S5 GPS 40MM
Apple Watch Series 5 GPS brings smart features and elegant design for daily convenience.
Technology
$478.80
200 units
Overview
A dark-mode product creation and catalog onboarding pattern (Catalyst style) designed for merchant inventory systems:
- Left Stepper Column: Sequentially tracks Step 1/5 (General Information) through Step 5/5 (Summary) with checkmarks and active orange indicators.
- Real-Time Live Preview: The center card displays an authentic preview of how the item will appear to customers, updating price, title, SKU, and segmented stock bar meters as inputs change.
- Summary & Inspection Panel: Presents complete product parameters, pricing, and thumbnail galleries before confirming catalog publication.
Reference Design
Natural Language Form
Collect a structured project brief through editable sentences with inline inputs and dropdowns.
Orfactor Agency Contact Form
Modern creative studio project inquiry interface featuring minimalist underline inputs, italic typography, budget tier selector chips, handcrafted vector paper airplane illustration, and a vibrant emerald backdrop.