Step 1: Open the Verification Page

Visitor lands on a page titled:

“User Verification”
or
“Verify Member / Employee”

Short instruction text below the title:

Enter the Employee ID to verify user details.

---

Step 2: Enter Employee ID

Visitor sees a single-line input box with placeholder:

Rules:

• Only one field

• Required field

• Clear and visible

---

Step 3: Click Verify

Next to the input box is a Verify button.

Button behavior:

• Clickable only when ID is entered

• On click, system checks the database

Optional micro-text under the button:

Verification is instant.

---

Step 4: System Validation (Behind the scenes)

System checks:

• Does Employee ID exist?

• Is the record active?

• Is the validity date not expired?

Visitor doesn’t see this logic, only the result.

---

Step 5: Verification Result (Shown on same page)

If ID is valid

Show a clean verification card:

✔ Verified User

Displayed fields:

• Full Name

• Designation

• Valid Upto

Optional badge:

• Green label: Verified

No editing. Read-only.

---

If ID is invalid

Show a simple error message:

✖ Invalid Employee ID

Please check the ID and try again.

---

If ID is expired

Show a warning message:

⚠ Record Found but Expired

This user’s validity has ended.

---

Step 6: Next Action (Optional)

Below the result, show:

• A “Verify Another ID” option

• Or automatically clear the field

---

UI Design Guidelines (keep it clean)

• One input + one button (no clutter)

• No login required

• No sensitive data like address or DOB

• Clear success and error colors:

  • Green = Verified

  • Red = Invalid

  • Orange = Expired