ContourProduct Onboarding
A SaaS onboarding journey and explainer assets that guide users from setup to a first useful result.
Self-initiated concept. The visuals are AI-generated art-direction concepts, not completed client work.
Intended audience
New users setting up a workspace who need confidence at every step.
Creative objective
Reduce friction with a clear path, honest states and a calm interface.
Visual direction
Warm off-white with cobalt blue, a left-hand step navigation, connection cards, one clear Continue button and small abstract 3D forms.
What the supplied preview demonstrates
One AI-generated art-direction still and a short animated preview that moves a camera across that still. Together they show composition, palette, typography and mood.
They do not show completed animation, working software or editable production files.
Animated concept previewProposed full production scope
Deliverables a real production of this concept would include.
- 4-step onboarding prototype
- Connection states
- 30-second explainer
Production approach
Design loading, empty, success and error states alongside the happy path.
Suggested Production Stack
- Figma
- Illustrator
- After Effects
Tools proposed for producing the real deliverables. Their use is not claimed by the preview.
Digital Design
Screens, states & interaction goals
Interface design judged by how clearly people can act, not just how it looks.
Responsive states
Layouts planned for mobile, tablet and desktop from the start.
Interaction goals
One clear primary action per screen, with visible focus states.
Edge cases
Loading, empty and error states designed alongside the happy path.
Detail views
Crops taken directly from the concept still.
