Page Mockups & Descriptions¶
This document contains low-fidelity wireframe mockups for each key page in the agent workflow, along with descriptions and notes.
1. Visa Application Dashboard¶
+---------------------------------------------------------------------------------+
| [Logo] Visa App Dashboard [Search ▾] [Filter ▾] [New Application] |
+---------------------------------------------------------------------------------+
| Sidebar: |
| • Dashboard |
| • Alerts & Reports |
| • Settings |
+----------------------+----------------------------------------------------------+
| | Table: |
| | # | Customer | Travel Date | Status | Days left |
| | 1 | Acme Corp | 2025-06-10 | In-Progress| 45 |
| Main Content | 2 | Beta LLC | 2025-05-01 | Pending | 4 |
| | … | … | … | … | … |
+----------------------+----------------------------------------------------------+
| Footer: © Perun Travel SaaS |
+---------------------------------------------------------------------------------+
Description:
Central overview of all visa applications. Agents can search, filter by status or date, and start new applications.
Notes: - Quick access to critical alerts and settings via sidebar. - “New Application” button opens the enquiry page.
2. New Visa Enquiry & Requirements Lookup¶
+-----------------------------------------------------------+
| ← Back New Visa Enquiry & Requirements Lookup |
+-----------------------------------------------------------+
| Step 1 of 5: Quick Quote & Doc Checklist |
+-----------------------------------------------------------+
| Customer Name: [__________________________] |
| Phone: [____________] Email: [________] |
| |
| Nationality: [USA ▾] |
| Destination Country: [UAE ▾] |
| Travel: [__]/[__]/[____] → [__]/[__]/[____] |
| |
| [ Lookup Requirements ] |
+-----------------------------------------------------------+
| **Required Documents:** |
| • Passport copy (biometric page) |
| • Recent photograph |
| • Bank statement (last 3 months) |
| • Completed visa form |
| • Appointment confirmation |
| |
| [ Download Checklist PDF ] |
+-----------------------------------------------------------+
| [Next ▶] |
+-----------------------------------------------------------+
Description:
Initial intake form enabling agents to capture contact info and immediately fetch visa document requirements.
Notes: - “Lookup Requirements” triggers API call to display checklist for quick customer response. - “Next” enters the detailed application flow.
3. Application Details (Basic Info)¶
+-----------------------------------------------------------+
| ← Back Application Details (Step 2 of 5) |
+-----------------------------------------------------------+
| Applicants: |
| [ + Add Applicant ] |
| |
| Applicant #1 |
| • Name: [__________________________] |
| • DOB: [__/__/____] |
| • Nationality:[___▾] Passport #[__________] |
| • Issue: [__/__/____] Expiry: [__/__/____] |
+-----------------------------------------------------------+
| [Prev ◀] [Next ▶] |
+-----------------------------------------------------------+
Description:
Detailed entry of each traveller’s personal and passport information. Supports multiple applicants.
Notes: - Dynamic “Add Applicant” to handle group bookings. - Validation on dates and mandatory fields.
4. Document Upload¶
+-----------------------------------------------------------+
| ← Back Upload Required Documents (Step 3 of 5) |
+-----------------------------------------------------------+
| Passport copy: [Choose file…] [Upload] ✔ uploaded |
| Photograph: [Choose file…] [Upload] |
| Bank statement: [Choose file…] [Upload] |
| Visa form PDF: [Choose file…] [Upload] |
| Appointment scan: [Choose file…] [Upload] |
+-----------------------------------------------------------+
| [Prev ◀] [Next ▶] |
+-----------------------------------------------------------+
Description:
Agents upload scanned copies of all required documents. Progress indicators show upload status.
Notes: - Files saved to S3; thumbnails/previews optional. - Enforce file size/type constraints.
5. Invoice & Payment¶
+-----------------------------------------------------------+
| ← Back Invoice & Payment (Step 4 of 5) |
+-----------------------------------------------------------+
| Invoice Preview: |
| • Visa fee: 100 USD |
| • Service charge: 20 USD |
| • Total due: 120 USD |
| |
| [ Generate PDF Invoice ] [ Send to Customer ] |
+-----------------------------------------------------------+
| Payment Status: [ Unpaid ] [ Resend Payment Link ] |
+-----------------------------------------------------------+
| [Next ▶] |
+-----------------------------------------------------------+
Description:
Review and generate customer invoice; send Telr payment link and monitor status.
Notes: - PDF invoice stored in S3 and linked in UI. - Webhook updates payment status automatically.
6. Submit to Supplier¶
+-----------------------------------------------------------+
| ← Back Review & Submit to Supplier (Step 5 of 5) |
+-----------------------------------------------------------+
| Application #12345 |
| Customer: Acme Corp Travel: 10 Jun – 15 Jun 2025 |
| Status: Ready for Submission |
| |
| [Select Supplier ▾] |
| Application Date: [__/__/____] |
| [ Submit Application ] |
+-----------------------------------------------------------+
Description:
Final review before sending application data to the visa supplier. Records supplier and submission date.
Notes: - Agents can override “payment required” if necessary.
7. Supplier Tracking¶
+-----------------------------------------------------------+
| ← Back Supplier Tracking |
+-----------------------------------------------------------+
| Application #12345 |
| Supplier: FastVisas Inc. Submitted: 01 May 2025 |
| Issuance Status: In-Process |
| Payment Status: Paid |
| Cost: $80 Price: $120 Margin: $40 |
+-----------------------------------------------------------+
| Notes: [ Add note…] |
| [ Override “Paid before Submit” ] |
+-----------------------------------------------------------+
Description:
Monitor the supplier-side progress, financials, and add internal notes or overrides.
Notes: - Audit log of status changes.
8. Visa Issuance Upload¶
+-----------------------------------------------------------+
| ← Back Upload Issued Visa |
+-----------------------------------------------------------+
| Application #12345 |
| Issuance Status: Approved |
| |
| [Choose Visa PDF…] [Upload] |
| |
| ✔ Uploaded at 05 May 2025, 14:32 |
+-----------------------------------------------------------+
| [Generate Delivery Link] |
+-----------------------------------------------------------+
Description:
Upload the issued visa PDF; trigger generation of secure download link and confirmation code.
Notes: - Generates pre-signed S3 URL and one-time code.
9. Secure Delivery Management¶
+-----------------------------------------------------------+
| ← Back Secure Delivery Management |
+-----------------------------------------------------------+
| Application #12345 |
| Download Link: https://… |
| Confirmation Code: 837452 sent via SMS/Email |
| |
| • Downloaded: No |
| • Expires: 12 May 2025, 23:59 |
+-----------------------------------------------------------+
| [ Resend SMS ] [ Resend Email ] |
+-----------------------------------------------------------+
Description:
Track delivery link usage, resend codes, and view expiry/download status.
Notes: - Secure page requires email + code to access download.
10. Alerts & Reports / Settings¶
+-----------------------------------------------------------+
| ← Back Alerts & Reports / Settings |
+-----------------------------------------------------------+
| [Alerts] [Settings] |
+-----------------------------------------------------------+
| **Alerts** |
| Critical Visas (Travel < 3 working days): |
| # | Application | Customer | Travel Date | Days Left |
| 1 | 12345 | Acme Corp | 2025-05-01 | 2 |
+-----------------------------------------------------------+
| **Settings** |
| Threshold (working days): [ 3 ] |
| Email Recipient: [alerts@perun.travel] |
| Holidays Calendar: [Manage…] |
+-----------------------------------------------------------+
Description:
Alerts tab shows at-risk applications; Settings tab configures thresholds, recipients, and holiday calendar.
Notes: - Daily email job runs at 09:00 Asia/Dubai using these settings.