Preview image. Unlock full-res
SaaS onboarding screen offering two resume-creation paths via centered modal: manual creation or AI assistance, with a yellow sticky-note icon and clear primary call-to-action.
Summary
SaaS onboarding screen offering two resume-creation paths via centered modal: manual creation or AI assistance, with a yellow sticky-note icon and clear primary call-to-action.
Visual description
Large centered modal on a light gray background with rounded corners and soft shadow. At top, a blurred wireframe mockup background showing a typical resume layout. A yellow sticky note with paperclip sits in the upper right, slightly tilted and rendered as a 3D object with subtle shading. Below is a bold sans-serif heading "Update your CV in a few clicks with Resume AI!" followed by descriptive copy. Two radio-button choices stack below: first option "Create from scratch / Fill in your resume as you like" is pre-selected (filled circle) with a small hand-drawn line flourish, second option "Create with AI assistance / Autofill your resume with the help of our AI" is unselected. Bottom row has a secondary "Maybe later" button on the left and a prominent dark "Create CV" button with a sparkle icon on the right.
Key takeaway
The sticky-note visual metaphor reinforces the task (note-taking/editing) without being literal. Radio-button choice between two clear paths rather than a single button removes friction. The pre-selected option with a flourish draws attention without forcing a click. Contrast between the secondary and primary buttons makes the intended action unmissable.
Reuse notes
Best for onboarding flows in HR tech, productivity, or content-generation SaaS where the user has a clear choice between manual and AI-assisted workflows. The skeuomorphic sticky note works when the product involves writing/editing. This pattern works especially well on mobile viewports where progressive disclosure matters.
