Level of detail to capture in camunda

Lets say if I have 2 screens in my website like show in Image (Registration and View Documents)
And if I have to model a BPMN for it. Should it be like the one mentioned in BPMN:1 or the other?

Below is the user journey in the website

  • Clicking on Proceed with take the user to view documents.

  • Clicking on Save And Hold is like Work in progress

When modelling BPMN, should we try to capture the stages or the actions or both stages and actions? What is the best practice?

By stages and actions, I mean the below.

View Document


Save And Hold