Screens & States

A complete view of all screens the user may encounter during the Upload Digital ID experience. Each state includes a brief description and a direct link to its source in Figma.

---

Tutorial Screen

Introductory screen that prepares the user for the Upload Digital ID step. It displays an illustration of a government-issued digital ID and explains what type of file is required before the user proceeds to upload.

Review Document

Shown after the user selects a PDF file from their device. Displays a preview of the uploaded document and its filename so the user can confirm it is the correct file before continuing. The user can either proceed or replace the file.

Analyzing

Shown immediately after the user confirms their document. A progress indicator and a preview of the file are displayed while the module processes the PDF and extracts the identity data and QR code information.

Success

Shown when the document has been successfully processed and the identity data extracted. The user receives a clear visual confirmation and can proceed to the next step in the verification flow.

Error

Shown when the uploaded file does not correspond to a supported digital ID type. The user is informed and prompted to try uploading a different document.