Excalidraw — Sign-Up User Flow With Verification Branch
A product team's sketch of a SaaS sign-up flow: landing page, credentials form, an email-verification decision with labelled yes and no branches, a three-question onboarding and the activation event, plus the reminder email for unverified users and a pencilled note about where drop-off happens.
Rendering…
Make it your own.
{
"type": "excalidraw",
"version": 2,
"source": "https://www.flowss.ai",
"elements": [
{"id":"title","type":"text","x":40,"y":10,"width":323,"height":30,"text":"Sign-up flow — v2 sketch","fontSize":24,"fontFamily":1,"textAlign":"left","verticalAlign":"top","strokeColor":"#1e1e1e"},
{"id":"land","type":"rectangle","x":40,"y":100,"width":160,"height":70,"strokeColor":"#495057","backgroundColor":"#e9ecef","fillStyle":"hachure","strokeWidth":2,"roughness":1.4,"roundness":{"type":3},"boundElements":[{"type":"text","id":"land-t"},{"type":"arrow","id":"c1"}]},
{"id":"land-t","type":"text","x":60,"y":124,"width":121,"height":23,"text":"Landing page","fontSize":18,"fontFamily":1,"textAlign":"center","verticalAlign":"middle","strokeColor":"#495057","containerId":"land"},
{"id":"form","type":"rectangle","x":260,"y":100,"width":170,"height":70,"strokeColor":"#1971c2","backgroundColor":"#a5d8ff","fillStyle":"hachure","strokeWidth":2,"roughness":1.4,"roundness":{"type":3},"boundElements":[{"type":"text","id":"form-t"},{"type":"arrow","id":"c1"},{"type":"arrow","id":"c2"}]},
{"id":"form-t","type":"text","x":305,"y":113,"width":81,"height":45,"text":"Email +\npassword","fontSize":18,"fontFamily":1,"textAlign":"center","verticalAlign":"middle","strokeColor":"#1971c2","containerId":"form"},
{"id":"ver","type":"diamond","x":490,"y":75,"width":170,"height":120,"strokeColor":"#6741d9","backgroundColor":"#d0bfff","fillStyle":"hachure","strokeWidth":2,"roughness":1.4,"boundElements":[{"type":"text","id":"ver-t"},{"type":"arrow","id":"c2"},{"type":"arrow","id":"c3"},{"type":"arrow","id":"c5"}]},
{"id":"ver-t","type":"text","x":530,"y":113,"width":91,"height":45,"text":"Email\nverified?","fontSize":18,"fontFamily":1,"textAlign":"center","verticalAlign":"middle","strokeColor":"#6741d9","containerId":"ver"},
{"id":"onb","type":"rectangle","x":720,"y":100,"width":180,"height":70,"strokeColor":"#2f9e44","backgroundColor":"#b2f2bb","fillStyle":"hachure","strokeWidth":2,"roughness":1.4,"roundness":{"type":3},"boundElements":[{"type":"text","id":"onb-t"},{"type":"arrow","id":"c3"},{"type":"arrow","id":"c4"}]},
{"id":"onb-t","type":"text","x":760,"y":113,"width":101,"height":45,"text":"3-question\nonboarding","fontSize":18,"fontFamily":1,"textAlign":"center","verticalAlign":"middle","strokeColor":"#2f9e44","containerId":"onb"},
{"id":"act","type":"ellipse","x":960,"y":95,"width":170,"height":80,"strokeColor":"#e8590c","backgroundColor":"#ffd8a8","fillStyle":"hachure","strokeWidth":2,"roughness":1.4,"boundElements":[{"type":"text","id":"act-t"},{"type":"arrow","id":"c4"}]},
{"id":"act-t","type":"text","x":980,"y":113,"width":131,"height":45,"text":"First project\ncreated","fontSize":18,"fontFamily":1,"textAlign":"center","verticalAlign":"middle","strokeColor":"#e8590c","containerId":"act"},
{"id":"rem","type":"rectangle","x":490,"y":290,"width":170,"height":70,"strokeColor":"#e03131","backgroundColor":"#ffc9c9","fillStyle":"hachure","strokeWidth":2,"roughness":1.4,"roundness":{"type":3},"boundElements":[{"type":"text","id":"rem-t"},{"type":"arrow","id":"c5"}]},
{"id":"rem-t","type":"text","x":505,"y":303,"width":141,"height":45,"text":"Reminder email\nafter 24 h","fontSize":18,"fontFamily":1,"textAlign":"center","verticalAlign":"middle","strokeColor":"#e03131","containerId":"rem"},
{"id":"c1","type":"arrow","x":204,"y":135,"width":52,"height":0,"strokeColor":"#1e1e1e","strokeWidth":2,"roughness":1.5,"endArrowhead":"arrow","startBinding":{"elementId":"land","focus":0,"gap":4},"endBinding":{"elementId":"form","focus":0,"gap":4},"points":[[0,0],[52,0]]},
{"id":"c2","type":"arrow","x":434,"y":135,"width":52,"height":0,"strokeColor":"#1e1e1e","strokeWidth":2,"roughness":1.5,"endArrowhead":"arrow","startBinding":{"elementId":"form","focus":0,"gap":4},"endBinding":{"elementId":"ver","focus":0,"gap":4},"points":[[0,0],[52,0]]},
{"id":"c3","type":"arrow","x":664,"y":135,"width":52,"height":0,"strokeColor":"#2f9e44","strokeWidth":2,"roughness":1.5,"endArrowhead":"arrow","startBinding":{"elementId":"ver","focus":0,"gap":4},"endBinding":{"elementId":"onb","focus":0,"gap":4},"points":[[0,0],[52,0]],"boundElements":[{"type":"text","id":"c3-t"}]},
{"id":"c3-t","type":"text","x":677,"y":125,"width":27,"height":20,"text":"yes","fontSize":16,"fontFamily":1,"textAlign":"center","verticalAlign":"middle","strokeColor":"#2f9e44","containerId":"c3"},
{"id":"c4","type":"arrow","x":904,"y":135,"width":52,"height":0,"strokeColor":"#1e1e1e","strokeWidth":2,"roughness":1.5,"endArrowhead":"arrow","startBinding":{"elementId":"onb","focus":0,"gap":4},"endBinding":{"elementId":"act","focus":0,"gap":4},"points":[[0,0],[52,0]]},
{"id":"c5","type":"arrow","x":575,"y":199,"width":0,"height":87,"strokeColor":"#e03131","strokeWidth":2,"roughness":1.5,"endArrowhead":"arrow","startBinding":{"elementId":"ver","focus":0,"gap":4},"endBinding":{"elementId":"rem","focus":0,"gap":4},"points":[[0,0],[0,87]],"boundElements":[{"type":"text","id":"c5-t"}]},
{"id":"c5-t","type":"text","x":566,"y":233,"width":18,"height":20,"text":"no","fontSize":16,"fontFamily":1,"textAlign":"center","verticalAlign":"middle","strokeColor":"#e03131","containerId":"c5"},
{"id":"n","type":"text","x":700,"y":260,"width":278,"height":40,"text":"Drop-off is highest at the\nverify step — test magic links?","fontSize":16,"fontFamily":1,"textAlign":"left","verticalAlign":"top","strokeColor":"#e03131"}
],
"appState": { "viewBackgroundColor": "#ffffff" },
"files": {}
}